@extends('layouts.admin')
@section('title', 'Leads')
@section('content')
@php
  $columns = [
    'when' => 'When',
    'type' => 'Type',
    'name' => 'Name',
    'company' => 'Company',
    'score' => 'Score',
    'status' => 'Status',
    'owner' => 'Owner',
    'actions' => '',
  ];
  $pills = [
    ['label' => 'All', 'url' => route('admin.leads.index'), 'active' => ! request()->hasAny(['status', 'type', 'high_score'])],
    ['label' => 'New / routed', 'url' => route('admin.leads.index', ['status' => 'new']), 'active' => request('status') === 'new', 'count' => $stats['new']],
    ['label' => 'High score', 'url' => route('admin.leads.index', ['high_score' => 1]), 'active' => (bool) request('high_score')],
    ['label' => 'Duplicates', 'url' => route('admin.leads.index'), 'active' => false, 'count' => $stats['duplicates']],
  ];
@endphp
<x-crm.shell title="Leads" subtitle="Scored and routed inbound demand — duplicates and acceptance in one workspace.">
    <x-slot:actions>
        <a href="{{ route('admin.crm.quotes.create') }}" class="admin-btn">New quote</a>
        <a href="{{ route('admin.forms.index') }}" class="admin-btn admin-btn-primary">Forms</a>
    </x-slot:actions>
    <x-slot:stats>
        <x-crm.stat label="New / routed" :value="$stats['new']" :href="route('admin.leads.index', ['status' => 'new'])" />
        <x-crm.stat label="Pending duplicates" :value="$stats['duplicates']" :tone="$stats['duplicates'] ? 'warning' : null" />
    </x-slot:stats>
    <x-slot:filters>
        <x-crm.pills :items="$pills" />
    </x-slot:filters>

    <div class="p-4 sm:p-6 lg:px-8">
        <x-admin.advanced-table id="leads" :search-url="route('admin.leads.index')" search-placeholder="Search name, email, company…" :columns="$columns">
            <x-slot:filters>
                <div>
                    <label class="admin-label">Type</label>
                    <select name="type" form="leads-filter" class="admin-input" onchange="document.getElementById('leads-filter').submit()">
                        <option value="">All</option>
                        @foreach(['rfq','contact','wholesale','demo'] as $t)
                            <option value="{{ $t }}" @selected(request('type')===$t)>{{ strtoupper($t) }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="admin-label">Status</label>
                    <select name="status" form="leads-filter" class="admin-input" onchange="document.getElementById('leads-filter').submit()">
                        <option value="">All</option>
                        @foreach(['new','routed','accepted','qualified','won','lost'] as $s)
                            <option value="{{ $s }}" @selected(request('status')===$s)>{{ ucfirst($s) }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="admin-label">Score</label>
                    <select name="high_score" form="leads-filter" class="admin-input" onchange="document.getElementById('leads-filter').submit()">
                        <option value="">Any</option>
                        <option value="1" @selected(request('high_score'))>High (≥40)</option>
                    </select>
                </div>
                <div class="flex items-end">
                    <a href="{{ route('admin.leads.index') }}" class="admin-btn w-full justify-center">Clear</a>
                </div>
            </x-slot:filters>

            <thead>
                <tr>
                    <th data-col="when">When</th>
                    <th data-col="type">Type</th>
                    <th data-col="name">Name</th>
                    <th data-col="company">Company</th>
                    <th data-col="score">Score</th>
                    <th data-col="status">Status</th>
                    <th data-col="owner">Owner</th>
                    <th data-col="actions"></th>
                </tr>
            </thead>
            <tbody>
            @forelse($leads as $lead)
                <tr class="border-t border-[var(--color-admin-border)]">
                    <td class="p-3 text-xs text-[#6d7175]" data-col="when">{{ $lead->created_at?->format('d M Y H:i') }}</td>
                    <td data-col="type"><x-admin.badge tone="info">{{ $lead->type }}</x-admin.badge></td>
                    <td data-col="name">
                        <div class="flex items-center gap-2">
                            <x-crm.avatar :name="$lead->name ?: $lead->email" size="sm" />
                            <div>
                                <a href="{{ route('admin.leads.show', $lead) }}" class="font-medium text-[#2c6ecb] hover:underline">{{ $lead->name ?: '—' }}</a>
                                <div class="text-xs text-[#6d7175]">{{ $lead->email }}</div>
                            </div>
                        </div>
                    </td>
                    <td data-col="company" class="text-sm">{{ $lead->company ?: '—' }}</td>
                    <td data-col="score">
                        <span class="inline-flex h-7 min-w-7 items-center justify-center rounded-full text-xs font-semibold {{ ($lead->score ?? 0) >= 40 ? 'bg-emerald-100 text-emerald-800' : 'bg-[#f1f2f4] text-[#6d7175]' }}">{{ $lead->score ?? 0 }}</span>
                    </td>
                    <td data-col="status"><x-admin.badge :tone="$lead->status === 'accepted' ? 'success' : 'muted'">{{ $lead->status }}</x-admin.badge></td>
                    <td data-col="owner" class="text-sm">{{ $lead->owner?->name ?? '—' }}</td>
                    <td data-col="actions" class="text-right"><a href="{{ route('admin.leads.show', $lead) }}" class="admin-btn !py-1 text-xs">Open</a></td>
                </tr>
            @empty
                <tr><td colspan="8" class="p-8"><x-admin.empty title="No leads" description="Form submissions and RFQs will appear here." /></td></tr>
            @endforelse
            </tbody>
            <x-slot:footer>{{ $leads->links() }}</x-slot:footer>
        </x-admin.advanced-table>
        <form id="leads-filter" method="get" action="{{ route('admin.leads.index') }}" class="hidden">
            <input type="hidden" name="q" value="{{ request('q') }}">
        </form>
    </div>
</x-crm.shell>
@endsection