@extends('emails.layouts.base')

@section('content')
    <div class="card">
        <div class="alert alert-danger">⚠️ Payment failed</div>

        <h1>We couldn't process your payment</h1>
        <p class="lead">Hi {{ $userName }}, your {{ ucfirst($plan) }} plan payment of ₦{{ number_format($amount) }} failed.</p>

        <hr class="divider">

        <p>Your account is currently in a <strong style="color:#FFB74D;">grace period</strong>. You have <strong style="color:#FFB74D;">{{ $daysRemaining }} days</strong> to update your payment details before your account is paused.</p>

        <a href="{{ config('app.frontend_url') }}/billing" class="btn">Update Payment Details</a>

        <hr class="divider">

        <p style="font-size:13px;color:#4A6080;">
            If you have wallet balance or a saved card, we'll retry automatically in {{ $retryDays }} days.
            If payment still fails, your account will be paused until payment is received.
        </p>
    </div>
@endsection