@extends('emails.layouts.base')

@section('content')
    <div class="card">
        <div class="alert alert-warning">💰 Low wallet balance</div>

        <h1>Your wallet balance is running low</h1>
        <p class="lead">Hi {{ $userName }}, your Nexus wallet balance is ₦{{ number_format($balance) }}.</p>

        <hr class="divider">

        <div class="data-row">
            <span class="label">Current balance</span>
            <span class="value" style="color:#FFB74D;">₦{{ number_format($balance) }}</span>
        </div>
        <div class="data-row">
            <span class="label">Next renewal amount</span>
            <span class="value">₦{{ number_format($renewalAmount) }}</span>
        </div>
        <div class="data-row">
            <span class="label">Renewal date</span>
            <span class="value">{{ $renewalDate }}</span>
        </div>

        <hr class="divider">

        <p>Top up your wallet now to avoid any service interruption.</p>

        <a href="{{ config('app.frontend_url') }}/billing/wallet" class="btn">Top Up Wallet</a>
    </div>
@endsection