@extends('emails.layouts.base')

@section('content')
    <h2 style="margin:0 0 16px 0; font-size:21px; color:#0f172a;">Payment received — thank you</h2>

    <p style="margin:0 0 14px 0;">Dear {{ $recipient_name ?? 'Parent/Guardian' }},</p>

    <p style="margin:0 0 12px 0;">
        We confirm receipt of your payment for <strong>{{ $student_name }}</strong>.
        Thank you!
    </p>

    @include('emails.partials.info-table', ['rows' => [
        'Receipt No.' => $receipt_no ?? null,
        'Invoice No.' => $invoice_no ?? null,
        'Student' => $student_name,
        'Amount Paid' => $amount,
        'Payment Date' => $payment_date,
        'Method' => $payment_method ?? null,
        'Outstanding Balance' => $balance ?? null,
    ]])

    @include('emails.partials.button', [
        'label' => 'View Receipt in Portal',
        'url' => $portal_url,
    ])

    <p style="margin:16px 0 0 0; font-size:13px; color:#64748b;">
        Keep this email for your records. A formal receipt is also available on the portal.
    </p>
@endsection