@extends('layouts.app')

@section('content')
@php
    $modeLabels = ['preview'=>'Agent Calls Customer','direct_agent'=>'Automatic Calls for Available Agents','send_to_team'=>'Send Answered Customers to Team'];
    $stateStyles = ['running'=>'bg-primary-subtle text-primary','paused'=>'bg-warning-subtle text-warning','completed'=>'bg-success-subtle text-success','stopped'=>'bg-secondary-subtle text-secondary','draft'=>'bg-secondary-subtle text-secondary','needs_attention'=>'bg-danger-subtle text-danger','scheduled'=>'bg-info-subtle text-info','archived'=>'bg-secondary-subtle text-secondary'];
@endphp

<div class="d-flex justify-content-between align-items-center flex-wrap grid-margin mb-3">
    <div>
        <h4 class="mb-0">{{ $campaign->name }}</h4>
        <div class="text-secondary small mt-1">
            <span class="badge {{ $stateStyles[$campaign->state] ?? '' }} me-1">{{ ucfirst(str_replace('_',' ',$campaign->state)) }}</span>
            {{ $modeLabels[$campaign->calling_mode] ?? $campaign->calling_mode }}
            @if($campaign->team) · {{ $campaign->team->name }} @endif
        </div>
    </div>
    <div class="d-flex gap-2">
        @if(in_array('running', $allowedTransitions))
            <form method="POST" action="{{ route($campaign->state === 'paused' ? 'dialer.campaigns.resume' : 'dialer.campaigns.start', $campaign->id) }}" class="d-inline">
                @csrf
                <button class="btn btn-success btn-sm">{{ $campaign->state === 'paused' ? 'Resume Calling' : 'Start Calling' }}</button>
            </form>
        @endif
        @if(in_array('paused', $allowedTransitions))
            <form method="POST" action="{{ route('dialer.campaigns.pause', $campaign->id) }}" class="d-inline">
                @csrf
                <button class="btn btn-warning btn-sm">Pause Calling</button>
            </form>
        @endif
        @if(in_array('stopped', $allowedTransitions))
            <form method="POST" action="{{ route('dialer.campaigns.stop', $campaign->id) }}" class="d-inline" onsubmit="return confirm('Are you sure you want to end this campaign?')">
                @csrf
                <button class="btn btn-outline-danger btn-sm">End Campaign</button>
            </form>
        @endif
        <form method="POST" action="{{ route('dialer.campaigns.reset', $campaign->id) }}" class="d-inline" onsubmit="return confirm('Reset this campaign? All call attempts will be cleared and contacts reset to dialable.')">
            @csrf
            <button class="btn btn-outline-secondary btn-sm">Reset Campaign</button>
        </form>
        <a href="{{ route('dialer.campaigns.index') }}" class="btn btn-outline-secondary btn-sm">← Campaigns</a>
    </div>
</div>

@if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
@endif
@if(session('error'))
    <div class="alert alert-danger">{{ session('error') }}</div>
@endif

{{-- Metric cards --}}
<div class="row g-3 mb-3">
    @php
        $cards = [
            ['Attempted', $metrics->attempts ?? 0, 'phone-outgoing'],
            ['Customer Answered', $metrics->customer_answered ?? 0, 'phone-incoming'],
            ['Agent Connected', $metrics->agent_connected ?? 0, 'user-check'],
            ['Not Connected', $metrics->not_connected ?? 0, 'phone-off'],
            ['Callbacks', $metrics->callbacks ?? 0, 'phone-call'],
            ['DNC Requests', $metrics->dnc_requests ?? 0, 'shield-off'],
            ['Avg Wait (s)', $metrics->avg_wait ? round($metrics->avg_wait) : '—', 'clock'],
            ['Avg Talk (s)', $metrics->avg_talk ? round($metrics->avg_talk) : '—', 'message-circle'],
        ];
    @endphp
    @foreach($cards as [$label, $value, $icon])
    <div class="col-6 col-md-3">
        <div class="card h-100">
            <div class="card-body text-center py-3">
                <i data-lucide="{{ $icon }}" style="width:18px;height:18px;" class="text-muted mb-1"></i>
                <div class="fs-4 fw-bold">{{ is_numeric($value) ? number_format($value) : $value }}</div>
                <div class="small text-muted">{{ $label }}</div>
            </div>
        </div>
    </div>
    @endforeach
</div>

{{-- Contact stats + import --}}
<div class="row g-3 mb-3">
    <div class="col-lg-6">
        <div class="card h-100">
            <div class="card-header fw-semibold">Contacts</div>
            <div class="card-body">
                <table class="table table-sm mb-0">
                    <tr><td>Total imported</td><td class="fw-semibold">{{ $contactStats->total ?? 0 }}</td></tr>
                    <tr><td>Dialable (ready)</td><td class="fw-semibold text-success">{{ $contactStats->dialable ?? 0 }}</td></tr>
                    <tr><td>Completed</td><td class="fw-semibold">{{ $contactStats->completed ?? 0 }}</td></tr>
                    <tr><td>Invalid</td><td class="text-danger">{{ $contactStats->invalid ?? 0 }}</td></tr>
                    <tr><td>Duplicate</td><td class="text-muted">{{ $contactStats->duplicate ?? 0 }}</td></tr>
                    <tr><td>Do Not Call</td><td class="text-danger">{{ $contactStats->dnc_excluded ?? 0 }}</td></tr>
                </table>
            </div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="card h-100">
            <div class="card-header fw-semibold">Import Contacts</div>
            <div class="card-body">
                @if(session('import_summary'))
                    @php $s = session('import_summary'); @endphp
                    <div class="alert alert-info mb-2">
                        <strong>Import Summary:</strong> {{ $s['importable'] }} ready, {{ $s['invalid'] }} invalid, {{ $s['duplicate'] }} duplicate, {{ $s['dnc'] }} blocked.
                    </div>
                    <div class="d-flex gap-2">
                        <form method="POST" action="{{ route('dialer.campaigns.import.confirm', $campaign->id) }}" class="d-inline">
                            @csrf
                            <input type="hidden" name="batch_id" value="{{ $s['batch_id'] }}">
                            <button class="btn btn-success btn-sm">Continue with Valid Contacts</button>
                        </form>
                        <form method="POST" action="{{ route('dialer.campaigns.import.cancel', $campaign->id) }}" class="d-inline">
                            @csrf
                            <input type="hidden" name="batch_id" value="{{ $s['batch_id'] }}">
                            <button class="btn btn-outline-danger btn-sm">Cancel Import</button>
                        </form>
                    </div>
                @else
                    <form method="POST" action="{{ route('dialer.campaigns.import', $campaign->id) }}" enctype="multipart/form-data">
                        @csrf
                        <div class="mb-3">
                            <label class="form-label">Upload CSV or Excel file</label>
                            <input type="file" name="file" class="form-control" accept=".csv,.txt,.xlsx,.xls" required>
                            <div class="form-text">Required columns: Name, Phone. Optional: Account Number, Email, Notes, etc.</div>
                        </div>
                        <button type="submit" class="btn btn-primary btn-sm">Import Contacts</button>
                    </form>
                @endif
            </div>
        </div>
    </div>
</div>

{{-- Campaign configuration summary --}}
<div class="card">
    <div class="card-header fw-semibold">Configuration</div>
    <div class="card-body">
        <div class="row g-3">
            <div class="col-md-4"><span class="text-muted small">Calling Method</span><div>{{ $modeLabels[$campaign->calling_mode] ?? $campaign->calling_mode }}</div></div>
            <div class="col-md-4"><span class="text-muted small">Team</span><div>{{ $campaign->team?->name ?? '—' }}</div></div>
            <div class="col-md-4"><span class="text-muted small">Caller ID / Trunk</span><div>{{ $campaign->caller_id ?: '—' }} / {{ $campaign->trunk ?: '—' }}</div></div>
            <div class="col-md-3"><span class="text-muted small">Max Attempts</span><div>{{ $campaign->max_attempts }}</div></div>
            <div class="col-md-3"><span class="text-muted small">Retry Interval</span><div>{{ $campaign->retry_minutes }} min</div></div>
            <div class="col-md-3"><span class="text-muted small">Calling Window</span><div>{{ substr($campaign->calling_window_start,0,5) }} – {{ substr($campaign->calling_window_end,0,5) }}</div></div>
            <div class="col-md-3"><span class="text-muted small">Created</span><div>{{ $campaign->created_at?->format('Y-m-d H:i') }}</div></div>
        </div>
    </div>
</div>
@endsection