@php
    $inr = fn ($v) => $v === null ? '—' : '₹'.number_format((float) $v, (float) $v == (int) $v ? 0 : 2);
    $current = $activities->first();
@endphp
<x-layouts.app :title="$collection->CUSTOMER_NAME ?: 'Collection account'" :subtitle="'Loan '.($collection->LOAN_NO ?: '#'.$collection->id).' · '.($collection->LOCATION_CITY ?: '')"
               :breadcrumbs="['ADI' => null, 'Collections' => route('adi.collections.index'), ($collection->LOAN_NO ?: '#'.$collection->id) => null]">
    <x-slot:actions>
        <a href="{{ route('adi.collections.index') }}" class="btn btn-secondary"><x-heroicon-m-arrow-left class="h-4 w-4" /> Back</a>
        @unless ($current)
            <button type="button" class="btn btn-brand" x-data @click="$dispatch('open-modal', 'assign-one')"><x-heroicon-m-user-plus class="h-4 w-4" /> Assign</button>
        @endunless
        <form method="POST" action="{{ route('adi.collections.destroy') }}" x-data="confirmSubmit('Delete this account and its activity history permanently?')" @submit="submit">
            @csrf @method('DELETE')
            <input type="hidden" name="ids[]" value="{{ $collection->id }}">
            <button class="btn btn-danger"><x-heroicon-m-trash class="h-4 w-4" /> Delete</button>
        </form>
    </x-slot:actions>

    <div class="grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
        <x-stat label="Total amount due" :value="$inr($collection->TOTAL_AMOUNT_DUE)" icon="heroicon-o-banknotes" tone="red" />
        <x-stat label="Principal outstanding" :value="$inr($collection->POS)" icon="heroicon-o-scale" tone="amber" />
        <x-stat label="Days past due" :value="$collection->DPD ?? '—'" icon="heroicon-o-calendar-days" tone="violet" :hint="'Bucket '.($collection->BUCKET ?? '—')" />
        <x-stat label="Status" :value="$current ? \App\Models\AdiActivity::normaliseStatus($current->Status) : 'Not allocated'" icon="heroicon-o-flag" tone="blue"
                :hint="$current ? 'Assigned to '.($current->fullname ?: 'User #'.$current->User_id) : 'Use Assign to allocate'" />
    </div>

    <div class="mt-6 grid gap-6 lg:grid-cols-3">
        <div class="space-y-6 lg:col-span-2">
            <x-card title="Activity history" :subtitle="$activities->count().' record(s)'" :padded="false">
                @forelse ($activities as $a)
                    <div class="border-b border-ink-100 px-5 py-4 last:border-0 dark:border-ink-800">
                        <div class="flex flex-wrap items-center justify-between gap-2">
                            <div class="flex items-center gap-2">
                                <span class="badge {{ \App\Models\AdiActivity::statusBadge($a->Status) }}">{{ \App\Models\AdiActivity::normaliseStatus($a->Status) ?: '—' }}</span>
                                <span class="font-medium text-ink-900 dark:text-white">{{ trim((string) $a->Subject) ?: 'Activity #'.$a->id }}</span>
                            </div>
                            <div class="text-xs text-ink-500">
                                {{ $a->fullname ?: 'User #'.$a->User_id }}
                                @if ($a->phone_no) · <a href="tel:{{ $a->phone_no }}" class="hover:text-brand-600">{{ $a->phone_no }}</a>@endif
                            </div>
                        </div>
                        <dl class="mt-3 grid gap-x-6 gap-y-2 text-sm sm:grid-cols-3">
                            @foreach ([
                                'Final remark' => $a->Final_Remark, 'Inquiry status' => $a->Inq_Status, 'Task for' => $a->Task_For,
                                'Owner' => $a->Task_Owner, 'Bank' => $a->Bank_Name,
                                'Due date' => $a->Due_Date ? \Carbon\Carbon::parse($a->Due_Date)->format('d-m-Y') : null,
                                'Last updated' => $a->Modified_Date ? \Carbon\Carbon::parse($a->Modified_Date)->format('d-m-Y') : null,
                                'Field manager' => trim(($a->Field_Manager ?? '').' '.($a->Field_Manager_Number ? '· '.$a->Field_Manager_Number : '')),
                            ] as $label => $value)
                                <div><dt class="text-xs text-ink-500">{{ $label }}</dt><dd class="font-medium text-ink-800 dark:text-ink-200">{{ $value ?: '—' }}</dd></div>
                            @endforeach
                        </dl>
                        @foreach (['Notepad' => $a->Notepad, 'Special remark' => $a->Special_Remark, 'Executive remark' => $a->Exe_Remark] as $label => $text)
                            @if (trim((string) $text) !== '')
                                <div class="mt-3 rounded-xl bg-ink-50 px-3 py-2 text-sm text-ink-700 dark:bg-ink-800 dark:text-ink-300"><span class="text-xs font-medium text-ink-500">{{ $label }}:</span> {{ $text }}</div>
                            @endif
                        @endforeach
                    </div>
                @empty
                    <x-empty-state title="Not allocated yet" message="Assign this account to an ADI user to start collection work." icon="heroicon-o-clipboard-document-list" />
                @endforelse
            </x-card>
        </div>

        <div class="space-y-6">
            <x-card title="Customer">
                <dl class="space-y-3 text-sm">
                    <div><dt class="text-xs text-ink-500">Mobile</dt><dd class="font-medium">@if ($collection->CUSTOMER_NO)<a href="tel:{{ $collection->CUSTOMER_NO }}" class="hover:text-brand-600">{{ $collection->CUSTOMER_NO }}</a>@else — @endif</dd></div>
                    <div><dt class="text-xs text-ink-500">Home address</dt><dd>{{ $collection->CUSTOMER_ADDRESS ?: '—' }}</dd></div>
                    <div><dt class="text-xs text-ink-500">Office address</dt><dd>{{ $collection->OFFICE_ADDRESS ?: '—' }}</dd></div>
                    <div class="grid grid-cols-2 gap-3">
                        <div><dt class="text-xs text-ink-500">Area</dt><dd class="font-medium">{{ $collection->AREA ?: '—' }}</dd></div>
                        <div><dt class="text-xs text-ink-500">City</dt><dd class="font-medium">{{ $collection->LOCATION_CITY ?: '—' }}</dd></div>
                    </div>
                </dl>
            </x-card>
            <x-card title="Loan">
                <dl class="grid grid-cols-2 gap-3 text-sm">
                    @foreach ([
                        'Product' => $collection->Product, 'Make' => $collection->MAKE, 'Reg no' => $collection->Reg_No,
                        'Executive' => $collection->EXE_NAME, 'EMI' => $inr($collection->LOAN_EMI), 'Inst. O/S' => $collection->TOT_INST_OS,
                        'Overdue charge' => $inr($collection->OVERDUE_CHARGE), 'Bounce charge' => $inr($collection->BOUNCE_OVERDUE_CHARGE),
                        'CFOC charge O/S' => $inr($collection->CFOC_CHARGE_OS), 'Maturity' => $collection->MATURITY_DATE?->format('d-m-Y'),
                        'Allocated on' => $collection->Allocation_Date?->format('d-m-Y'),
                    ] as $label => $value)
                        <div><dt class="text-xs text-ink-500">{{ $label }}</dt><dd class="font-medium text-ink-800 dark:text-ink-200">{{ $value !== null && $value !== '' ? $value : '—' }}</dd></div>
                    @endforeach
                </dl>
            </x-card>
        </div>
    </div>

    @unless ($current)
        <x-modal name="assign-one" title="Assign account" maxWidth="lg">
            <form method="POST" action="{{ route('adi.collections.assign') }}" id="assign-one-form" class="space-y-4">
                @csrf
                <input type="hidden" name="ids[]" value="{{ $collection->id }}">
                @include('adi.collections._assign-fields')
            </form>
            <x-slot:footer>
                <button type="button" class="btn btn-secondary" @click="$dispatch('close-modal', 'assign-one')">Cancel</button>
                <button form="assign-one-form" class="btn btn-brand">Assign</button>
            </x-slot:footer>
        </x-modal>
    @endunless
</x-layouts.app>