-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcheckout.php
153 lines (138 loc) · 5.68 KB
/
checkout.php
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
<?php
require 'connect.php';
session_start();
$user=$_SESSION['customer_email'];
$grand_total = 0;
$allItems = '';
$items = [];
$sql = "SELECT CONCAT(product_name, '(',qty,')') AS ItemQty, total_price FROM cart";
$stmt = $con->prepare($sql);
$stmt->execute();
$result = $stmt->get_result();
while ($row = $result->fetch_assoc()) {
$grand_total += $row['total_price'];
$items[] = $row['ItemQty'];
}
$allItems = implode(', ', $items);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="Sahil Kumar">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Euphoria | Checkout</title>
<link rel="icon" type="image/x-icon" href="icons/favicon.ico">
<link rel="stylesheet" href="design.css">
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css' />
</head>
<body>
<div class="topnav">
<form class="example" action="goods.php" method="post">
<a href="index.php" style = "color:FE7E6D; margin-top: 12px;"><img src="images/Euphoria1.png" height=60 width=120 valign=middle></a>
<input type="text" placeholder="Search.." name="bar" id="bar">
<button type="submit"><i class="fa-search"><img src="icons/search.svg" width="20" height="20" valign="middle"></i></button>
<a class="nav-link" href="cart.php"><img src="icons/cart.svg" height="50" width="70" class="cart"><p id="cart-item" style="margin-top:-50px; margin-left:220px; background-color: #ca1f08; color: #ffffff; border-radius: 4px;" class="badge badge-danger"></p></a>
<?php if(isset($_SESSION['customer_email']))
{
echo " ";
}
else
{
echo "<a href='sign.php'><img src='icons/user.svg' height='65' width='100' class='user'></a>";
} ?>
<a href="home.php" style="margin-top:24px" ><?php if(isset($_SESSION['customer_email']))
{
echo "   Hi, ". strtoupper($user);
}
else
{
echo "HI, Guest";
} ?></a>
</form>
</div>
<ul class="nav">
<li class="nav"><a href="goods.php">Essential Goods</a></li>
<li class="nav"><a href="hospitalservices.php">Hospital Services</a></li>
<li class="nav"><a href="transport.php">Transport</a></li>
<li class="nav"><a href="covid19test.php">Covid-19 Test</a></li>
<li class="nav"><a href="bookanurse.php">Book A Nurse</a></li>
<li class="nav"><a href="donation.php">Donation</a></li>
<li class="nav"><a href="helpdesk.php">Help Desk</a></li>
<li class="nav"><a href="about.php">About Us</a></li>
</ul>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6 px-4 pb-4" id="order">
<h4 class="text-center text-info p-2">Complete your order!</h4>
<div class="jumbotron p-3 mb-2 text-center">
<h6 class="lead"><b>Product(s) : </b><?= $allItems; ?></h6>
<h6 class="lead"><b>Delivery Charge : </b>Free</h6>
<h5><b>Total Amount Payable : </b><?= number_format($grand_total,2) ?>/-</h5>
</div>
<form action="" method="post" id="placeOrder">
<input type="hidden" name="products" value="<?= $allItems; ?>">
<input type="hidden" name="grand_total" value="<?= $grand_total; ?>">
<div class="form-group">
<input type="text" name="name" class="form-control" placeholder="Enter Name" required>
</div>
<div class="form-group">
<input type="email" name="email" class="form-control" placeholder="Enter E-Mail" required>
</div>
<div class="form-group">
<input type="tel" name="phone" class="form-control" placeholder="Enter Phone" required>
</div>
<div class="form-group">
<textarea name="address" class="form-control" rows="3" cols="10" placeholder="Enter Delivery Address Here..."></textarea>
</div>
<h6 class="text-center lead">Select Payment Mode</h6>
<div class="form-group">
<select name="pmode" class="form-control">
<option value="" selected disabled>-Select Payment Mode-</option>
<option value="cod">Cash On Delivery</option>
<option value="netbanking">Net Banking</option>
<option value="cards">Debit/Credit Card</option>
</select>
</div>
<div class="form-group">
<input type="submit" name="submit" value="Place Order" class="btn btn-danger btn-block">
</div>
</form>
</div>
</div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js'></script>
<script type="text/javascript">
$(document).ready(function() {
// Sending Form data to the server
$("#placeOrder").submit(function(e) {
e.preventDefault();
$.ajax({
url: 'action.php',
method: 'post',
data: $('form').serialize() + "&action=order",
success: function(response) {
$("#order").html(response);
}
});
});
// Load total no.of items added in the cart and display in the navbar
load_cart_item_number();
function load_cart_item_number() {
$.ajax({
url: 'action.php',
method: 'get',
data: {
cartItem: "cart_item"
},
success: function(response) {
$("#cart-item").html(response);
}
});
}
});
</script>
</body>
</html>