@extends('layouts.portal')

@section('title', 'Payment Receipt')

@section('page-header')
    <div class="mb-8 flex items-center justify-between">
        <div>
            <h1 class="font-display text-2xl font-extrabold text-slate-900 sm:text-3xl">Payment Receipt</h1>
            <p class="mt-1 text-sm text-slate-500">{{ $payment->receipt_no ?? 'Receipt' }}</p>
        </div>
        <a href="{{ route('portal.fees', array_filter([$school->id, $child->id])) }}" class="text-sm font-semibold text-accent-600 hover:text-accent-700">&larr; Back to fees</a>
    </div>
@endsection

@section('content')
    <div class="mx-auto max-w-xl rounded-2xl bg-white p-8 shadow-sm ring-1 ring-slate-200/60">
        <div class="border-b border-dashed border-slate-200 pb-6 text-center">
            <h2 class="font-display text-lg font-bold text-slate-900">{{ $school?->name }}</h2>
            <p class="text-xs uppercase tracking-widest text-emerald-600">Official Fee Receipt</p>
        </div>

        <dl class="mt-6 space-y-3 text-sm">
            <div class="flex justify-between"><dt class="text-slate-500">Receipt No</dt><dd class="font-mono font-semibold text-slate-800">{{ $payment->receipt_no ?? '—' }}</dd></div>
            <div class="flex justify-between"><dt class="text-slate-500">Date</dt><dd>{{ $payment->payment_date?->format('M j, Y') ?? $payment->created_at->format('M j, Y') }}</dd></div>
            <div class="flex justify-between"><dt class="text-slate-500">Student</dt><dd>{{ $child->full_name }}</dd></div>
            <div class="flex justify-between"><dt class="text-slate-500">Invoice</dt><dd class="font-mono">{{ $payment->invoice?->invoice_no ?? '—' }}</dd></div>
            @if ($payment->invoice?->feeStructure?->category)
                <div class="flex justify-between"><dt class="text-slate-500">Fee Category</dt><dd>{{ $payment->invoice->feeStructure->category->name }}</dd></div>
            @endif
            <div class="flex justify-between"><dt class="text-slate-500">Method</dt><dd>{{ ucwords(str_replace('_', ' ', (string) $payment->payment_method)) }}</dd></div>
            @if ($payment->transaction_ref)
                <div class="flex justify-between"><dt class="text-slate-500">Reference</dt><dd class="font-mono text-xs">{{ $payment->transaction_ref }}</dd></div>
            @endif

            @if ($serviceCharge && (float) ($serviceCharge['base_amount'] ?? 0) > 0)
                <div class="mt-2 border-t border-slate-100 pt-3">
                    <div class="flex justify-between text-slate-500"><dt>School amount</dt><dd class="tabular-nums">&#8358;{{ number_format((float) $serviceCharge['base_amount'], 2) }}</dd></div>
                    <div class="flex justify-between text-slate-500">
                        <dt>Pishon service charge
                            @if ($serviceCharge['charge_to'] === 'school')
                                <span class="text-xs text-slate-400">· absorbed by school</span>
                            @endif
                        </dt>
                        <dd class="tabular-nums">&#8358;{{ number_format((float) $serviceCharge['charge_amount'], 2) }}</dd>
                    </div>
                    @if ($serviceCharge['charge_to'] === 'split' && (float) $serviceCharge['parent_share'] > 0)
                        <div class="flex justify-between text-slate-500"><dt class="pl-3 text-xs">Parent share of charge</dt><dd class="tabular-nums text-xs">&#8358;{{ number_format((float) $serviceCharge['parent_share'], 2) }}</dd></div>
                    @endif
                    <div class="flex justify-between border-t border-dashed border-slate-100 pt-2 text-sm font-semibold text-slate-700"><dt>Total charged to parent</dt><dd class="tabular-nums">&#8358;{{ number_format((float) $serviceCharge['total_charged'], 2) }}</dd></div>
                </div>
            @endif

            <div class="flex justify-between border-t border-slate-100 pt-3 text-base"><dt class="font-bold text-slate-700">Amount Paid to School</dt><dd class="font-extrabold tabular-nums text-emerald-600">&#8358;{{ number_format((float) $payment->amount, 2) }}</dd></div>
        </dl>

        @if ($receiptFooter)
            <p class="mt-6 border-t border-dashed border-slate-200 pt-4 text-center text-xs text-slate-400">{{ $receiptFooter }}</p>
        @endif
    </div>
@endsection