@php
    $categoryIcons = [
        'NEEDS_RESPONSE' => ['path' => 'M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z', 'bg' => 'bg-red-50', 'icon' => 'text-red-500'],
        'FOLLOWUP_DUE'  => ['path' => 'M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z', 'bg' => 'bg-amber-50', 'icon' => 'text-amber-500'],
        'OVERDUE'       => ['path' => 'M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z', 'bg' => 'bg-red-50', 'icon' => 'text-red-600'],
        'HOT'           => ['path' => 'M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z', 'bg' => 'bg-orange-50', 'icon' => 'text-orange-500'],
        'AUTOMATION_FAILED' => ['path' => 'M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636', 'bg' => 'bg-red-50', 'icon' => 'text-red-600'],
        'STALE'         => ['path' => 'M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z', 'bg' => 'bg-slate-50', 'icon' => 'text-slate-400'],
    ];
    $iconDef = $categoryIcons[$item->category] ?? $categoryIcons['STALE'];
    $categoryLabels = [
        'NEEDS_RESPONSE' => 'Needs Response',
        'FOLLOWUP_DUE'   => 'Follow-up Due',
        'OVERDUE'        => 'Overdue',
        'HOT'            => 'Hot Lead',
        'AUTOMATION_FAILED' => 'Automation Failed',
        'STALE'          => 'Stale',
    ];
@endphp

<div class="bg-white rounded-xl border border-slate-100 shadow-sm p-4 flex flex-col sm:flex-row sm:items-center gap-4 hover:shadow-md transition">
    {{-- Icon --}}
    <div class="w-10 h-10 rounded-full {{ $iconDef['bg'] }} flex items-center justify-center flex-shrink-0">
        <svg class="w-5 h-5 {{ $iconDef['icon'] }}" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="{{ $iconDef['path'] }}"/>
        </svg>
    </div>

    {{-- Lead Info --}}
    <div class="flex-1 min-w-0">
        <div class="flex flex-wrap items-center gap-2 mb-0.5">
            <span class="text-sm font-semibold text-slate-900">{{ $item->lead_name }}</span>
            @if($item->lead_company)
                <span class="text-xs text-slate-400">· {{ $item->lead_company }}</span>
            @endif
            <span class="text-xs px-2 py-0.5 rounded-full {{ $badgeClass }} font-semibold tracking-wide">{{ $badgeLabel }}</span>
        </div>
        <div class="flex flex-wrap items-center gap-2 text-xs text-slate-500">
            @if($item->stage_name)
                <span class="px-2 py-0.5 bg-slate-100 text-slate-600 rounded-full">{{ $item->stage_name }}</span>
            @endif
            @if($item->lead_score)
                <span class="px-2 py-0.5 {{ $item->lead_score >= 75 ? 'bg-orange-100 text-orange-700' : 'bg-slate-100 text-slate-600' }} rounded-full font-medium">
                    Score {{ $item->lead_score }}
                    @if($item->temperature) · {{ ucfirst(strtolower($item->temperature)) }} @endif
                </span>
            @endif
            <span>{{ $categoryLabels[$item->category] ?? $item->category }}</span>
        </div>
        <p class="text-xs text-slate-500 mt-1 line-clamp-1">{{ $item->description }}</p>
    </div>

    {{-- Actions --}}
    <div class="flex items-center gap-2 flex-shrink-0">
        @if($item->category === 'FOLLOWUP_DUE' || $item->category === 'OVERDUE')
            <a href="{{ route('leads.show', $item->lead_id) }}" class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-blue-600 hover:bg-blue-700 text-white text-xs font-medium rounded-lg transition">
                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
                Send Follow-up
            </a>
        @elseif($item->category === 'NEEDS_RESPONSE')
            <a href="{{ route('leads.show', $item->lead_id) }}" class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-blue-600 hover:bg-blue-700 text-white text-xs font-medium rounded-lg transition">
                <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
                Respond Now
            </a>
        @endif
        <a href="{{ route('leads.show', $item->lead_id) }}" class="inline-flex items-center gap-1.5 px-3 py-1.5 bg-slate-100 hover:bg-slate-200 text-slate-700 text-xs font-medium rounded-lg transition">
            Open Lead
        </a>
    </div>
</div>