@extends('layouts.app')
@section('title', 'Leads by Showroom')
@section('breadcrumb')<a href="{{ route('reports.index') }}" class="hover:text-white">Reports</a> <i class="fas fa-chevron-right text-xs mx-1 text-slate-600"></i><span class="text-white">Leads by Showroom</span>@endsection

@section('content')
<div class="space-y-5">

<div class="flex items-center justify-between">
    <div>
        <h1 class="mb-1">Leads by Showroom</h1>
        <p class="text-slate-400 text-sm">Lead breakdown grouped by showroom location</p>
    </div>
    <a href="{{ route('reports.leads-by-showroom.pdf', request()->query()) }}"
       class="btn" style="background:#7c3aed;color:#ede9fe;">
        <i class="fas fa-file-pdf mr-2"></i>Export PDF
    </a>
</div>

{{-- Filter --}}
<form method="GET" action="{{ route('reports.leads-by-showroom') }}" class="card p-4">
    <div class="flex flex-wrap items-end gap-3">
        <div>
            <label class="block text-xs text-slate-500 mb-1">Date From</label>
            <input type="date" name="from" value="{{ $from }}" class="input" style="width:150px;">
        </div>
        <div>
            <label class="block text-xs text-slate-500 mb-1">Date To</label>
            <input type="date" name="to" value="{{ $to }}" class="input" style="width:150px;">
        </div>
        <div class="flex gap-2">
            <button type="submit" class="btn btn-primary"><i class="fas fa-filter mr-2"></i>Apply</button>
            <a href="{{ route('reports.leads-by-showroom') }}" class="btn btn-secondary">Reset</a>
        </div>
    </div>
</form>

@if(session('error'))<div class="card p-4 border-red-600 bg-red-900/20 text-red-300">{{ session('error') }}</div>@endif

{{-- Results --}}
@forelse($grouped as $showroomName => $leads)
<div class="card overflow-hidden">
    <div class="px-5 py-3 border-b border-slate-700" style="background:#0f172a;">
        <h3 class="text-blue-300 flex items-center gap-2">
            <i class="fas fa-store"></i>
            {{ $showroomName ?: 'No Showroom' }}
            <span class="text-xs text-slate-400 font-normal ml-1">({{ $leads->count() }} lead{{ $leads->count() !== 1 ? 's' : '' }})</span>
        </h3>
    </div>
    <table class="w-full text-sm">
        <thead>
            <tr class="text-xs text-slate-400 uppercase border-b border-slate-700">
                <th class="px-4 py-2 text-left">ID</th>
                <th class="px-4 py-2 text-left">Brand</th>
                <th class="px-4 py-2 text-left">Customer</th>
                <th class="px-4 py-2 text-left">Suburb</th>
                <th class="px-4 py-2 text-left">Consultant</th>
                <th class="px-4 py-2 text-left">Designer</th>
                <th class="px-4 py-2 text-left">Lead Date</th>
                <th class="px-4 py-2 text-left">Sale Date</th>
                <th class="px-4 py-2 text-right">Value</th>
            </tr>
        </thead>
        <tbody>
            @foreach($leads as $lead)
            @php $job = $lead->jobs->first(); @endphp
            <tr class="table-row border-b border-slate-800">
                <td class="px-4 py-2 text-slate-300">{{ $lead->lead_number }}</td>
                <td class="px-4 py-2 text-slate-300">{{ $lead->brand?->name ?? '—' }}</td>
                <td class="px-4 py-2 text-white font-medium">{{ $lead->contact?->full_name ?? '—' }}</td>
                <td class="px-4 py-2 text-slate-300">{{ $lead->site_suburb ?? $job?->site_suburb ?? '—' }}</td>
                <td class="px-4 py-2 text-slate-300">{{ $job?->consultant?->name ?? '—' }}</td>
                <td class="px-4 py-2 text-slate-300">{{ $job?->designer?->name ?? '—' }}</td>
                <td class="px-4 py-2 text-slate-300">{{ $lead->enquiry_date?->format('d/m/Y') ?? '—' }}</td>
                <td class="px-4 py-2 text-slate-300">{{ $job?->sale_date?->format('d/m/Y') ?? '—' }}</td>
                <td class="px-4 py-2 text-right text-green-400">${{ number_format($job?->job_value ?? 0) }}</td>
            </tr>
            @endforeach
            <tr class="bg-slate-800/50">
                <td colspan="8" class="px-4 py-2 text-xs text-slate-400 font-medium">Sum ({{ $leads->count() }} records)</td>
                <td class="px-4 py-2 text-right text-white font-semibold">
                    ${{ number_format($leads->sum(fn($l) => $l->jobs->first()?->job_value ?? 0)) }}
                </td>
            </tr>
        </tbody>
    </table>
</div>
@empty
<div class="card p-8 text-center text-slate-500">
    <i class="fas fa-store text-3xl mb-3 block"></i>
    No leads found for the selected period.
</div>
@endforelse

</div>
@endsection