<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Payment Successful — OlaInvoice</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
    <style>
        body { background:#f0fdf4; font-family:'Segoe UI',system-ui,sans-serif; margin:0; min-height:100vh; display:flex; align-items:center; justify-content:center; padding:1.5rem; }
        .card-box { background:white; border-radius:16px; box-shadow:0 4px 32px rgba(0,0,0,0.08); max-width:460px; width:100%; padding:2.75rem 2rem; text-align:center; }
        .success-ring { width:80px; height:80px; background:#dcfce7; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 1.5rem; font-size:2.25rem; }
        .detail-row { display:flex; justify-content:space-between; padding:0.5rem 0; font-size:0.875rem; border-bottom:1px solid #f1f5f9; }
        .detail-row:last-child { border-bottom:none; }
        .btn-view { background:#00a651; color:white; border:none; border-radius:8px; font-weight:600; padding:0.65rem 1.5rem; text-decoration:none; display:inline-block; margin-top:1.25rem; }
        .btn-view:hover { background:#007a3d; color:white; }
        .page-footer { text-align:center; margin-top:1.5rem; font-size:0.72rem; color:#94a3b8; }
        .page-footer a { color:#00a651; text-decoration:none; }
    </style>
</head>
<body>
<div>
    <div class="card-box">
        <div class="success-ring">
            <i class="bi bi-check-circle-fill text-success"></i>
        </div>

        <h4 class="fw-700 mb-1" style="color:#1e293b;">Payment Successful!</h4>

        <?php if($invoice): ?>
            <p class="text-muted mb-3" style="font-size:0.875rem;">
                Your payment of
                <strong style="color:#15803d;">₦<?php echo e(number_format($invoice->total, 2)); ?></strong>
                has been confirmed and a receipt sent to your email.
            </p>

            <div style="background:#f8fafc;border-radius:8px;padding:1rem;text-align:left;margin-bottom:0.5rem;">
                <div class="detail-row">
                    <span class="text-muted">Invoice</span>
                    <span class="fw-600" style="font-family:monospace;"><?php echo e($invoice->invoice_number); ?></span>
                </div>
                <div class="detail-row">
                    <span class="text-muted">Amount</span>
                    <span class="fw-600 text-success">₦<?php echo e(number_format($invoice->total, 2)); ?></span>
                </div>
                <div class="detail-row">
                    <span class="text-muted">Paid to</span>
                    <span class="fw-600"><?php echo e($invoice->user->business_name); ?></span>
                </div>
                <div class="detail-row">
                    <span class="text-muted">Reference</span>
                    <span style="font-family:monospace;font-size:0.75rem;"><?php echo e($reference); ?></span>
                </div>
                <div class="detail-row">
                    <span class="text-muted">Date</span>
                    <span class="fw-500"><?php echo e(now()->format('d M Y, H:i')); ?></span>
                </div>
            </div>

            <a href="<?php echo e($invoice->public_url); ?>" class="btn-view">
                <i class="bi bi-receipt me-2"></i>View Invoice
            </a>

        <?php else: ?>
            <p class="text-muted mb-3">
                Payment reference: <strong><?php echo e($reference); ?></strong>
            </p>
        <?php endif; ?>
    </div>

    <div class="page-footer mt-3">
        Powered by <strong style="color:#00a651;">OlaInvoice</strong>
        &nbsp;·&nbsp;
        Built by
        <a href="https://adeyemoportfolio.armitech.com.ng/about.php"
           target="_blank" rel="noopener">
            Adeyemo Olamilekan
        </a>
    </div>
</div>
</body>
</html>
<?php /**PATH C:\Users\Bunmi\Desktop\crud\resources\views/payments/success.blade.php ENDPATH**/ ?>