-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathAddtocart.aspx
123 lines (115 loc) · 4.06 KB
/
Addtocart.aspx
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
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Addtocart.aspx.cs" Inherits="ApplicationState.Addtocart" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Add to cart</title>
<link rel="icon" href="./img/Dotnet.png" />
<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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
</head>
<style>
body {
font-family: 'Poppins', sans-serif;
margin: 0px;
padding: 0px;
background-color: #eceff1;
}
/* Container style */
.container {
padding: 10px;
padding-top: 50%;
position: relative;
}
/* Form style */
.form {
background-color: white;
height: 52%;
width: 20%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
justify-content: center;
padding: 10px;
border-radius: 10px;
border: solid 0.2px;
}
.form h2 {
margin: 10px;
}
/* Button Add Item */
.Btn-submit {
padding: 10px;
margin: 5px;
margin-top: 10px;
margin-left: 20px;
background-color: #00c853;
color: #eceff1;
border: none;
border-radius: 5px;
font-size: 0.8rem;
font-weight: 700;
cursor: pointer;
}
.Btn-clear {
width: 80px;
padding: 10px;
margin: 5px;
margin-top: 10px;
margin-left: 5px;
background-color: #ff3d00;
color: #eceff1;
border: none;
border-radius: 5px;
font-size: 0.8rem;
font-weight: 700;
cursor: pointer;
}
.output-box {
margin-top: 10px;
padding: 5px;
background-color: #f5f5f5;
border: none;
border-radius: 5px;
width: 80%;
height: 45%;
}
.output-box p {
padding: 2px;
margin: 2px;
}
.output-box h2 {
margin: 10px;
}
.output-box h3 {
padding: 5px;
padding-bottom: 10px;
}
</style>
<body>
<div class="container" runat="server">
<form class="form" runat="server" onsubmit=" return validateForm()">
<h2>Items Available</h2>
<br />
<asp:CheckBoxList ID="checkbox" runat="server">
<asp:ListItem Value="25">Colgate (Php 25.00)</asp:ListItem>
<asp:ListItem Value="10">Palmolive (Php 10.00)</asp:ListItem>
<asp:ListItem Value="35">Gatorade (Php 35.00)</asp:ListItem>
<asp:ListItem Value="12">Head&Shoulder (Php 12.00)</asp:ListItem>
</asp:CheckBoxList>
<asp:Button CssClass="Btn-submit" Text="Add Item" runat="server" ID="submit" OnClick="submit_Click" />
<asp:Button CssClass="Btn-clear" Text="Clear" runat="server" ID="clear" OnClick="clear_Click" />
<!-- Output Box -->
<div class="output-box" runat="server" id="outputBox" visible="true">
<h2>List of Orders</h2>
<p><asp:Label ID="lblcolgate" runat="server" Text=""></asp:Label></p>
<p><asp:Label ID="lblpalmolive" runat="server" Text=""></asp:Label></p>
<p><asp:Label ID="lblgatorade" runat="server" Text=""></asp:Label></p>
<p><asp:Label ID="lblheadShoulder" runat="server" Text=""></asp:Label></p>
<h3>Total: <asp:Label ID="lblTotal" runat="server" Text=""></asp:Label> Php</h3>
</div>
</form>
</div>
</body>
</html>