@extends('layouts.admin')

@section('title', setting('school_name', 'ShulePoint') . ' | Receipt #' . $payment->id)
@section('page-title', 'Fee Receipt')

@push('styles')
<style>
    .receipt-sheet { max-width: 780px; margin: 0 auto; }
    .receipt-brand { display: flex; align-items: center; gap: 1rem; }
    .receipt-logo { width: 64px; height: 64px; border-radius: 12px; object-fit: cover; flex-shrink: 0; }
    .receipt-logo-fallback {
        width: 64px; height: 64px; border-radius: 12px; flex-shrink: 0;
        background: linear-gradient(135deg, #1a56db, #0b3d91); color: #fff;
        display: flex; align-items: center; justify-content: center;
        font-size: 1.8rem; font-weight: 700;
    }
    .receipt-school { font-size: 1.35rem; font-weight: 700; color: #0b3d91; margin: 0; line-height: 1.2; }
    .receipt-tag { color: #64748b; font-size: .8rem; margin: .1rem 0 0 0; }
    .receipt-contact { color: #334155; font-size: .75rem; margin: .1rem 0 0 0; }
    .receipt-stamp {
        display: inline-block; background: #eff6ff; color: #1e40af; font-weight: 700;
        font-size: .85rem; border: 2px dashed #1a56db; border-radius: 8px;
        padding: .3rem 1rem; margin-top: .5rem; transform: rotate(-2deg);
    }
    .receipt-amount {
        background: linear-gradient(135deg, #1a56db, #0b3d91); color: #fff;
        border-radius: .6rem; padding: .9rem 1.2rem; text-align: center; margin: 1rem 0;
    }
    .receipt-amount small { display: block; opacity: .85; text-transform: uppercase; font-size: .65rem; letter-spacing: .06em; }
    .receipt-amount strong { font-size: 2rem; font-weight: 800; }
    .receipt-meta { background: #f8fafc; border: 1px solid #e9edf2; border-radius: .5rem; }
    .receipt-meta .meta-cell { padding: .6rem .9rem; }
    .receipt-meta .meta-cell + .meta-cell { border-left: 1px solid #e9edf2; }
    .receipt-meta small { display: block; color: #64748b; text-transform: uppercase; font-size: .62rem; letter-spacing: .05em; }
    .receipt-meta .meta-val { font-weight: 700; color: #0f2043; font-size: .92rem; margin-top: .1rem; }
    .receipt-table thead th {
        background: #f8fafc; border-top: 0; border-bottom: 1px solid #e9edf2;
        font-size: .68rem; text-transform: uppercase; letter-spacing: .04em; color: #64748b;
        padding: .55rem .75rem;
    }
    .receipt-table tbody td { padding: .55rem .75rem; vertical-align: middle; border-top: 1px solid #f1f4f8; }
    .receipt-sign { border-top: 1px solid #cbd5e1; padding-top: .4rem; font-size: .76rem; color: #475569; }
    .receipt-print-footer { display: none; }
    @media print {
        @page { margin: 12mm; }
        .main-sidebar, .main-header, .main-footer, .content-header, .no-print { display: none !important; }
        .content-wrapper, .content-wrapper .content, .content-wrapper .container-fluid {
            margin: 0 !important; padding: 0 !important; background: #fff !important;
        }
        body { background: #fff !important; }
        * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
        .receipt-sheet { max-width: 100%; }
        .card { box-shadow: none !important; border: 1px solid #dee2e6 !important; }
        .receipt-print-footer {
            display: block; text-align: center; font-size: .7rem; color: #64748b;
            border-top: 2px solid #f97316; margin-top: 1rem; padding-top: .5rem;
        }
    }
</style>
@endpush

@section('content')
@php
    $schoolName = $school->name ?? setting('school_name', 'ShulePoint Academy');
    $schoolTag = $school->tagline ?? setting('school_tagline', 'Kenyan CBE School Management System');
    $schoolContact = trim((($school->address ?? setting('school_address', '')) ?? '').((($school->phone ?? setting('school_phone', '')) ? ' · '.($school->phone ?? setting('school_phone', '')) : '')).((($school->email ?? setting('school_email', '')) ? ' · '.($school->email ?? setting('school_email', '')) : '')), ' ·');
    $logoFile = $school->logo ?? setting('school_logo');
    $logoUrl = ($logoFile && file_exists(public_path('storage/'.$logoFile))) ? asset('storage/'.$logoFile) : null;
    $learner = $payment->invoice->learner ?? null;
    $invoice = $payment->invoice;
@endphp
<div class="receipt-sheet">
    <div class="card card-outline card-success shadow-sm">
        <div class="card-header">
            <h3 class="card-title"><i class="fas fa-receipt mr-1"></i> Official Fee Receipt <small class="text-muted">#{{ $payment->id }}</small></h3>
            <div class="card-tools no-print">
                <a href="{{ route('finance.receipt-pdf', $payment) }}" class="btn btn-sm btn-outline-danger"><i class="fas fa-file-pdf mr-1"></i> PDF</a>
                <button type="button" class="btn btn-sm btn-outline-secondary" onclick="window.print()"><i class="fas fa-print mr-1"></i> Print Receipt</button>
                <a href="{{ route('finance.invoices') }}" class="btn btn-sm btn-outline-secondary"><i class="fas fa-arrow-left mr-1"></i> Invoices</a>
            </div>
        </div>
        <div class="card-body">
            <div class="receipt-brand border-bottom pb-3 mb-3">
                @if($logoUrl)
                    <img src="{{ $logoUrl }}" alt="logo" class="receipt-logo">
                @else
                    <span class="receipt-logo-fallback">{{ strtoupper(substr($schoolName, 0, 1)) }}</span>
                @endif
                <div class="flex-grow-1">
                    <p class="receipt-school">{{ $schoolName }}</p>
                    <p class="receipt-tag">{{ $schoolTag }}</p>
                    @if($schoolContact)<p class="receipt-contact">{{ $schoolContact }}</p>@endif
                </div>
                <div class="text-right">
                    <span class="receipt-stamp"><i class="fas fa-check mr-1"></i> PAID</span>
                </div>
            </div>

            <h3 class="font-weight-bold mb-3" style="color:#0b3d91;letter-spacing:.04em;">RECEIPT</h3>

            <div class="row mb-3">
                <div class="col-sm-4 mb-2">
                    <small class="font-weight-bold" style="color:#0b3d91;">BILL TO</small>
                    <div class="font-weight-600">{{ $learner->guardian_name ?? 'Parent/Guardian' }}</div>
                    <div class="small text-muted">Parent of {{ $learner ? $learner->first_name.' '.$learner->last_name : 'Learner #'.$payment->learner_id }}</div>
                    <div class="small text-muted">{{ $learner->guardian_phone ?? '' }}</div>
                </div>
                <div class="col-sm-4 mb-2">
                    <small class="font-weight-bold" style="color:#0b3d91;">STUDENT</small>
                    <div class="font-weight-600">{{ $learner ? $learner->first_name.' '.$learner->last_name : 'Learner #'.$payment->learner_id }}</div>
                    <div class="small text-muted">Adm: {{ $learner->admission_no ?? '—' }}</div>
                    <div class="small text-muted">Class: {{ $learner?->schoolClass->name ?? '—' }}</div>
                </div>
                <div class="col-sm-4 mb-2">
                    <div class="small"><strong style="color:#0b3d91;">Receipt #</strong> <span class="float-right">{{ $payment->id }}</span></div>
                    <div class="small"><strong style="color:#0b3d91;">Receipt Date</strong> <span class="float-right">{{ $payment->paid_at ? $payment->paid_at->format('d/m/Y') : '' }}</span></div>
                    <div class="small"><strong style="color:#0b3d91;">Invoice #</strong> <span class="float-right">{{ $invoice->invoice_no ?? '—' }}</span></div>
                    <div class="small"><strong style="color:#0b3d91;">Due Date</strong> <span class="float-right">{{ $invoice->due_date ? $invoice->due_date->format('d/m/Y') : '—' }}</span></div>
                </div>
            </div>

            <div class="table-responsive p-0">
                <table class="table mb-0 receipt-table">
                    <thead><tr><th class="text-center" style="width:10%;">QTY</th><th>DESCRIPTION</th><th class="text-right" style="width:20%;">UNIT PRICE</th><th class="text-right" style="width:22%;">AMOUNT</th></tr></thead>
                    <tbody>
                        @forelse($breakdown['lines'] as $i => $line)
                        <tr>
                            <td class="text-center">{{ $i + 1 }}</td>
                            <td><strong>{{ $line['label'] }}</strong><br><small class="text-muted">{{ $line['detail'] }}</small></td>
                            <td class="text-right">{{ number_format($line['amount'], 0) }}</td>
                            <td class="text-right">{{ number_format($line['amount'], 0) }}</td>
                        </tr>
                        @empty
                        <tr>
                            <td class="text-center">1</td>
                            <td><strong>Fee payment — {{ $payment->method }}</strong><br><small class="text-muted">Ref: {{ $payment->reference ?? '—' }}</small>@if($payment->notes)<br><small class="text-muted">{{ $payment->notes }}</small>@endif</td>
                            <td class="text-right">{{ number_format($payment->amount, 0) }}</td>
                            <td class="text-right">{{ number_format($payment->amount, 0) }}</td>
                        </tr>
                        @endforelse
                        @if($breakdown['adjustment'] != 0)
                        <tr>
                            <td class="text-center">–</td>
                            <td><strong>Other charges / adjustments</strong></td>
                            <td class="text-right">{{ number_format($breakdown['adjustment'], 0) }}</td>
                            <td class="text-right">{{ number_format($breakdown['adjustment'], 0) }}</td>
                        </tr>
                        @endif
                        <tr>
                            <td colspan="2" style="border:0;"></td>
                            <td class="text-right text-muted small" style="border:0;">Subtotal (billed)</td>
                            <td class="text-right" style="border:0;">{{ number_format($invoice->total ?? 0, 0) }}</td>
                        </tr>
                        <tr>
                            <td colspan="2" style="border:0;"></td>
                            <td class="text-right text-muted small" style="border:0;">Less: paid to date</td>
                            <td class="text-right" style="border:0;">{{ number_format($invoice->paid ?? 0, 0) }}</td>
                        </tr>
                        <tr>
                            <td colspan="2" style="border:0;"></td>
                            <td class="text-right font-weight-bold" style="border:0;color:#0b3d91;">THIS RECEIPT ({{ $payment->method }})</td>
                            <td class="text-right font-weight-bold" style="border:2px solid #1a56db;border-radius:6px;color:#0b3d91;">KES {{ number_format($payment->amount, 0) }}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <p class="small mt-1 text-right" style="color:#9a3412;">Invoice {{ $invoice->invoice_no ?? '' }} balance after this payment: KES {{ number_format($invoice->balance ?? 0, 0) }} · Ref: {{ $payment->reference ?? '—' }}</p>

            <div class="row mt-4">
                <div class="col-6"><div class="receipt-sign">Received by: <strong>{{ $receiverName }}</strong></div></div>
                <div class="col-6 text-right"><div class="receipt-sign">Signature / Stamp: ____________<br><em>{{ $schoolName }}</em></div></div>
            </div>
            @if(!empty($qrBase64))
            <div class="text-center mt-3">
                <img src="data:image/png;base64,{!! $qrBase64 !!}" alt="Verify QR" style="width:130px;height:130px;border:1px solid #e5eaf0;border-radius:8px;padding:4px;background:#fff;">
                <p class="small text-muted mb-0 mt-1"><i class="fas fa-qrcode mr-1"></i> Scan to verify this receipt online</p>
            </div>
            @endif
            <p class="small text-muted mt-3 mb-0 text-center">Thank you for your payment!</p>
            <div class="receipt-print-footer">
                <strong>{{ $schoolName }}</strong> · Official Fee Receipt #{{ $payment->id }} · Generated {{ now()->format('d M Y H:i') }}<br>
                Powered by <strong>Zillah Technologies LTD</strong>
            </div>
        </div>
    </div>
</div>
@endsection