<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pesanan Berhasil | Empal Gentong H. Apud</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    <style>
        body { font-family: 'Plus Jakarta Sans', sans-serif; }
    </style>
</head>
<body class="bg-stone-100 text-gray-800 min-h-screen flex flex-col">

    <header class="bg-white shadow-sm border-b border-stone-200 py-4">
        <div class="max-w-6xl mx-auto px-4 flex justify-center items-center">
            <h1 class="text-2xl font-bold text-amber-700">Haji Apud.</h1>
        </div>
    </header>

    <main class="flex-grow flex items-center justify-center p-4">
        <div class="bg-white p-8 md:p-10 rounded-3xl border border-stone-200 shadow-xl max-w-lg w-full text-center relative overflow-hidden">
            <div class="absolute top-0 left-0 w-full h-2 bg-green-500"></div>

            <div class="w-20 h-20 bg-green-100 text-green-500 rounded-full flex items-center justify-center mx-auto mb-6">
                <i class="fas fa-check text-4xl"></i>
            </div>

            <h2 class="text-2xl font-black text-gray-900 mb-2">Terima Kasih!</h2>
            <p class="text-stone-500 mb-8">Pesanan Anda telah berhasil dibuat dan bukti pembayaran sedang kami proses.</p>

            <div class="bg-stone-50 rounded-2xl p-6 mb-8 text-left border border-stone-200">
                <div class="mb-4">
                    <p class="text-xs text-stone-500 font-bold uppercase tracking-wider mb-1">Nomor Invoice</p>
                    <p class="text-lg font-black text-gray-900"><?php echo e($order->order_number); ?></p>
                </div>
                <div class="mb-4">
                    <p class="text-xs text-stone-500 font-bold uppercase tracking-wider mb-1">Total Dibayar</p>
                    <p class="text-xl font-black text-amber-600">Rp <?php echo e(number_format($order->total_amount, 0, ',', '.')); ?></p>
                </div>
                <div>
                    <p class="text-xs text-stone-500 font-bold uppercase tracking-wider mb-1">Status Saat Ini</p>
                    <span class="inline-flex items-center gap-1.5 bg-blue-50 text-blue-600 px-3 py-1 rounded-full text-sm font-bold border border-blue-200">
                        <i class="fas fa-clock"></i> Menunggu Konfirmasi Admin
                    </span>
                </div>
            </div>

            <div class="bg-amber-50 text-amber-800 text-sm p-4 rounded-xl border border-amber-200 mb-8 text-left flex gap-3">
                <i class="fas fa-info-circle text-amber-600 mt-0.5 text-lg"></i>
                <p><strong>Apa selanjutnya?</strong> Tim kami akan segera mengecek mutasi transfer Anda. Anda akan menerima notifikasi via WhatsApp saat pesanan mulai diproses atau dikirim.</p>
            </div>

            <div class="flex flex-col gap-3">
                <a href="<?php echo e(url('/')); ?>" class="w-full bg-gray-900 hover:bg-amber-600 text-white font-bold py-3.5 rounded-xl transition-colors shadow-md">
                    Kembali ke Beranda
                </a>
                
                <a href="https://wa.me/625216667297?text=Halo%20Admin%20Haji%20Apud,%20saya%20ingin%20konfirmasi%20pesanan%20saya%20dengan%20nomor%20invoice:%20*<?php echo e($order->order_number); ?>*" target="_blank" class="w-full bg-white hover:bg-stone-50 text-stone-700 border border-stone-300 font-bold py-3.5 rounded-xl transition-colors flex items-center justify-center gap-2">
                    <i class="fab fa-whatsapp text-green-500 text-lg"></i> Hubungi Admin (Bantuan)
                </a>
            </div>
        </div>
    </main>

</body>
</html><?php /**PATH C:\Users\USER\Documents\web\hapudstore\haji-apud-store\resources\views/checkout/success.blade.php ENDPATH**/ ?>