@extends('layouts.admin')
@section('title', 'Leads')
@section('content')
<div class="overflow-x-auto rounded-xl border border-line bg-white">
<table class="min-w-full text-left text-sm">
    <thead class="border-b border-line text-xs uppercase text-muted"><tr><th class="px-3 py-2">When</th><th class="px-3 py-2">School</th><th class="px-3 py-2">Contact</th><th class="px-3 py-2">Pain</th><th class="px-3 py-2">Status</th></tr></thead>
    <tbody>
    @foreach($leads as $lead)
        <tr class="border-b border-line align-top">
            <td class="px-3 py-2">{{ $lead->starts_at?->timezone('Asia/Karachi')->format('j M, H:i') ?: '—' }}</td>
            <td class="px-3 py-2">{{ $lead->school }}<div class="text-xs text-muted">{{ $lead->city }} · {{ $lead->student_count }} students</div></td>
            <td class="px-3 py-2">{{ $lead->name }}<div class="text-xs">{{ $lead->role }} · {{ $lead->phone }} · {{ $lead->email }}</div></td>
            <td class="px-3 py-2">{{ $lead->pain }}<div class="text-xs text-muted">{{ $lead->message }}</div></td>
            <td class="px-3 py-2">
                <form method="post" action="{{ route('admin.leads.update', $lead) }}">@csrf @method('PUT')
                    <select name="status" class="rounded border border-line px-2 py-1" onchange="this.form.submit()">
                        @foreach(['new','contacted','qualified','closed','cancelled'] as $status)
                            <option value="{{ $status }}" @selected($lead->status===$status)>{{ $status }}</option>
                        @endforeach
                    </select>
                </form>
            </td>
        </tr>
    @endforeach
    </tbody>
</table>
</div>
<div class="mt-4">{{ $leads->links() }}</div>
@endsection