<!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 Haji 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">
    <script>
        tailwind.config = {
            theme: {
                extend: { colors: { 'terracotta': { 600: '#e03a1d' } } }
            }
        }
    </script>
</head>
<body class="bg-stone-50 font-sans min-h-screen flex items-center justify-center py-12">

    <div class="max-w-xl w-full mx-4 bg-white rounded-3xl border border-stone-100 shadow-2xl overflow-hidden">
        <div class="bg-green-500 p-8 text-center text-white">
            <div class="w-20 h-20 bg-white/20 rounded-full flex items-center justify-center mx-auto mb-4">
                <i class="fas fa-check text-4xl"></i>
            </div>
            <h1 class="text-3xl font-bold mb-2">Pesanan Diterima!</h1>
            <p class="opacity-90">Terima kasih telah berbelanja sajian otentik Cirebon.</p>
        </div>

        <div class="p-8">
            <h2 class="text-sm font-bold text-stone-400 uppercase tracking-wider mb-4">Rincian Invoice</h2>
            
            <div class="space-y-4 mb-8 bg-stone-50 p-6 rounded-2xl border border-stone-100">
                <div class="flex justify-between">
                    <span class="text-stone-500">Nomor Pesanan</span>
                    <span class="font-bold text-gray-900"><?php echo e($order->order_number); ?></span>
                </div>
                <div class="flex justify-between">
                    <span class="text-stone-500">Tanggal</span>
                    <span class="font-bold text-gray-900"><?php echo e($order->created_at->format('d M Y, H:i')); ?></span>
                </div>
                <div class="flex justify-between">
                    <span class="text-stone-500">Status Pembayaran</span>
                    <span class="bg-yellow-100 text-yellow-700 px-3 py-1 rounded-full text-xs font-bold">Menunggu</span>
                </div>
            </div>

            <div class="space-y-4 mb-8">
                <div class="flex justify-between text-stone-600">
                    <span>Total Produk</span>
                    <span class="font-semibold">Rp <?php echo e(number_format($order->total_amount, 0, ',', '.')); ?></span>
                </div>
                <div class="flex justify-between text-stone-600">
                    <span>Ongkos Kirim (Flat)</span>
                    <span class="font-semibold">Rp <?php echo e(number_format($order->shipping_cost, 0, ',', '.')); ?></span>
                </div>
                <div class="border-t border-dashed border-stone-200 pt-4 flex justify-between items-center">
                    <span class="font-bold text-lg">Total Pembayaran</span>
                    <span class="font-extrabold text-2xl text-terracotta-600">Rp <?php echo e(number_format($order->grand_total, 0, ',', '.')); ?></span>
                </div>
            </div>

            <!-- Tombol Simulasi ke Payment Gateway -->
            <button class="w-full bg-gray-950 hover:bg-terracotta-600 text-white py-4 rounded-xl font-bold text-lg transition-colors mb-4">
                Bayar Sekarang
            </button>
            <a href="<?php echo e(url('/')); ?>" class="block text-center text-stone-500 hover:text-gray-900 font-medium">
                Kembali ke Beranda
            </a>
        </div>
    </div>

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