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

@section('content')
    <div class="page-head">
        <div><h1>Coverage</h1><p>{{ number_format($stats['total']) }} coverage check(s) recorded.</p></div>
        <div class="page-actions">
            <a href="{{ route('crm.coverage.zones') }}" class="btn secondary">Zones</a>
            <a href="{{ route('leads.index') }}" class="btn secondary">Leads</a>
        </div>
    </div>

    <div class="grid grid-4 mb-2">
        @include('components.kpi', ['label' => 'Total', 'value' => number_format($stats['total'])])
        @include('components.kpi', ['label' => 'Covered', 'value' => number_format($stats['covered']),
            'variant' => 'good', 'href' => route('crm.coverage.index', ['result' => 'covered'])])
        @include('components.kpi', ['label' => 'Planned', 'value' => number_format($stats['planned']),
            'variant' => 'warn', 'href' => route('crm.coverage.index', ['result' => 'planned'])])
        @include('components.kpi', ['label' => 'Not covered', 'value' => number_format($stats['not_covered']),
            'variant' => 'bad', 'href' => route('crm.coverage.index', ['result' => 'not_covered'])])
    </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, reference…">
        </div>
        <div class="field">
            <label>Result</label>
            <select name="result" data-auto-submit>
                <option value="">All</option>
                @foreach (['covered', 'planned', 'not_covered'] as $r)
                    <option value="{{ $r }}" @selected(($filters['result'] ?? '') === $r)>{{ title_case_words($r) }}</option>
                @endforeach
            </select>
        </div>
        <div class="field">
            <label>&nbsp;</label>
            <button type="submit" class="btn secondary">Filter</button>
        </div>
    </form>

    <div class="card">
        <table class="table">
            <thead>
                <tr>
                    <th>Reference</th>
                    <th>Name</th>
                    <th>Contact</th>
                    <th>Address</th>
                    <th>Service</th>
                    <th>Zone</th>
                    <th>Distance</th>
                    <th>Result</th>
                    <th>Received</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($requests as $req)
                    <tr>
                        <td class="mono">{{ $req->reference }}</td>
                        <td>{{ $req->name }}</td>
                        <td>
                            {{ $req->phone }}
                            @if ($req->email)<br><span class="muted">{{ $req->email }}</span>@endif
                        </td>
                        <td>{{ $req->address }}</td>
                        <td>{{ $req->service_type }}</td>
                        <td>{{ $req->zone?->name ?? '—' }}</td>
                        <td>{{ $req->distance_m !== null ? number_format((float) $req->distance_m).' m' : '—' }}</td>
                        <td>
                            @php
                                $variant = match ($req->result) {
                                    'covered' => 'good',
                                    'planned' => 'warn',
                                    'not_covered' => 'bad',
                                    default => '',
                                };
                            @endphp
                            <span class="badge {{ $variant }}">{{ title_case_words($req->result) }}</span>
                        </td>
                        <td>{{ $req->created_at?->format('d M Y H:i') }}</td>
                    </tr>
                @empty
                    <tr><td colspan="9" class="empty">No coverage requests match these filters.</td></tr>
                @endforelse
            </tbody>
        </table>

        {{ $requests->withQueryString()->links() }}
    </div>

    @if ($zones->isNotEmpty())
        <div class="card">
            <h2>Zones</h2>
            <table class="table">
                <thead>
                    <tr><th>Zone</th><th>Technology</th><th>Status</th><th>Homes passed</th><th>Ports</th></tr>
                </thead>
                <tbody>
                    @foreach ($zones as $zone)
                        <tr>
                            <td>{{ $zone->name }} <span class="muted">({{ $zone->code }})</span></td>
                            <td>{{ title_case_words($zone->technology) }}</td>
                            <td><span class="badge {{ $zone->status === 'live' ? 'good' : ($zone->status === 'retired' ? 'bad' : 'warn') }}">{{ title_case_words($zone->status) }}</span></td>
                            <td>{{ $zone->homes_passed !== null ? number_format((int) $zone->homes_passed) : '—' }}</td>
                            <td>{{ $zone->ports_available !== null ? number_format((int) $zone->ports_available) : '—' }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
@endsection