<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $name = $_POST['name'];
    $email = $_POST['email'];
    $item = $_POST['item'];

    // Generate tracking ID
    $trackingId = "#ORD" . rand(10000, 99999);

    // Create order data
    $orderData = [
        "name" => $name,
        "email" => $email,
        "item" => $item,
        "status" => "Pending" // default status
    ];

    // Save order to orders.json
    $ordersFile = 'orders.json';
    if (file_exists($ordersFile)) {
        $orders = json_decode(file_get_contents($ordersFile), true);
    } else {
        $orders = [];
    }
    $orders[$trackingId] = $orderData;
    file_put_contents($ordersFile, json_encode($orders, JSON_PRETTY_PRINT));

    $success = "✅ Your order has been placed! Your Tracking ID is <strong>$trackingId</strong>.";
}
?>

<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Place Order - African Nigerian Restaurant</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="bg-dark text-light">

<div class="container mt-5">
  <h1 class="text-warning text-center">Place an Order</h1>
  <?php if (!empty($success)): ?>
    <div class="alert alert-success mt-4"><?= $success ?></div>
  <?php endif; ?>

  <form method="POST" action="order.php" class="p-4 bg-secondary rounded shadow mt-4">
    <div class="mb-3">
      <label class="form-label">Full Name</label>
      <input type="text" name="name" class="form-control" required>
    </div>
    <div class="mb-3">
      <label class="form-label">Email</label>
      <input type="email" name="email" class="form-control" required>
    </div>
    <div class="mb-3">
      <label class="form-label">Order Item</label>
      <input type="text" name="item" class="form-control" required>
    </div>
    <button type="submit" class="btn btn-warning">Place Order</button>
  </form>
</div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>