@extends('layouts.app')
@section('title', 'Instalments · '.$deal->deal_no)
@section('heading', 'Instalments · '.$deal->deal_no)
@section('content')
@php $kes = fn ($v) => 'KSh '.number_format((float) $v, 2); @endphp
<p class="text-sm">{{ $deal->customer->name }} · {{ $deal->vehicle->display_name }} · <a class="underline" href="{{ route('deals.show', $deal) }}">Back to deal</a></p>
@if (($plan['kind'] ?? null) === 'in_house')
<div class="mt-4">@include('portal._plan', ['plan' => $plan])</div>
@can('payments.record') @unless ($plan['cleared'])<form method="POST" action="{{ route('installments.store', $deal) }}" class="mt-5 grid gap-3 rounded-lg border border-line bg-panel p-4 sm:grid-cols-5">@csrf
 <div><label for="amount" class="mb-1 block text-xs font-medium">Amount</label><input id="amount" name="amount" type="number" step="0.01" min="0.01" max="{{ $plan['outstanding'] }}" required class="field"></div>
 <div><label for="method" class="mb-1 block text-xs font-medium">Paid by</label><select id="method" name="method" class="field">@foreach ($methods as $k => $l)<option value="{{ $k }}">{{ $l }}</option>@endforeach</select></div>
 <div><label for="reference" class="mb-1 block text-xs font-medium">Reference</label><input id="reference" name="reference" maxlength="60" placeholder="M-Pesa code" class="field uppercase"></div>
 <div><label for="paid_on" class="mb-1 block text-xs font-medium">Date</label><input id="paid_on" name="paid_on" type="date" value="{{ today()->toDateString() }}" max="{{ today()->toDateString() }}" required class="field"></div>
 <div class="flex items-end"><button class="btn-primary w-full">Record</button></div></form>@endunless @endcan
<table class="mt-5 min-w-full text-left text-sm"><caption class="sr-only">Payments</caption><thead class="border-b border-line text-xs text-muted"><tr><th scope="col" class="py-2 pr-3">Date</th><th scope="col" class="py-2 pr-3">Method</th><th scope="col" class="py-2 pr-3">Reference</th><th scope="col" class="py-2 pr-3 text-right">Amount</th><th scope="col" class="py-2"></th></tr></thead><tbody class="divide-y divide-line">
@forelse ($payments as $p)<tr class="{{ $p->status === 'reversed' ? 'text-muted line-through' : '' }}"><td class="py-2 pr-3">{{ $p->paid_on->format('d M Y') }}</td><td class="py-2 pr-3">{{ $methods[$p->method] ?? $p->method }}</td><td class="py-2 pr-3">{{ $p->reference }}</td><td class="py-2 pr-3 text-right">{{ number_format((float) $p->amount, 2) }}</td>
<td class="py-2 text-right">@can('payments.refund') @if ($p->status === 'confirmed')<form method="POST" action="{{ route('installments.reverse', $p) }}" class="flex gap-1">@csrf<label class="sr-only" for="r{{ $p->id }}">Reason</label><input id="r{{ $p->id }}" name="reason" required maxlength="255" placeholder="Reason" class="field text-xs"><button class="btn-quiet px-2 py-1 text-xs">Reverse</button></form>@endif @endcan</td></tr>@empty<tr><td colspan="5" class="py-6 text-center text-muted">Nothing recorded yet.</td></tr>@endforelse</tbody></table>
@else<p class="mt-4 rounded-md border border-line bg-panel p-4 text-sm">This deal has no instalments collected by the dealership. (Instalments are tracked for finance deals with no lender named, once the deal is confirmed.)</p>@endif
@endsection