@extends('layouts.school')
@section('title', 'Refund Payment')
@section('header', 'Refund Payment')
@section('content')
    <div class="mx-auto max-w-2xl">
        <div class="rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-900/5">
            <dl class="mb-6 grid grid-cols-2 gap-4 text-sm">
                <div><dt class="text-gray-500">Receipt</dt><dd class="font-medium text-gray-900">{{ $payment->receipt_no ?? '—' }}</dd></div>
                <div><dt class="text-gray-500">Invoice</dt><dd class="font-medium text-primary-600">{{ optional($payment->invoice)->invoice_no }}</dd></div>
                <div><dt class="text-gray-500">Student</dt><dd class="font-medium text-gray-900">{{ optional($payment->invoice?->student)->full_name }}</dd></div>
                <div><dt class="text-gray-500">Paid</dt><dd class="font-medium text-gray-900">₦{{ number_format($payment->amount, 2) }}</dd></div>
                <div><dt class="text-gray-500">Already refunded</dt><dd class="font-medium text-orange-600">₦{{ number_format($payment->refunded_amount, 2) }}</dd></div>
                <div><dt class="text-gray-500">Refundable now</dt><dd class="font-bold text-green-700">₦{{ number_format($payment->refundableAmount(), 2) }}</dd></div>
            </dl>

            @if ($payment->refundableAmount() <= 0)
                <p class="rounded-lg bg-gray-50 p-4 text-sm text-gray-500">Nothing left to refund on this payment.</p>
            @else
                <form method="POST" action="{{ route('school.finance.payments.refund', [request()->route('schoolId'), $payment->id]) }}">
                    @csrf
                    <div class="space-y-4">
                        <div>
                            <label class="block text-sm font-medium text-gray-700 mb-1">Refund Amount *</label>
                            <input type="number" step="0.01" min="0.01" max="{{ $payment->refundableAmount() }}" name="amount" value="{{ $payment->refundableAmount() }}" required
                                   class="w-full 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-sm font-medium text-gray-700 mb-1">Reason *</label>
                            <textarea name="reason" rows="2" required placeholder="Why is this refund being issued?"
                                      class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none"></textarea>
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700 mb-1">Refund Method</label>
                            <select name="method" class="w-full rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:outline-none">
                                <option value="bank_transfer">Bank transfer to payer</option>
                                <option value="cash">Cash at office</option>
                                <option value="gateway_reversal">Gateway reversal</option>
                                <option value="cheque">Cheque</option>
                            </select>
                        </div>
                    </div>
                    <div class="mt-6 flex items-center gap-3">
                        <button class="rounded-lg bg-red-600 px-5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-red-700">Record Refund</button>
                        <a href="{{ route('school.finance.show-invoice', [request()->route('schoolId'), $payment->invoice_id]) }}" class="text-sm font-medium text-gray-500 hover:text-gray-700">Cancel</a>
                    </div>
                </form>
            @endif
        </div>
    </div>
@endsection