@extends('emails.layouts.base')

@section('content')
    <div class="card">
        <div class="alert alert-success">✅ Wallet topped up</div>

        <h1>Your wallet has been credited</h1>
        <p class="lead">Hi {{ $userName }}, your Nexus wallet was successfully topped up.</p>

        <hr class="divider">

        <div class="amount">₦{{ number_format($amount) }}</div>
        <p class="amount-label">Amount credited</p>

        <hr class="divider">

        <div class="data-row">
            <span class="label">Business</span>
            <span class="value">{{ $businessName }}</span>
        </div>
        <div class="data-row">
            <span class="label">Amount added</span>
            <span class="value">₦{{ number_format($amount) }}</span>
        </div>
        <div class="data-row">
            <span class="label">New balance</span>
            <span class="value">₦{{ number_format($newBalance) }}</span>
        </div>
        <div class="data-row">
            <span class="label">Reference</span>
            <span class="value" style="font-size:12px;">{{ $reference }}</span>
        </div>
        <div class="data-row">
            <span class="label">Date</span>
            <span class="value">{{ $date }}</span>
        </div>

        <hr class="divider">

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