@extends('layouts.school')
@section('title', 'Invoices')
@section('header', 'Invoices')
@section('content')
    <div class="mb-6 flex flex-wrap items-center justify-between gap-3">
        <form method="GET" class="flex flex-wrap gap-3">
            <input type="text" name="q" value="{{ request('q') }}" placeholder="Search invoice # or student..." class="w-64 rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
            <select name="status" class="rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
                <option value="">All Status</option>
                @foreach (['pending','partial','paid','overdue','cancelled'] as $st)
                    <option value="{{ $st }}" {{ request('status') === $st ? 'selected' : '' }}>{{ ucfirst($st) }}</option>
                @endforeach
            </select>
            <select name="year" class="rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
                <option value="">All Years</option>
                @foreach ($years as $y)<option value="{{ $y->id }}" {{ request('year') == $y->id ? 'selected' : '' }}>{{ $y->name }}</option>@endforeach
            </select>
            <select name="class" class="rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
                <option value="">All Classes</option>
                @foreach ($classes as $c)<option value="{{ $c->id }}" {{ request('class') == $c->id ? 'selected' : '' }}>{{ $c->name }}</option>@endforeach
            </select>
            <button type="submit" class="rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-200">Filter</button>
        </form>
        <div class="flex gap-2">
            <a href="{{ route('school.finance.generate.form', request()->route('schoolId')) }}" class="rounded-lg bg-purple-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-purple-700">⚡ Generate Bulk Invoices</a>
            <a href="{{ route('school.finance.create-invoice', request()->route('schoolId')) }}" class="rounded-lg bg-primary-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-primary-700">+ Create Invoice</a>
        </div>
    </div>
    <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 overflow-hidden">
        <table class="min-w-full divide-y divide-gray-200">
            <thead class="bg-gray-50"><tr><th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Invoice #</th><th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Student</th><th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Period</th><th class="px-6 py-3 text-right text-xs font-semibold text-gray-500 uppercase">Amount</th><th class="px-6 py-3 text-right text-xs font-semibold text-gray-500 uppercase">Paid</th><th class="px-6 py-3 text-right text-xs font-semibold text-gray-500 uppercase">Balance</th><th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Status</th></tr></thead>
            <tbody class="divide-y divide-gray-100">
                @forelse($invoices as $inv)
                    @php $bal = round((float) $inv->amount - (float) $inv->discount - (float) $inv->total_paid, 2); @endphp
                    <tr class="hover:bg-gray-50 {{ $inv->isCancelled() ? 'opacity-50' : '' }}">
                        <td class="px-6 py-4"><a href="{{ route('school.finance.show-invoice', [request()->route('schoolId'), $inv->id]) }}" class="text-sm font-medium text-primary-600 hover:text-primary-700">{{ $inv->invoice_no }}</a></td>
                        <td class="px-6 py-4 text-sm text-gray-600">{{ $inv->student?->full_name ?? '—' }}<span class="block text-xs text-gray-400">{{ optional($inv->student?->class)->name }}</span></td>
                        <td class="px-6 py-4 text-xs text-gray-500">{{ $inv->academicYear?->name }}{{ $inv->term?->name ? ' · ' . $inv->term->name : '' }}</td>
                        <td class="px-6 py-4 text-sm text-right text-gray-900">&#8358;{{ number_format($inv->amount, 0) }}@if((float)$inv->discount > 0)<span class="block text-xs text-purple-500">−{{ number_format($inv->discount, 0) }} disc.</span>@endif</td>
                        <td class="px-6 py-4 text-sm text-right text-green-600">&#8358;{{ number_format($inv->total_paid, 0) }}</td>
                        <td class="px-6 py-4 text-sm text-right font-medium {{ $bal > 0 ? 'text-red-600' : 'text-green-600' }}">&#8358;{{ number_format(max(0, $bal), 0) }}</td>
                        <td class="px-6 py-4"><span class="inline-flex rounded-full px-2.5 py-0.5 text-xs font-medium {{ match($inv->status) { 'paid' => 'bg-green-50 text-green-700', 'partial' => 'bg-yellow-50 text-yellow-700', 'overdue' => 'bg-red-50 text-red-700', 'cancelled' => 'bg-gray-200 text-gray-500', default => 'bg-gray-100 text-gray-700' } }}">{{ ucfirst($inv->status) }}</span></td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="px-6 py-12 text-center text-sm text-gray-500">No invoices yet.</td></tr>
                @endforelse
            </tbody>
        </table>
        <div class="border-t border-gray-200 px-6 py-3">{{ $invoices->withQueryString()->links() }}</div>
    </div>
@endsection