@php
    $c = $lead->customer;
    $vehicle = $lead->interestVehicle;
    $dot = ['hot' => 'bg-red-500', 'warm' => 'bg-amber-400', 'cold' => 'bg-sky-400'][$lead->priority] ?? 'bg-slate-400';
    $msg = \App\Support\WhatsApp::template($lead->first_responded_at ? 'follow_up' : 'first_contact', [
        'name' => explode(' ', $c->name)[0], 'vehicle' => $vehicle?->display_name ?? 'the vehicle you asked about',
        'agent' => auth()->user()->name, 'branch' => $lead->branch->name ?? '',
    ]);
@endphp
<article class="rounded-md border border-line bg-panel p-3 text-sm shadow-sm" aria-label="Lead {{ $c->name }}">
    <div class="flex items-start justify-between gap-2">
        <h3 class="min-w-0 font-semibold">
            <span class="mr-1 inline-block size-2 rounded-full {{ $dot }}" title="{{ config('crm.priorities')[$lead->priority] ?? '' }} priority"></span>
            <a href="{{ route('leads.show', $lead) }}" class="underline decoration-line underline-offset-2">{{ $c->name }}</a>
        </h3>
        <span class="shrink-0 text-xs text-muted" title="{{ $lead->assignee?->name ?? 'Unassigned' }}">
            {{ $lead->assignee ? collect(explode(' ', $lead->assignee->name))->map(fn ($p) => mb_substr($p, 0, 1))->take(2)->implode('') : 'Unassigned' }}
        </span>
    </div>
    <p class="mt-1 text-xs text-muted">{{ config('crm.sources')[$lead->source] ?? $lead->source }} · {{ $lead->created_at->diffForHumans(short: true) }}</p>
    @if ($vehicle)<p class="mt-1 truncate text-xs">{{ $vehicle->display_name }} <span class="text-muted">{{ $vehicle->stock_id }}</span></p>
    @elseif ($lead->interest_notes)<p class="mt-1 line-clamp-2 text-xs text-muted">{{ $lead->interest_notes }}</p>@endif

    <div class="mt-2 flex flex-wrap items-center gap-1.5">
        <x-sla-chip :lead="$lead" />
        @if ($lead->follow_up_overdue)<span class="rounded border border-amber-400 bg-amber-100 px-1.5 py-0.5 text-xs text-amber-900">Follow-up due</span>
        @elseif ($lead->next_follow_up_at && $lead->is_open)<span class="text-xs text-muted">Follow-up {{ $lead->next_follow_up_at->format('d M H:i') }}</span>@endif
        @if ($lead->stage === \App\Enums\LeadStage::Won)<span class="text-xs font-medium text-go">KSh {{ number_format((float) $lead->won_price) }}</span>@endif
    </div>

    @if ($lead->is_open)
    <div class="mt-3 flex items-center gap-2 border-t border-line pt-2">
        <a href="tel:+{{ $c->phone }}" class="btn-quiet px-2 py-1 text-xs">Call</a>
        <form method="POST" action="{{ route('leads.whatsapp', $lead) }}" target="_blank" rel="noopener">@csrf
            <input type="hidden" name="message" value="{{ $msg }}"><button class="btn-quiet px-2 py-1 text-xs">WhatsApp</button></form>
        <form method="POST" action="{{ route('leads.move', $lead) }}" class="ml-auto flex items-center gap-1">@csrf
            <label class="sr-only" for="mv{{ $lead->id }}">Move {{ $c->name }} to</label>
            <select id="mv{{ $lead->id }}" name="stage" class="rounded border border-line bg-white px-1 py-1 text-xs">
                @foreach (\App\Enums\LeadStage::open() as $s)<option value="{{ $s->value }}" @selected($s === $lead->stage)>{{ $s->label() }}</option>@endforeach
            </select>
            <button class="btn-quiet px-2 py-1 text-xs">Move</button>
        </form>
    </div>
    @endif
</article>