@php
    $money = fn ($v) => \App\Services\Insurance\QuotationPresenter::money(is_numeric($v) ? (float) $v : 0);
    $tabs = ['leads' => ['Contact Us leads', 'heroicon-o-inbox-stack'], 'generated' => ['Assigned quotations', 'heroicon-o-document-duplicate'], 'legacy' => ['Legacy bulk quotations', 'heroicon-o-archive-box']];
@endphp
<x-layouts.app title="Bulk quotations" subtitle="Create quotations for “Contact Us” renewal leads in one go and assign them to a team member."
               :breadcrumbs="['Insurance' => null, 'Bulk quotations' => null]">
    <x-slot:actions>
        <a href="{{ route('bulk-quotations.sample') }}" class="btn btn-ghost"><x-heroicon-m-document-arrow-down class="h-4 w-4" /> Sample CSV</a>
        <button type="button" class="btn btn-secondary" @click="$dispatch('open-modal', 'import-leads')"><x-heroicon-m-arrow-up-tray class="h-4 w-4" /> Import leads</button>
    </x-slot:actions>

    <div class="mb-5 flex flex-wrap gap-1 rounded-2xl bg-ink-100 p-1 dark:bg-ink-800/70">
        @foreach ($tabs as $key => [$label, $icon])
            <a href="{{ route('bulk-quotations.index', ['tab' => $key]) }}"
               @class(['flex items-center gap-2 rounded-xl px-4 py-2 text-sm font-medium transition', 'bg-white text-ink-900 shadow-sm dark:bg-ink-900 dark:text-white' => $tab === $key, 'text-ink-500 hover:text-ink-800 dark:hover:text-ink-200' => $tab !== $key])>
                <x-dynamic-component :component="$icon" class="h-4 w-4" /> {{ $label }}
                <span class="rounded-full bg-ink-200/70 px-2 py-0.5 text-[11px] tabular-nums dark:bg-ink-700">{{ number_format($counts[$key]) }}</span>
            </a>
        @endforeach
    </div>

    @if ($tab === 'leads')
        <x-card :padded="false" x-data="bulkSelect">
            <div class="border-b border-ink-100 p-4 dark:border-ink-800">
                <x-filter-bar placeholder="Search name, mobile, reg. no, vehicle, insurer…"><input type="hidden" name="tab" value="leads"></x-filter-bar>
            </div>
            <div x-cloak x-show="selected.length" x-transition class="flex flex-wrap items-center justify-between gap-3 border-b border-brand-200 bg-brand-50/70 px-5 py-2.5 text-sm dark:border-brand-500/20 dark:bg-brand-500/10">
                <span><span class="font-semibold" x-text="selected.length"></span> lead(s) selected</span>
                <button type="button" class="btn btn-primary btn-sm" @click="$dispatch('open-modal', 'generate')"><x-heroicon-m-sparkles class="h-4 w-4" /> Create quotations</button>
            </div>

            @if ($leads->isEmpty())
                <x-empty-state title="No leads" message="Import a CSV of “Contact Us” leads to get started." icon="heroicon-o-inbox-stack">
                    <button type="button" class="btn btn-brand" @click="$dispatch('open-modal', 'import-leads')"><x-heroicon-m-arrow-up-tray class="h-4 w-4" /> Import leads</button>
                </x-empty-state>
            @else
                <div class="table-wrap">
                    <table class="table table-compact">
                        <thead>
                            <tr>
                                <th class="w-10"><input type="checkbox" class="form-checkbox" :checked="all" @click="toggleAll(@js($leads->pluck('id')->all()))" aria-label="Select all"></th>
                                <th><x-sort-link column="fullname" label="Customer" /></th>
                                <th><x-sort-link column="car_reg_no" label="Reg. no" /></th>
                                <th>Vehicle</th>
                                <th>Reg. date</th>
                                <th><x-sort-link column="ins_expire_date" label="Policy expiry" /></th>
                                <th><x-sort-link column="ins_company_name" label="Current insurer" /></th>
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-ink-100 dark:divide-ink-800">
                            @foreach ($leads as $lead)
                                <tr>
                                    <td><input type="checkbox" class="form-checkbox" value="{{ $lead->id }}" x-model.number="selected" @disabled(! $lead->car)></td>
                                    <td>
                                        <div class="font-medium text-ink-900 dark:text-white">{{ $lead->fullname ?: '—' }}</div>
                                        <div class="text-xs text-ink-500 tabular-nums">{{ $lead->contact_no }}</div>
                                    </td>
                                    <td class="tabular-nums">{{ $lead->car_reg_no ?: '—' }}</td>
                                    <td class="max-w-[16rem]">
                                        @if ($lead->car)
                                            <div class="truncate">{{ $lead->car->mfg_name }} {{ $lead->car->model }}</div>
                                            <div class="truncate text-xs text-ink-500">{{ $lead->car->sub_model }} · {{ $lead->car->fuel_type }}</div>
                                        @else
                                            <div class="truncate text-ink-500">{{ trim($lead->mfg_name.' '.$lead->model.' '.$lead->sub_model) ?: '—' }}</div>
                                            <span class="badge badge-red">Not linked to a vehicle</span>
                                        @endif
                                    </td>
                                    <td class="text-ink-500">{{ $lead->car_reg_date ?: '—' }}</td>
                                    <td class="text-ink-500">{{ $lead->ins_expire_date ?: '—' }}</td>
                                    <td>{{ $lead->ins_company_name ?: '—' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <x-pagination-bar :paginator="$leads" />
            @endif

            <x-modal name="generate" title="Create quotations" maxWidth="lg">
                <form method="POST" action="{{ route('bulk-quotations.generate') }}" id="generate-form" class="space-y-4" x-data="{ insurer: 'hdfc' }">
                    @csrf
                    <template x-for="id in selected" :key="id"><input type="hidden" name="ids[]" :value="id"></template>
                    <p class="text-sm text-ink-500">One quotation is created for each of the <strong x-text="selected.length"></strong> selected lead(s), priced with the standard premium formula (all add-ons, road-side assistance and 20 % NCB).</p>
                    <x-select name="user_id" label="Assign to" :options="$assignees" placeholder="Select a user…" required :enhance="true" />
                    <div>
                        <span class="form-label">Insurer</span>
                        <div class="flex gap-2">
                            @foreach (\App\Services\Insurance\PremiumCalculator::INSURERS as $key => $label)
                                <label class="flex flex-1 cursor-pointer items-center gap-2 rounded-xl border px-3 py-2 text-sm" :class="insurer === '{{ $key }}' ? 'border-brand-500 bg-brand-50 dark:bg-brand-500/10' : 'border-ink-200 dark:border-ink-700'">
                                    <input type="radio" name="insurer" value="{{ $key }}" x-model="insurer" class="form-checkbox rounded-full"> {{ $label }}
                                </label>
                            @endforeach
                        </div>
                    </div>
                    <div x-show="insurer === 'tata'" x-collapse>
                        <x-select name="plan" label="TATA AIG plan" :options="$plans" placeholder="Select a plan…" />
                    </div>
                    <x-input name="reg_date" type="date" label="Registration date" :value="now()->subDays(340)->format('Y-m-d')" :max="now()->format('Y-m-d')" required hint="Used for leads without a valid registration date of their own." />
                    <label class="flex items-start gap-3 text-sm">
                        <input type="hidden" name="use_lead_reg_date" value="0">
                        <input type="checkbox" name="use_lead_reg_date" value="1" checked class="form-checkbox mt-0.5">
                        <span>Use each lead's own registration date when it is available</span>
                    </label>
                </form>
                <x-slot:footer>
                    <button type="button" class="btn btn-secondary" @click="$dispatch('close-modal', 'generate')">Cancel</button>
                    <button type="submit" form="generate-form" class="btn btn-brand"><x-heroicon-m-sparkles class="h-4 w-4" /> Create quotations</button>
                </x-slot:footer>
            </x-modal>
        </x-card>
    @elseif ($tab === 'generated')
        <x-card :padded="false">
            <div class="border-b border-ink-100 p-4 dark:border-ink-800">
                <x-filter-bar placeholder="Search quotation no, customer, mobile, assignee…"><input type="hidden" name="tab" value="generated"></x-filter-bar>
            </div>
            @if ($quotations->isEmpty())
                <x-empty-state title="No bulk quotations yet" message="Select leads in the first tab and choose “Create quotations”." icon="heroicon-o-document-duplicate" />
            @else
                @include('insurance.quotations._table', ['quotations' => $quotations, 'selectable' => false, 'showCreator' => true])
                <x-pagination-bar :paginator="$quotations" />
            @endif
        </x-card>
    @else
        <x-card :padded="false" title="Legacy bulk quotations" subtitle="Read-only archive of quotations generated by the old admin panel.">
            <div class="border-b border-ink-100 p-4 dark:border-ink-800">
                <x-filter-bar placeholder="Search customer, mobile, vehicle, assignee…"><input type="hidden" name="tab" value="legacy"></x-filter-bar>
            </div>
            @if ($rows->isEmpty())
                <x-empty-state title="No legacy bulk quotations" icon="heroicon-o-archive-box" />
            @else
                <div class="table-wrap">
                    <table class="table table-compact">
                        <thead>
                            <tr>
                                <th><x-sort-link column="name" label="Customer" /></th>
                                <th><x-sort-link column="assignee" label="Assigned to" /></th>
                                <th>Vehicle</th>
                                <th>Plan</th>
                                <th class="text-right"><x-sort-link column="total_cost" label="Total premium" /></th>
                                <th><x-sort-link column="created_date" label="Created" /></th>
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-ink-100 dark:divide-ink-800">
                            @foreach ($rows as $row)
                                <tr>
                                    <td>
                                        <div class="font-medium text-ink-900 dark:text-white">{{ $row->name ?: '—' }}</div>
                                        <div class="text-xs text-ink-500 tabular-nums">{{ $row->mobileno }}</div>
                                    </td>
                                    <td>{{ $row->assignee_name ?? ($row->user_id ? 'Former user #'.$row->user_id : '—') }}</td>
                                    <td class="max-w-[16rem]">
                                        <div class="truncate">{{ trim($row->manufacturer_name.' '.$row->vehicle_model) ?: '—' }}</div>
                                        <div class="truncate text-xs text-ink-500">{{ $row->car?->sub_model }}</div>
                                    </td>
                                    <td>{{ $row->selectins_plan ?: 'HDFC' }}</td>
                                    <td class="text-right font-semibold tabular-nums">{{ $money($row->total_cost) }}</td>
                                    <td class="text-ink-500">{{ $row->created_date?->format('d M Y') }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <x-pagination-bar :paginator="$rows" />
            @endif
        </x-card>
    @endif

    <x-modal name="import-leads" title="Import Contact Us leads" maxWidth="lg">
        <form method="POST" action="{{ route('bulk-quotations.import') }}" enctype="multipart/form-data" id="import-form" class="space-y-4">
            @csrf
            <p class="text-sm text-ink-500">Upload a CSV file (max 2 MB, {{ number_format(\App\Services\Insurance\ContactUsImporter::MAX_ROWS) }} rows) with a header row. Required columns: <code>fullname</code>, <code>contact_no</code>. Optional: <code>car_id</code>, <code>mfg_name</code>, <code>model</code>, <code>sub_model</code>, <code>ins_expire_date</code>, <code>ins_company_name</code>, <code>car_reg_no</code>, <code>car_reg_date</code> (dd/mm/yyyy).</p>
            <x-input name="file" type="file" label="CSV file" accept=".csv,text/csv" required />
            <p class="text-xs text-ink-500"><a href="{{ route('bulk-quotations.sample') }}" class="font-medium text-brand-700 underline dark:text-brand-400">Download the sample file</a> · rows with an invalid mobile number or unknown car id are skipped and reported.</p>
        </form>
        <x-slot:footer>
            <button type="button" class="btn btn-secondary" @click="$dispatch('close-modal', 'import-leads')">Cancel</button>
            <button type="submit" form="import-form" class="btn btn-brand"><x-heroicon-m-arrow-up-tray class="h-4 w-4" /> Import</button>
        </x-slot:footer>
    </x-modal>
</x-layouts.app>