-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcheckout.php
146 lines (134 loc) · 4.71 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
<?php
ob_start();
session_start();
$user=$_SESSION['username'];
if(!isset($_SESSION['username'])){
header('location:login.php');
}
?>
<!DOCTYPE html>
<html>
<head>
<title>cart</title>
<style>
#form {
width:50%;
min-width: 350px;
background-color: rgb(255, 255, 255);
color: black;
top:150%;
left:50%;
position: absolute;
transform: translate(-50%,-50%);
box-sizing: border-box;
padding: 40px 30px;
border-radius:20px;
margin-bottom: 30px;
display: flex;
flex-direction: column;
border:.5px solid gray;
}
#form label{
margin: 0;
padding: 0;
font-weight: bold;
}
#form input{
margin-bottom: 20px;
}
#form input[type="text"],input[type="email"], input[type="password"]
{
border: none;
border: 1px solid black;
background: transparent;
outline: none;
padding-left:5px;
height: 40px;
color: black;
font-size: 16px;
width: 100%;
}
</style>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
</head>
<body style="padding-left:20px;padding-right:20px;padding-bottom:50px;">
<div style="background-color:#d9dbdb; padding-left:5px; padding-bottom:10px;padding-top:0px;">
<h1><div style="float:left;">
<a href="homelangar.php" style="text-decoration:none; color:red;"><img src="https://1.bp.blogspot.com/-XH2Bombqg8E/XlC5QTkZvuI/AAAAAAAAAQ4/IHJmZda6tEoed70j1HN_t_T5luccg4e8QCNcBGAsYHQ/s200/logo.jpg.jpeg" style="border-radius:50%;margin-top:10px; height:80px;"></a></div>
<div style="margin-left:55%; font-size:50px; padding-top:20px; "><span><a href="homelangar.php" style="text-decoration:none; color:red;">HOME</a>
<a href="logout.php" style="text-decoration:none; color:red;">LOGOUT</a>
</span></div>
</h1></div>
<b style="background-color:"><hr><hr><p style="padding-left:20px;font-size:20px; font-family:Franklin Gothic Medium;">
LET'S CHECKOUT <?php echo $user ?>
</p><hr><hr></b>
<br><br>
<a href="cart.php" style="text-decoration:none; width:20%; "><div style="font-family:Lucida Sans;border-radius:6px; border:2px solid black; width:20%;">
<p style="color:black; font-weight:bold; text-align:center;"> BACK </p>
</div></a>
<br><br>
<?php
// connectinon of db
include_once('db_connect.php');
//db connected
$gt=$_GET['gt'];
?>
<form action="conform_order.php?gt=<?php echo $gt; ?>" method="post" id="form">
<h1 style="text-align: center;">NAME AND ADDRESS</h1>
<label>PERSONAL DETAIL</label><br><br>
<label>FULL NAME :
<br><br>
<input type="text" name="name" placeholder="Enter Your Name" required>
</label><br><br>
<br>
<label>CONTACT NO :
<br><br>
<input type="text" name="contact" placeholder="Enter Your Contact No" required>
</label><br><br>
<label>EMAIL :
<br><br>
<input type="email" name="email" placeholder="Enter Your Email" required>
</label><br><br>
<label>ADRESS</label><br><br>
<label>HOUSE NO AND STREET NAME :
<br><br>
<input type="text" name="add" placeholder="Enter Your House No And Street Name" required>
</label><br><br>
<div>
<label>LANDMARK :
<br><br>
<input type="TEXT" name="landmark" placeholder="Enter Your Landmark" required>
</label>
<label>STATE :<br><br>
<input type="text" name="state" placeholder="Enter Your State" required></label>
</div>
<br><br>
<div>
<label>COUNTRY :
<br><br>
<input type="TEXT" name="country" placeholder="Country" required>
</label>
<label>PIN CODE :<br><br>
<input type="text" name="pincode" placeholder="Pin Code" required></label>
</div><br><br>
<center><button id="button2" style="cursor:pointer; font-size:27px; font-weight:bold; border:3 px solid blue; background-color :green; padding:5px; padding-left:50px; padding-right:50px;"> Confirm Your Order </button><br>
</center>
<center>
<p id="button1" style="border:2px solid gray; cursor:pointer; font-size:27px; font-weight:bold; border:3 px solid blue; background-color :green; padding:5px; padding-left:50px; padding-right:50px; width : 70%"> Proceed With Cash on Delivery </p>
</center>
</form>
<script>
$(document).ready(function(){
// jQuery methods go here...
$("#button2").hide();
$("#button1").click(function(){
$("#button2").show();
$("#button1").hide();
});
});
</script>
</div>
</body>
</html>