@extends('layouts.school')
@section('title', 'Invoice ' . $invoice->invoice_no)
@section('header', 'Invoice: ' . $invoice->invoice_no)
@php
    $balance = round((float) $invoice->amount - (float) $invoice->discount - (float) $invoice->total_paid, 2);
    $canRecord = auth()->guard('school')->user()?->hasPermission('record_payments');
@endphp
@section('content')
    <div class="mb-6 flex items-center justify-between">
        <a href="{{ route('school.finance.invoices', request()->route('schoolId')) }}" class="text-sm text-primary-600 hover:text-primary-700">&larr; Back to invoices</a>
        @unless ($invoice->isCancelled())
            @if (auth()->guard('school')->user()?->hasPermission('apply_adjustments') || auth()->guard('school')->user()?->role === 'school_admin')
                <form method="POST" action="{{ route('school.finance.cancel', [request()->route('schoolId'), $invoice->id]) }}"
                      onsubmit="this.reason.value = prompt('Cancellation reason:') || ''; if (!this.reason.value) return false;">
                    @csrf
                    <input type="hidden" name="reason">
                    <button class="rounded-lg bg-red-50 px-3 py-1.5 text-xs font-semibold text-red-700 ring-1 ring-red-200 hover:bg-red-100">Cancel Invoice</button>
                </form>
            @endif
        @endunless
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
        <div class="lg:col-span-2 rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6">
            <dl class="grid grid-cols-2 gap-4 text-sm sm:grid-cols-4">
                <div><dt class="text-gray-500">Student</dt><dd class="font-medium text-gray-900">{{ $invoice->student?->full_name ?? '—' }}</dd></div>
                <div><dt class="text-gray-500">Class</dt><dd class="font-medium text-gray-900">{{ optional($invoice->student?->class)->name ?? '—' }}</dd></div>
                <div><dt class="text-gray-500">Period</dt><dd class="font-medium text-gray-900">{{ $invoice->academicYear?->name }}{{ $invoice->term ? ' · ' . $invoice->term->name : '' }}</dd></div>
                <div><dt class="text-gray-500">Due Date</dt><dd class="font-medium text-gray-900">{{ $invoice->due_date->format('d M Y') }}</dd></div>
                <div><dt class="text-gray-500">Amount</dt><dd class="font-medium text-gray-900">&#8358;{{ number_format($invoice->amount, 0) }}</dd></div>
                <div><dt class="text-gray-500">Discounts &amp; Waivers</dt><dd class="font-medium text-purple-600">&#8358;{{ number_format($invoice->discount, 0) }}</dd></div>
                <div><dt class="text-gray-500">Total Paid</dt><dd class="font-medium text-green-600">&#8358;{{ number_format($invoice->total_paid, 0) }}</dd></div>
                <div><dt class="text-gray-500">Balance</dt><dd class="font-bold {{ $balance > 0 ? 'text-red-600' : 'text-green-600' }}">&#8358;{{ number_format($balance, 0) }}</dd></div>
            </dl>

            {{-- Line items --}}
            <h3 class="mt-6 mb-2 text-xs font-semibold uppercase tracking-wide text-gray-500">Line Items</h3>
            <table class="min-w-full divide-y divide-gray-100 text-sm">
                <tbody>
                    @forelse ($invoice->items as $item)
                        <tr>
                            <td class="py-2 pr-4 text-gray-700">{{ $item->description }}<span class="block text-xs text-gray-400">{{ optional($item->feeCategory)->name }}</span></td>
                            <td class="py-2 pr-4 text-right text-gray-500">&times;{{ $item->quantity }}</td>
                            <td class="py-2 pr-4 text-right font-medium text-gray-900">&#8358;{{ number_format($item->amount, 0) }}</td>
                            <td class="py-2 w-10">
                                @if (!$invoice->isCancelled && (float) $invoice->total_paid == 0 && (auth()->guard('school')->user()?->hasPermission('create_invoices') || auth()->guard('school')->user()?->hasPermission('manage_fee_structures')))
                                    <form method="POST" action="{{ route('school.finance.remove-item', [request()->route('schoolId'), $invoice->id, $item->id]) }}" onsubmit="return confirm('Remove this item?')">@csrf<button class="text-xs text-red-400 hover:text-red-600">&times;</button></form>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="4" class="py-3 text-center text-gray-400">Legacy single-line invoice</td></tr>
                    @endforelse
                </tbody>
            </table>

            @if (!$invoice->isCancelled() && $canRecord)
                <details class="mt-4">
                    <summary class="cursor-pointer text-xs font-semibold text-primary-600">+ Add line item</summary>
                    <form method="POST" action="{{ route('school.finance.add-item', [request()->route('schoolId'), $invoice->id]) }}" class="mt-3 flex flex-wrap gap-2">
                        @csrf
                        <input type="text" name="description" required placeholder="Description *" class="flex-1 rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
                        <input type="number" name="unit_amount" step="0.01" min="0.01" required placeholder="Amount *" class="w-32 rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
                        <input type="number" name="quantity" min="1" value="1" class="w-20 rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
                        <button class="rounded-lg bg-primary-600 px-4 py-2 text-sm font-semibold text-white hover:bg-primary-700">Add</button>
                    </form>
                </details>
            @endif
        </div>

        <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6 space-y-4">
            <div>
                <h3 class="text-lg font-display font-semibold text-gray-900 mb-3">Status</h3>
                <span class="inline-flex rounded-full px-3 py-1 text-sm font-medium {{ match($invoice->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($invoice->status) }}</span>
            </div>

            @if ($credits->isNotEmpty())
                <div class="rounded-lg bg-blue-50 p-3 text-sm text-blue-800">
                    Credit balance available: <strong>&#8358;{{ number_format($credits->sum('remaining'), 0) }}</strong>
                    @if (!$invoice->isCancelled() && $balance > 0 && $canRecord)
                        <form method="POST" action="{{ route('school.finance.apply-credit', [request()->route('schoolId'), $invoice->id]) }}" class="mt-2">@csrf<button class="w-full rounded-md bg-blue-600 px-2 py-1.5 text-xs font-semibold text-white hover:bg-blue-700">Apply Credit to Invoice</button></form>
                    @endif
                </div>
            @endif

            @if (!$invoice->isCancelled() && (auth()->guard('school')->user()?->hasPermission('apply_adjustments') || auth()->guard('school')->user()?->role === 'school_admin'))
                <details>
                    <summary class="cursor-pointer text-sm font-semibold text-purple-700">Apply Discount / Waiver</summary>
                    <form method="POST" action="{{ route('school.finance.adjust', [request()->route('schoolId'), $invoice->id]) }}" class="mt-3 space-y-2">
                        @csrf
                        <select name="type" class="w-full rounded-lg border border-gray-300 px-2 py-1.5 text-sm">
                            @foreach (\App\Models\FinanceAdjustment::TYPES as $key => $label)<option value="{{ $key }}">{{ $label }}</option>@endforeach
                        </select>
                        <select name="basis" class="w-full rounded-lg border border-gray-300 px-2 py-1.5 text-sm"><option value="fixed">Fixed (₦)</option><option value="percentage">Percentage (%)</option></select>
                        <input type="number" name="value" step="0.01" min="0.01" required placeholder="Value *" class="w-full rounded-lg border border-gray-300 px-2 py-1.5 text-sm focus:border-primary-500 focus:outline-none">
                        <input type="text" name="reason" placeholder="Reason" class="w-full rounded-lg border border-gray-300 px-2 py-1.5 text-sm focus:border-primary-500 focus:outline-none">
                        <button class="w-full rounded-lg bg-purple-600 px-2 py-1.5 text-xs font-semibold text-white hover:bg-purple-700">Apply</button>
                    </form>
                </details>
            @endif
        </div>
    </div>

    @if(!$invoice->isCancelled() && $canRecord)
        <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6 mb-6">
            <h3 class="text-lg font-display font-semibold text-gray-900 mb-4">Record Payment</h3>
            <form method="POST" action="{{ route('school.finance.record-payment', [request()->route('schoolId'), $invoice->id]) }}" class="flex flex-wrap items-end gap-4">
                @csrf
                <div><label class="block text-xs font-medium text-gray-700">Amount (&#8358;) *</label><input type="number" name="amount" min="0.01" step="0.01" required class="mt-1 block w-40 rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none"></div>
                <div><label class="block text-xs font-medium text-gray-700">Method *</label><select name="payment_method" required onchange="const t=this.closest('form').querySelector('[name=transaction_ref]').closest('div'); t.classList.toggle('hidden', !['bank_transfer','bank','cheque'].includes(this.value))" class="mt-1 block rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none"><option value="cash">Cash</option><option value="pos">POS</option><option value="bank_transfer">Bank Transfer</option><option value="cheque">Cheque</option><option value="mobile">Mobile</option><option value="online">Online</option></select></div>
                <div><label class="block text-xs font-medium text-gray-700">Date *</label><input type="date" name="payment_date" value="{{ date('Y-m-d') }}" required class="mt-1 block rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none"></div>
                <div class="hidden"><label class="block text-xs font-medium text-gray-700">Transaction Ref</label><input type="text" name="transaction_ref" placeholder="e.g. transfer ref" class="mt-1 block w-40 rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none"></div>
                <div><label class="block text-xs font-medium text-gray-700">Payer Name</label><input type="text" name="payer_name" value="{{ $invoice->student?->full_name }}" class="mt-1 block w-44 rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none"></div>
                <div><label class="block text-xs font-medium text-gray-700">Notes</label><input type="text" name="notes" class="mt-1 block w-44 rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none"></div>
                <div><button type="submit" class="rounded-lg bg-green-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-green-700">Record Payment</button></div>
            </form>
            <p class="mt-2 text-xs text-gray-400">Bank transfers/cheques may require verification before they count as paid (see Finance Settings). Overpayments become student credit.</p>
        </div>
    @endif

    @if($invoice->payments->count())
        <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 overflow-hidden">
            <div class="border-b border-gray-200 px-6 py-4"><h3 class="font-display font-semibold text-gray-900">Payment History</h3></div>
            <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">Date</th><th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Method</th><th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Receipt</th><th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase">Status</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">Actions</th></tr></thead>
                <tbody class="divide-y divide-gray-100">
                    @foreach($invoice->payments as $p)
                        @php
                            $reversible = in_array($p->status, ['confirmed','verified','reconciled']) && !$p->reversed_at;
                        @endphp
                        <tr class="hover:bg-gray-50 {{ $p->reversed_at ? 'opacity-50' : '' }}">
                            <td class="px-6 py-3 text-sm text-gray-600">{{ $p->payment_date->format('d M Y') }}</td>
                            <td class="px-6 py-3 text-sm text-gray-600 capitalize">{{ str_replace('_', ' ', $p->payment_method) }}<span class="block text-xs text-gray-400">{{ $p->payer_name }}</span></td>
                            <td class="px-6 py-3 text-sm text-gray-600">{{ $p->receipt_no ?? '—' }}</td>
                            <td class="px-6 py-3">
                                <span class="inline-flex rounded-full px-2 py-0.5 text-xs font-medium {{ in_array($p->status, ['confirmed','verified','reconciled']) ? 'bg-green-50 text-green-700' : ($p->status === 'pending_verification' ? 'bg-yellow-50 text-yellow-700' : 'bg-red-50 text-red-700') }}">{{ str_replace('_', ' ', $p->status) }}</span>
                                @if($p->reversed_at)
                                    <span class="ml-1 text-xs text-gray-400">(reversed)</span>
                                @endif
                                @if($p->rejection_reason)
                                    <span class="block text-xs text-gray-400">{{ $p->rejection_reason }}</span>
                                @endif
                            </td>
                            <td class="px-6 py-3 text-sm font-medium {{ $reversible ? 'text-green-600' : 'text-gray-400' }} text-right">&#8358;{{ number_format($p->amount, 0) }}
                                @if((float)$p->refunded_amount > 0)
                                    <span class="block text-xs text-orange-500">−&#8358;{{ number_format($p->refunded_amount, 0) }} refunded</span>
                                @endif
                            </td>
                            <td class="px-6 py-3 text-right text-xs">
                                @if ($reversible && (auth()->guard('school')->user()?->hasPermission('refund_payments')))
                                    <a href="{{ route('school.finance.payments.refund-form', [request()->route('schoolId'), $p->id]) }}" class="font-semibold text-orange-600 hover:text-orange-700">Refund</a>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif

    @if($invoice->adjustments->count())
        <div class="mt-6 overflow-hidden rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5">
            <div class="border-b border-gray-200 px-6 py-4"><h3 class="font-display font-semibold text-gray-900">Discounts &amp; Adjustments</h3></div>
            <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 uppercase text-gray-500">Type</th><th class="px-6 py-3 text-left text-xs font-semibold uppercase text-gray-500">Reason</th><th class="px-6 py-3 text-right text-xs font-semibold uppercase text-gray-500">Amount</th><th class="px-6 py-3 text-left text-xs font-semibold uppercase text-gray-500">Status</th></tr></thead>
                <tbody class="divide-y divide-gray-100">
                    @foreach($invoice->adjustments as $adj)
                        <tr>
                            <td class="px-6 py-3 text-sm capitalize text-gray-700">{{ \App\Models\FinanceAdjustment::TYPES[$adj->type] ?? $adj->type }} <span class="text-xs text-gray-400">({{ $adj->basis === 'percentage' ? $adj->value . '%' : '₦' . number_format($adj->value, 0) }})</span></td>
                            <td class="px-6 py-3 text-sm text-gray-500">{{ $adj->reason ?? '—' }}</td>
                            <td class="px-6 py-3 text-sm text-right font-medium text-purple-600">−&#8358;{{ number_format($adj->amount, 0) }}</td>
                            <td class="px-6 py-3 text-xs {{ $adj->isReversed() ? 'text-gray-400 line-through' : 'text-green-600' }}">{{ $adj->isReversed() ? 'reversed' : 'active' }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
@endsection