@extends('admin.layouts.app')

@section('title', 'Leads')

@section('content')
<div class="flex items-center justify-between">
    <h1 class="text-2xl font-semibold">Leads</h1>
    <div class="flex gap-2">
        <a href="{{ route('admin.leads.index', ['view' => 'list']) }}" class="rounded px-3 py-1 text-sm {{ ($view ?? 'list') === 'list' ? 'bg-slate-900 text-white' : 'bg-slate-100' }}">List</a>
        <a href="{{ route('admin.leads.index', ['view' => 'kanban']) }}" class="rounded px-3 py-1 text-sm {{ ($view ?? 'list') === 'kanban' ? 'bg-slate-900 text-white' : 'bg-slate-100' }}">Kanban</a>
    </div>
</div>

@if(($view ?? 'list') === 'kanban')
    <div class="mt-6 grid gap-4 overflow-x-auto md:grid-cols-3 lg:grid-cols-6">
        @foreach($stages as $key => $label)
            <div class="min-w-[200px] rounded-lg bg-slate-50 p-3">
                <h3 class="mb-3 text-sm font-semibold uppercase text-slate-500">{{ $label }}</h3>
                @foreach(($grouped[$key] ?? collect()) as $lead)
                    <a href="{{ route('admin.leads.show', $lead) }}" class="mb-2 block rounded border bg-white p-3 text-sm shadow-sm hover:shadow">
                        <p class="font-medium">{{ $lead->name ?? 'Unknown' }}</p>
                        <p class="text-xs text-slate-500">{{ $lead->email }}</p>
                    </a>
                @endforeach
            </div>
        @endforeach
    </div>
@else
    <div class="mt-6 overflow-hidden rounded-lg border border-slate-200 bg-white">
        <table class="min-w-full divide-y divide-slate-200 text-sm">
            <thead class="bg-slate-50"><tr><th class="px-4 py-3 text-left">Name</th><th class="px-4 py-3 text-left">Email</th><th class="px-4 py-3 text-left">Source</th><th class="px-4 py-3 text-left">Status</th><th class="px-4 py-3 text-left">Date</th></tr></thead>
            <tbody class="divide-y divide-slate-100">
                @foreach($leads as $lead)
                    <tr class="hover:bg-slate-50">
                        <td class="px-4 py-3"><a href="{{ route('admin.leads.show', $lead) }}" class="font-medium text-blue-600">{{ $lead->name ?? '—' }}</a></td>
                        <td class="px-4 py-3">{{ $lead->email }}</td>
                        <td class="px-4 py-3">{{ $lead->source }}</td>
                        <td class="px-4 py-3"><span class="rounded-full bg-slate-100 px-2 py-1 text-xs">{{ $stages[$lead->status] ?? $lead->status }}</span></td>
                        <td class="px-4 py-3 text-slate-500">{{ $lead->created_at->format('M j, Y') }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    {{ $leads->links() }}
@endif
@endsection