@extends('layouts.admin')
@section('title', 'Payment batches')
@section('content')
<x-admin.page title="Payment batches" subtitle="Prepare payable bills, then release with segregation of duties.">
    <div class="mb-5 grid gap-4 sm:grid-cols-3">
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Prepared</div><div class="mt-1 text-2xl font-semibold text-[#202223]">{{ $stats['prepared'] }}</div></x-admin.card>
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Released</div><div class="mt-1 text-2xl font-semibold text-[#202223]">{{ $stats['released'] }}</div></x-admin.card>
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Awaiting release</div><div class="mt-1 text-2xl font-semibold text-[#202223]">AUD {{ number_format($stats['prepared_cents'] / 100, 2) }}</div></x-admin.card>
    </div>

    <div class="mb-5 grid gap-5 lg:grid-cols-[1.2fr_1fr]">
        <x-admin.advanced-table
            id="payment-batches"
            :columns="['number'=>'Number','status'=>'Status','payments'=>'Payments','total'=>'Total','actions'=>'Actions']"
        >
            <thead>
                <tr>
                    <th data-col="number">Number</th>
                    <th data-col="status">Status</th>
                    <th data-col="payments">Payments</th>
                    <th data-col="total">Total</th>
                    <th data-col="actions"></th>
                </tr>
            </thead>
            <tbody>
                @forelse($paymentBatches as $batch)
                    @php $tone = match($batch->status) { 'released' => 'success', 'prepared' => 'warning', default => 'muted' }; @endphp
                    <tr>
                        <td data-col="number" class="font-medium">{{ $batch->number }}</td>
                        <td data-col="status"><x-admin.badge :tone="$tone">{{ $batch->status }}</x-admin.badge></td>
                        <td data-col="payments">{{ $batch->payments_count }}</td>
                        <td data-col="total" class="tabular-nums font-medium">AUD {{ number_format($batch->total_cents / 100, 2) }}</td>
                        <td data-col="actions" class="text-right space-x-3">
                            <a class="text-sm font-medium text-[#2c6ecb]" href="{{ route('admin.accounting.payment-batches.show', $batch) }}">Open</a>
                            @if($batch->status === 'prepared')
                                <form class="inline" method="post" action="{{ route('admin.accounting.payment-batches.release', $batch) }}">@csrf
                                    <button class="text-sm font-medium text-[#2c6ecb]">Release</button>
                                </form>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="p-12 text-center text-[#6d7175]">No payment batches yet.</td></tr>
                @endforelse
            </tbody>
            <x-slot:footer>{{ $paymentBatches->links() }}</x-slot:footer>
        </x-admin.advanced-table>

        <x-admin.section title="Prepare batch" hint="Only matched/approved bills with verified bank details are payable.">
            <form method="post" action="{{ route('admin.accounting.payment-batches.prepare') }}" class="space-y-3">
                @csrf
                <div class="max-h-80 space-y-2 overflow-y-auto">
                    @forelse($eligibleBills as $bill)
                        <label class="flex items-start gap-3 rounded-lg border border-[var(--color-admin-border)] px-3 py-2.5 text-sm hover:bg-[#fafbfb]">
                            <input type="checkbox" name="bill_ids[]" value="{{ $bill->id }}" class="mt-0.5">
                            <span>
                                <span class="font-medium">{{ $bill->number }}</span>
                                <span class="mt-0.5 block text-xs text-[#6d7175]">{{ $bill->supplier?->name }} · {{ $bill->currency }} {{ number_format($bill->total_cents / 100, 2) }}</span>
                            </span>
                        </label>
                    @empty
                        <p class="text-sm text-[#6d7175]">No eligible bills.</p>
                    @endforelse
                </div>
                <button class="admin-btn admin-btn-primary" @disabled($eligibleBills->isEmpty())>Prepare payment batch</button>
            </form>
        </x-admin.section>
    </div>
</x-admin.page>
@endsection