@extends('emails.layouts.base')

@section('content')
    <div class="card">
        <div class="alert alert-success">✅ Payment confirmed</div>

        <h1>Your payment was successful</h1>
        <p class="lead">{{ $businessName }} — {{ ucfirst($plan) }} Plan</p>

        <hr class="divider">

        <div class="amount">₦{{ number_format($total) }}</div>
        <p class="amount-label">Total charged</p>

        <hr class="divider">

        <div class="data-row">
            <span class="label">Plan</span>
            <span class="value">{{ ucfirst($plan) }}</span>
        </div>
        <div class="data-row">
            <span class="label">Subtotal</span>
            <span class="value">₦{{ number_format($subtotal) }}</span>
        </div>
        <div class="data-row">
            <span class="label">VAT (7.5%)</span>
            <span class="value">₦{{ number_format($vat) }}</span>
        </div>
        <div class="data-row">
            <span class="label">Total</span>
            <span class="value">₦{{ number_format($total) }}</span>
        </div>
        <div class="data-row">
            <span class="label">Payment method</span>
            <span class="value">{{ ucfirst($paymentMethod) }}</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">Next renewal</span>
            <span class="value">{{ $renewalDate }}</span>
        </div>

        <hr class="divider">

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