Dynamic-Food-Ordering-Website/orderid.php at main · Vijaykarande/Dynamic-Food-Ordering-Website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<?php
// Include the database connection file
include 'db.php';

// Initialize variables
$customer_name = "";
$order_id = "";

// Fetch customer details from the database for the most recent order
$query = "SELECT cname, order_id FROM customer_order ORDER BY id DESC LIMIT 1";
$result = mysqli_query($conn, $query);

// Check if query executed successfully
if($result) {
    // Check if any rows are returned
    if(mysqli_num_rows($result) > 0) {
        // Fetch the customer name and order ID from the result
        $row = mysqli_fetch_assoc($result);
        $customer_name = $row['cname'];
        $order_id = $row['order_id'];
    } else {
        // No orders found
        $customer_name = "No orders found";
        $order_id = "No orders found";
    }
} else {
    // Query execution failed
    $customer_name = "Error fetching order details";
    $order_id = "Error fetching order details";
}
?>

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Order Details</title>
    <!-- Include Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">


    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap" rel="stylesheet">


    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<head>
<style>
        body {
            background-color: #f8f9fa;
            font-family: Arial, sans-serif;
            background-image:url('shade.jpg');
            background-size:cover;
            background-repeat:no-repeat;
            /* background-position:center; */

        }

        .container {

            margin-top: 150px;
        }

        h1 {
            color: darkblue;
        }

        .card {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
            transition: 0.3s;
            border-radius: 10px;


        }

        .card:hover {
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
        }

        .btn-primary {
            background-color: teal;
            border: none;
        }

        .btn-primary:hover {
            background-color:darkblue;

        }

#head{

  font-family: "Pacifico", cursive;
  font-weight: 200;
  font-style: normal;
  font-size:25px;
  text-align:center;

}
#head2{

  font-family: "Abril Fatface", serif;
  font-weight: 400;
  font-style: normal;
  text-decoration:underline;

}

#back{ background-image:url('1.jpg');


}


    </style>
<!-- Head content here -->
</head>

<body>
    <div class="container" >
        <div class="row justify-content-center" >
            <div class="col-md-6">
                <div class="card" id="back">
                    <div class="card-body">
                        <h1 class="text-center mb-4" id="head2">Order Details</h1>
                        <h2 id="head" class="mb-4">Order Placed Successfully...<i class="fa-regular fa-face-smile" style="font-size:30px; color:red;"></i></h2>
                        <p class="text-center mb-4"><i class="fa-solid fa-user"></i>&nbsp;<strong>Customer Name:</strong> <?php echo htmlspecialchars($customer_name); ?></p>
                        <p class="text-center mb-4"><i class="fa-regular fa-id-badge"></i>&nbsp;<strong>Order ID:</strong> <?php echo htmlspecialchars($order_id); ?></p>
                        <!-- <button class="btn btn-primary btn-block" onclick="trackOrder('<?php echo $order_id; ?>')" class="mb-4">Track Order</button> -->
                        <a href="User Panel/my_order.php" class="btn btn-primary btn-block">Track Order</a>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Include any necessary JavaScript -->
    <script>
 function trackOrder(orderId) {
    console.log('Tracking order:', orderId);
    // Redirect to the order tracking page with the order ID
    window.location.href = 'my_order.php?order_id=' + encodeURIComponent(orderId);
}


    </script>
</body>

</html>