@php
    $labels = ['LOGIN' => 'Login', 'DISB' => 'Disbursed', 'APPROVED' => 'Approved', 'REJECT' => 'Rejected'];
    $title = ($labels[$status] ?? $status).' cases';
    $exportParams = array_filter(['status' => $status, 'month' => $month ?? 'all', 'user' => $userId, 'q' => request('q')], fn ($v) => $v !== null && $v !== '');
@endphp
<x-layouts.app :title="$title"
               :subtitle="($month ? 'Login month '.$month : 'All login months').($selectedUser ? ' · '.$selectedUser->name : '')"
               :breadcrumbs="['Overview' => null, 'Dashboard' => route('dashboard', ['month' => $month ?? 'all']), 'Loan amount' => null, $labels[$status] ?? $status => null]">
    <x-slot:actions>
        <a href="{{ route('dashboard.loans.export', $exportParams) }}" class="btn btn-secondary"><x-heroicon-m-arrow-down-tray class="h-4 w-4" /> Export CSV</a>
        <a href="{{ route('dashboard', ['month' => $month ?? 'all']) }}" class="btn btn-ghost"><x-heroicon-m-arrow-left class="h-4 w-4" /> Dashboard</a>
    </x-slot:actions>

    <div class="mb-4 flex flex-wrap gap-2">
        @foreach ($labels as $key => $label)
            <a href="{{ route('dashboard.loans', array_filter(['status' => $key, 'month' => $month ?? 'all', 'user' => $userId])) }}"
               @class(['btn btn-sm', 'btn-primary' => $key === $status, 'btn-secondary' => $key !== $status])>{{ $label }}</a>
        @endforeach
    </div>

    <x-card :padded="false">
        <div class="border-b border-ink-100 p-4 dark:border-ink-800">
            <x-filter-bar placeholder="Search name, mobile, reg no, subject…">
                <input type="hidden" name="status" value="{{ $status }}">
                <div class="w-36">
                    <select name="month" class="form-input">
                        <option value="all" @selected(! $month)>All months</option>
                        @foreach ($months as $m)<option value="{{ $m }}" @selected($month === $m)>{{ $m }}</option>@endforeach
                    </select>
                </div>
                @if ($users->isNotEmpty())
                    <div class="w-56">
                        <select name="user" class="form-input" data-enhance>
                            <option value="">All sales managers</option>
                            @foreach ($users as $u)<option value="{{ $u->id }}" @selected((int) $userId === $u->id)>{{ $u->name }}</option>@endforeach
                        </select>
                    </div>
                @endif
            </x-filter-bar>
        </div>

        @if ($rows->isEmpty())
            <x-empty-state title="No cases found" message="No activities have this inquiry status for the selected month." icon="heroicon-o-banknotes" />
        @else
            <div class="table-wrap">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Contact</th>
                            <th><x-sort-link column="subject" label="Subject" /></th>
                            <th>Sales manager</th>
                            <th>Inq status</th>
                            <th>Field manager</th>
                            <th>Login month</th>
                            <th class="text-right"><x-sort-link column="valuation" label="Valuation" /></th>
                            <th class="text-right"><x-sort-link column="disb" label="Disb amount" /></th>
                            <th class="text-right"><x-sort-link column="loanamount" label="Loan amount" /></th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-ink-100 dark:divide-ink-800">
                        @foreach ($rows as $a)
                            <tr>
                                <td>
                                    <a href="{{ route('activities.show', $a) }}" class="font-medium text-ink-900 hover:text-brand-600 dark:text-white">{{ $a->displayName() ?? '—' }}</a>
                                    <div class="text-xs text-ink-500 tabular-nums">{{ $a->displayMobile() }} @if ($a->loanData?->car_reg_no) · {{ $a->loanData->car_reg_no }} @endif</div>
                                </td>
                                <td><a href="{{ route('activities.show', $a) }}" class="hover:text-brand-600">{{ $a->subject ?: '—' }}</a></td>
                                <td>{{ $a->user?->name ?? '—' }}</td>
                                <td><span class="badge badge-blue">{{ $a->inq_status }}</span></td>
                                <td>{{ $a->clean('field_manager') ?? '—' }}</td>
                                <td>{{ $a->clean('login_month') ?? '—' }}</td>
                                <td @class(['text-right tabular-nums', 'font-semibold text-ink-900 dark:text-white' => $amountColumn === 'valuation_ammount'])>{{ $a->valuation_ammount ? '₹'.number_format($a->valuation_ammount) : '—' }}</td>
                                <td @class(['text-right tabular-nums', 'font-semibold text-ink-900 dark:text-white' => $amountColumn === 'disb_loan_amount'])>{{ $a->disb_loan_amount ? '₹'.number_format($a->disb_loan_amount) : '—' }}</td>
                                <td @class(['text-right tabular-nums', 'font-semibold text-ink-900 dark:text-white' => $amountColumn === 'loanamount'])>{{ $a->loanamount ? '₹'.number_format($a->loanamount) : '—' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <x-pagination-bar :paginator="$rows" />
        @endif
    </x-card>
</x-layouts.app>