@extends('emails.layout')

@section('content')
    <h1>Payment Failed</h1>
    <p>Hi {{ $user->firstname }},</p>
    <p>Unfortunately, your payment could not be processed.</p>

    <div class="info-box">
        <div class="info-row">
            <span class="info-label">Amount</span>
            <span class="info-value">&#8358;{{ number_format($payment->amount, 2) }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">Reference</span>
            <span class="info-value">{{ $payment->reference }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">Reason</span>
            <span class="info-value">{{ $reason }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">Status</span>
            <span class="info-value"><span class="badge badge-danger">Failed</span></span>
        </div>
    </div>

    <p>Please try again or use a different payment method. If the issue persists, contact your association admin for assistance.</p>
@endsection
