@extends('emails.layout')

@section('content')
    <h1>Payment Received</h1>
    <p>Hi {{ $user->firstname }},</p>
    <p>Your payment has been successfully processed. Here are the details:</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">Payment Method</span>
            <span class="info-value">{{ ucfirst(str_replace('_', ' ', $payment->payment_method ?? 'Card')) }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">Date</span>
            <span class="info-value">{{ $payment->created_at->format('M d, Y h:i A') }}</span>
        </div>
        <div class="info-row">
            <span class="info-label">Status</span>
            <span class="info-value"><span class="badge badge-success">Completed</span></span>
        </div>
    </div>

    <p style="font-size: 13px; color: #9ca3af;">
        Keep this email as your receipt. If you have any questions about this payment, please contact your association admin.
    </p>
@endsection
