@extends('components.dashboard.layout.layout')

@section('content')
    @include('components.alert')

    <div class="container-fluid app-bg">
        <div class="page-shell">
            <div class="space-y-4">
                <x-page-title
                    title="Lead Queue"
                    description="Manage leads waiting for redistribution because agents reached shift capacity.">
                    <a href="{{ route('lead-distribution.config.edit') }}" class="asset-btn asset-btn--secondary">
                        Distribution Config
                    </a>
                </x-page-title>

                <div class="ui-card ui-card--table">
                    <x-table :headers="[
                        'Lead',
                        'Email',
                        'Phone',
                        'Method',
                        'Shift',
                        'Queued At',
                        'Actions',
                    ]" :paginator="$queueAssignments" emptyMessage="No queued leads found.">

                        @foreach ($queueAssignments as $assignment)
                            @php
                                $lead = $assignment->lead;
                            @endphp

                            <tr>
                                <td class="text-center">
                                    @if ($lead)
                                        <a href="{{ route('leads.edit', $lead->id) }}" class="leads-name-link">
                                            <div class="ui-title">{{ $lead->name ?: 'Lead #' . $lead->id }}</div>
                                        </a>
                                    @else
                                        <span class="ui-muted">Deleted lead</span>
                                    @endif
                                </td>

                                <td class="text-center">
                                    <span class="ui-muted">{{ $lead?->email ?: '-' }}</span>
                                </td>

                                <td class="text-center">
                                    <span class="ui-muted">{{ $lead?->phone_masked ?: '-' }}</span>
                                </td>

                                <td class="text-center">
                                    <span class="ui-pill ui-pill--soft">
                                        {{ ucfirst($assignment->assignment_type) }}
                                    </span>
                                </td>

                                <td class="text-center">
                                    <span class="ui-pill ui-pill--info">
                                        {{ ucfirst($assignment->shift_type ?: '-') }}
                                    </span>
                                </td>

                                <td class="text-center">
                                    <span class="ui-muted">
                                        {{ $assignment->assigned_at?->format('Y-m-d H:i') ?: '-' }}
                                    </span>
                                </td>

                                <td class="text-center">
                                    @if ($isManualDistribution && $lead)
                                        <a href="{{ route('leads.edit', $lead->id) }}" class="asset-btn asset-btn--primary">
                                            Edit
                                        </a>
                                    @elseif ($canRedistribute && $lead)
                                        <form method="POST" action="{{ route('lead-distribution.queue.redistribute', $lead) }}">
                                            @csrf
                                            <button type="submit" class="asset-btn asset-btn--primary">
                                                Redistribute
                                            </button>
                                        </form>
                                    @else
                                        <span class="ui-muted">Available in morning shift</span>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </x-table>
                </div>
            </div>
        </div>
    </div>
@endsection