{{-- @include('insurance.quotations._table', ['quotations' => $paginator, 'selectable' => bool, 'showCreator' => bool]) --}}
@php
    $selectable ??= false;
    $showCreator ??= true;
    $money = fn ($v) => \App\Services\Insurance\QuotationPresenter::money(is_numeric($v) ? (float) $v : 0);
@endphp
<div class="table-wrap">
    <table class="table">
        <thead>
            <tr>
                @if ($selectable)
                    <th class="w-10"><input type="checkbox" class="form-checkbox" :checked="all" @click="toggleAll(@js($quotations->pluck('id')->all()))" aria-label="Select all on this page"></th>
                @endif
                <th><x-sort-link column="quotation_no" label="Quotation" /></th>
                <th><x-sort-link column="name" label="Customer" /></th>
                <th>Vehicle</th>
                <th class="text-right"><x-sort-link column="total_cost" label="Total premium" /></th>
                @if ($showCreator)<th><x-sort-link column="creator" label="Created by" /></th>@endif
                <th><x-sort-link column="created_date" label="Created" /></th>
                <th class="text-right">Actions</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-ink-100 dark:divide-ink-800">
            @foreach ($quotations as $q)
                <tr>
                    @if ($selectable)
                        <td><input type="checkbox" class="form-checkbox" value="{{ $q->id }}" x-model.number="selected" aria-label="Select {{ $q->quotation_no }}"></td>
                    @endif
                    <td>
                        <a href="{{ route('quotations.show', $q) }}" class="font-semibold text-ink-900 tabular-nums hover:text-brand-600 dark:text-white">{{ $q->quotation_no ?: '#'.$q->id }}</a>
                        <div class="mt-1">
                            @if ($q->is_tata)
                                <span class="badge badge-blue" title="{{ $q->plan_label }}">TATA AIG · {{ \Illuminate\Support\Str::limit($q->plan_label, 18) }}</span>
                            @else
                                <span class="badge badge-amber">HDFC ERGO</span>
                            @endif
                        </div>
                    </td>
                    <td>
                        <div class="font-medium text-ink-900 dark:text-white">{{ $q->name ?: '—' }}</div>
                        <div class="text-xs text-ink-500 tabular-nums">{{ $q->mobileno }}@if ($q->email) · {{ \Illuminate\Support\Str::limit($q->email, 26) }}@endif</div>
                    </td>
                    <td class="max-w-[16rem]">
                        <div class="truncate text-ink-800 dark:text-ink-200">{{ trim($q->manufacturer_name.' '.$q->vehicle_model) ?: '—' }}</div>
                        <div class="truncate text-xs text-ink-500">{{ $q->car?->sub_model }}@if ($q->reg_no) · {{ strtoupper($q->reg_no) }}@endif</div>
                    </td>
                    <td class="text-right font-semibold text-ink-900 tabular-nums dark:text-white">{{ $money($q->total_cost) }}</td>
                    @if ($showCreator)
                        <td class="text-ink-600 dark:text-ink-300">{{ $q->creator_name ?? ($q->user_id ? 'Former user #'.$q->user_id : '—') }}</td>
                    @endif
                    <td class="text-ink-500">
                        <div>{{ $q->created_date?->format('d M Y') }}</div>
                        <div class="text-xs">{{ $q->created_date?->format('h:i A') }}</div>
                    </td>
                    <td class="text-right">
                        <div class="inline-flex items-center gap-1">
                            <a href="{{ route('quotations.show', $q) }}" class="btn-icon" title="View"><x-heroicon-o-eye class="h-4 w-4" /></a>
                            <a href="{{ route('quotations.edit', $q) }}" class="btn-icon" title="Edit"><x-heroicon-o-pencil-square class="h-4 w-4" /></a>
                            <a href="{{ route('quotations.pdf', $q) }}" class="btn-icon" title="Download PDF"><x-heroicon-o-arrow-down-tray class="h-4 w-4" /></a>
                        </div>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
</div>