@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center flex-wrap grid-margin mb-3">
    <div>
        <h4 class="mb-0">Automatic Calling — Callbacks</h4>
        <div class="text-secondary small mt-1">Manage scheduled callbacks and same-agent preferences.</div>
    </div>
</div>

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

{{-- View tabs --}}
<div class="card mb-3">
    <div class="card-body py-2 d-flex flex-wrap gap-2">
        @php
            $views = ['due'=>'Due Today','waiting'=>'Waiting for Agent','released'=>'Released to Team','escalated'=>'Escalated','overdue'=>'Overdue','upcoming'=>'Upcoming','completed'=>'Completed','mine'=>'Assigned to Me'];
        @endphp
        @foreach($views as $key => $label)
            <a href="{{ route('dialer.callbacks', ['view' => $key]) }}"
               class="btn btn-sm {{ $activeView === $key ? 'btn-primary' : 'btn-outline-secondary' }}">
                {{ $label }}
            </a>
        @endforeach
    </div>
</div>

<div class="card">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover mb-0 align-middle">
                <thead>
                    <tr>
                        <th>Due</th>
                        <th>Customer</th>
                        <th>Campaign</th>
                        <th>Rule</th>
                        <th>Preferred Agent</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($callbacks as $cb)
                    @php
                        $ruleLabels = ['any_available'=>'Any Agent','prefer_same'=>'Prefer Same','only_same'=>'Only Same'];
                        $statusStyles = ['scheduled'=>'bg-secondary-subtle text-secondary','due_assigned_preferred'=>'bg-primary-subtle text-primary','waiting_preferred'=>'bg-warning-subtle text-warning','released_to_team'=>'bg-info-subtle text-info','escalated_supervisor'=>'bg-danger-subtle text-danger','completed'=>'bg-success-subtle text-success','overdue'=>'bg-danger-subtle text-danger','cancelled'=>'bg-secondary-subtle text-secondary'];
                    @endphp
                    <tr>
                        <td class="small">{{ $cb->due_at ? \Carbon\Carbon::parse($cb->due_at)->format('d M H:i') : '—' }}</td>
                        <td class="fw-semibold">{{ $cb->contact?->name ?? 'Contact #' . $cb->contact_id }}</td>
                        <td class="small">{{ $cb->campaign?->name ?? '—' }}</td>
                        <td><span class="badge bg-secondary-subtle text-secondary">{{ $ruleLabels[$cb->assignment_rule] ?? $cb->assignment_rule }}</span></td>
                        <td class="small">{{ $cb->preferred_agent_id ? 'Agent #' . $cb->preferred_agent_id : '—' }}</td>
                        <td><span class="badge {{ $statusStyles[$cb->status] ?? 'bg-secondary-subtle text-secondary' }}">{{ ucfirst(str_replace('_', ' ', $cb->status)) }}</span></td>
                    </tr>
                    @empty
                    <tr><td colspan="6" class="text-center text-muted py-4">No callbacks in this view.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
{{ $callbacks->links() }}
@endsection