@extends('layouts.app')
@section('title', 'Leads')

@section('content')
    <div class="page-head">
        <div><h1>Leads</h1><p>{{ $leads->total() }} prospect(s) in the pipeline.</p></div>
        <div class="page-actions">
            <a href="{{ route('crm.coverage.index') }}" class="btn secondary">Coverage zones</a>
            <a href="{{ route('leads.create') }}" class="btn">+ New lead</a>
        </div>
    </div>

    <div class="grid grid-6 mb-2">
        @foreach (['new' => 'New', 'contacted' => 'Contacted', 'qualified' => 'Qualified', 'proposal' => 'Proposal',
                   'converted' => 'Converted', 'lost' => 'Lost'] as $key => $label)
            @include('components.kpi', ['label' => $label, 'value' => number_format($counts[$key] ?? 0),
                'variant' => $key === 'converted' ? 'good' : ($key === 'lost' ? 'bad' : ($key === 'new' ? 'warn' : '')),
                'href' => route('leads.index', ['status' => $key])])
        @endforeach
    </div>

    <form class="filters" method="GET">
        <div class="field" style="flex:2 1 240px;">
            <label>Search</label>
            <input type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Name, phone, email, address…">
        </div>
        <div class="field">
            <label>Status</label>
            <select name="status" data-auto-submit>
                <option value="">All</option>
                @foreach (['new','contacted','qualified','proposal','converted','lost'] as $s)
                    <option value="{{ $s }}" @selected(($filters['status'] ?? '') === $s)>{{ title_case_words($s) }}</option>
                @endforeach
            </select>
        </div>
        <div class="field">
            <label>Source</label>
            <select name="source" data-auto-submit>
                <option value="">All sources</option>
                @foreach (['website','referral','walk_in','phone','social','campaign','coverage_request','partner'] as $s)
                    <option value="{{ $s }}" @selected(($filters['source'] ?? '') === $s)>{{ title_case_words($s) }}</option>
                @endforeach
            </select>
        </div>
        <div class="field">
            <label>Owner</label>
            <select name="owner" data-auto-submit>
                <option value="">Everyone</option>
                @foreach ($owners as $owner)
                    <option value="{{ $owner->id }}" @selected(($filters['owner'] ?? '') == $owner->id)>{{ $owner->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="field" style="flex:0 0 auto;"><label>&nbsp;</label><button type="submit" class="btn secondary">Filter</button></div>
    </form>

    <div class="card">
        <div class="card-body tight">
            <div class="table-wrap">
                <table class="data">
                    <thead>
                    <tr>
                        <th>Lead</th><th>Contact</th><th>Service</th><th>Source</th><th>Owner</th>
                        <th class="num">Est. value</th><th>Status</th><th>Next follow-up</th><th></th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse ($leads as $lead)
                        <tr>
                            <td>
                                <a href="{{ route('leads.show', $lead) }}" class="strong">{{ $lead->full_name }}</a>
                                <div class="tiny muted mono">{{ $lead->lead_number }}</div>
                            </td>
                            <td class="small">{{ $lead->phone }}
                                @if ($lead->email)<div class="tiny muted">{{ $lead->email }}</div>@endif</td>
                            <td class="small">{{ $lead->serviceType?->name ?? '—' }}
                                <div class="tiny muted">{{ $lead->plan?->name }}</div></td>
                            <td><span class="badge muted">{{ title_case_words($lead->source) }}</span></td>
                            <td class="small">{{ $lead->owner?->name ?? 'Unassigned' }}</td>
                            <td class="num">{{ $lead->estimated_value > 0 ? money($lead->estimated_value) : '—' }}</td>
                            <td><span class="badge {{ status_color(match ($lead->status) {
                                'converted' => 'active', 'lost' => 'cancelled', 'new' => 'pending', default => 'grace' }) }}">
                                <span class="dot"></span>{{ $lead->status }}</span></td>
                            <td class="small nowrap">
                                @if ($lead->next_follow_up_at)
                                    @if ($lead->next_follow_up_at->isPast())
                                        <span class="badge danger">overdue</span>
                                    @else
                                        {{ $lead->next_follow_up_at->format('d M') }}
                                    @endif
                                @else
                                    <span class="muted">—</span>
                                @endif
                            </td>
                            <td class="right nowrap">
                                <a href="{{ route('leads.show', $lead) }}" class="btn xs secondary">Open</a>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="9">
                            @include('components.empty-state', ['icon' => '&#9733;', 'title' => 'No leads found',
                                'message' => 'Capture enquiries from the coverage checker or add them manually.',
                                'action' => '<a href="'.route('leads.create').'" class="btn sm">+ New lead</a>'])
                        </td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if ($leads->hasPages())<div class="card-foot">{{ $leads->links('partials.pagination') }}</div>@endif
    </div>
@endsection