<?php
$page_title = 'Order Placed';
require_once __DIR__ . '/header.php';
?>

<div style="text-align:center; max-width:500px; margin:40px auto; padding:40px 20px; background:#fff; border-radius:12px; box-shadow:0 10px 25px rgba(0,0,0,0.05); border:1px solid #e2e8f0;">
    <div style="width:80px; height:80px; background:#dcfce7; color:#16a34a; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:2.5rem; margin:0 auto 24px;">
        <i class="fas fa-check"></i>
    </div>
    
    <h1 style="margin:0 0 12px; font-size:2rem; font-family:'Outfit', sans-serif; color:#0f172a;">Order Placed!</h1>
    <p style="color:#64748b; margin:0 0 24px; line-height:1.6;">Thank you for your purchase. Your order has been placed successfully and is being processed.</p>
    
    <div style="background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; padding:20px; margin-bottom:30px; text-align:left;">
        <div style="display:flex; justify-content:space-between; margin-bottom:12px;">
            <span style="color:#64748b; font-size:0.9rem;">Order Number</span>
            <strong style="color:#0f172a;">ORD-2026-9842</strong>
        </div>
        <div style="display:flex; justify-content:space-between; margin-bottom:12px;">
            <span style="color:#64748b; font-size:0.9rem;">Total Amount</span>
            <strong style="color:#0f172a;">₹10,325.00</strong>
        </div>
        <div style="display:flex; justify-content:space-between;">
            <span style="color:#64748b; font-size:0.9rem;">Payment Method</span>
            <strong style="color:#0f172a;">Credit Card</strong>
        </div>
    </div>
    
    <div style="display:flex; gap:16px;">
        <a href="orders.php" style="flex:1; padding:12px; background:#f1f5f9; color:#475569; text-decoration:none; border-radius:6px; font-weight:600;">View Order</a>
        <a href="index.php" style="flex:1; padding:12px; background:#2563eb; color:#fff; text-decoration:none; border-radius:6px; font-weight:600;">Back to Home</a>
    </div>
</div>

<?php 
echo '</div></main></body></html>'; 
?>
