@extends('layouts.app')

@section('title', 'Gov Allocations')

@section('content')
    @php $account = request('account', 'Operations'); @endphp
    <div class="flex flex-col gap-6">
        <div>
            <h1 class="text-lg font-semibold">Government Allocations</h1>
            <p class="text-xs text-muted-foreground">Record institutional capitation from the Ministry of Education (Tuition & Operations)</p>
        </div>

        <div class="grid gap-6 lg:grid-cols-2">
            <section class="rounded-xl border border-border bg-card p-4">
                <div class="flex items-center justify-between">
                    <h2 class="text-sm font-semibold">New Allocation</h2>
                    <div class="flex gap-1 rounded-lg border border-border p-0.5 text-sm">
                        <a href="?account=Operations" class="rounded-md px-2 py-1 {{ $account === 'Operations' ? 'bg-primary text-primary-foreground' : 'text-muted-foreground' }}">Operations</a>
                        <a href="?account=Tuition" class="rounded-md px-2 py-1 {{ $account === 'Tuition' ? 'bg-primary text-primary-foreground' : 'text-muted-foreground' }}">Tuition</a>
                    </div>
                </div>

                @php
                    $visible = $voteheads->filter(fn ($v) => $account === 'Tuition'
                        ? str_contains($v->name, 'Tuition') || str_contains($v->name, 'Uneb')
                        : str_contains($v->name, 'Operations') || str_contains($v->name, 'Hostel'))->values();
                @endphp
                <form method="post" action="{{ route('finance.allocations.store') }}" class="mt-4 flex flex-col gap-3">
                    @csrf
                    <input type="hidden" name="account" value="{{ $account }}">
                    <input type="hidden" name="year" value="2026">
                    @foreach ($visible as $v)
                        <div class="flex items-center justify-between gap-3 rounded-lg border border-border px-3 py-2">
                            <span class="text-sm font-medium">{{ $v->name }}</span>
                            <input type="number" name="voteheads[{{ $v->name }}]" min="0" value="50000" step="1000"
                                   class="h-8 w-36 rounded-lg border border-input bg-transparent px-2 text-right text-sm tabular-nums outline-none focus-visible:border-ring">
                        </div>
                    @endforeach
                    <label class="text-xs text-muted-foreground">Bank account
                        <select name="bank_account" class="mt-1 h-9 w-full rounded-lg border border-input bg-transparent px-3 text-sm outline-none">
                            @foreach ($banks as $b)
                                <option value="{{ $b->bank_name }} - {{ $b->account_no }}">{{ $b->bank_name }} - {{ $b->account_no }}</option>
                            @endforeach
                        </select>
                    </label>
                    <div class="grid grid-cols-2 gap-3">
                        <label class="text-xs text-muted-foreground">Date Paid
                            <input type="date" name="date_paid" class="mt-1 h-9 w-full rounded-lg border border-input bg-transparent px-3 text-sm outline-none">
                        </label>
                        <label class="text-xs text-muted-foreground">Bank Date
                            <input type="date" name="bank_date" class="mt-1 h-9 w-full rounded-lg border border-input bg-transparent px-3 text-sm outline-none">
                        </label>
                    </div>
                    <label class="text-xs text-muted-foreground">Cheque Ref
                        <input type="text" name="cheque_ref" placeholder="e.g. GOV-483920" class="mt-1 h-9 w-full rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring">
                    </label>
                    <button class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90">Save Allocation</button>
                </form>
            </section>

            <section class="rounded-xl border border-border bg-card p-4">
                <h2 class="text-sm font-semibold">Allocation History</h2>
                <table class="mt-3 w-full text-sm">
                    <thead>
                        <tr class="border-b text-xs uppercase text-muted-foreground">
                            <th class="px-3 py-2 text-left font-medium">Year / Term</th>
                            <th class="px-3 py-2 text-left font-medium">Account</th>
                            <th class="px-3 py-2 text-left font-medium">Breakdown</th>
                            <th class="px-3 py-2 text-right font-medium">Total</th>
                            <th class="px-3 py-2 text-right font-medium">Print</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($allocations as $a)
                            @php
                                $parts = collect(json_decode($a->voteheads, true) ?: []);
                                $total = $parts->sum('amount');
                            @endphp
                            <tr class="border-b align-top">
                                <td class="px-3 py-2">{{ $a->year }} {{ $a->term }}</td>
                                <td class="px-3 py-2">{{ $a->account }}</td>
                                <td class="px-3 py-2">
                                    @foreach ($parts as $p)
                                        <span class="block text-xs text-muted-foreground">{{ $p['name'] }} — KES {{ number_format($p['amount']) }}</span>
                                    @endforeach
                                </td>
                                <td class="px-3 py-2 text-right tabular-nums">KES {{ number_format($total, 2) }}</td>
                                <td class="px-3 py-2 text-right">
                                    <a href="{{ route('finance.print', ['kind' => 'government', 'id' => $a->id]) }}" target="_blank" class="text-xs text-primary hover:underline">PDF</a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </section>
        </div>
    </div>
@endsection