source: target/classes/templates/admin-block-reservation.ftl@ 0f3491d

Last change on this file since 0f3491d was 0f3491d, checked in by makyjovanovsky <mjovanovski04@…>, 22 months ago

reservation
  • Property mode set to 100644
File size: 6.0 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <title>Admin Page - Block Reservation</title>
6 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
7 <!-- Font Awesome -->
8 <link
9 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
10 rel="stylesheet"
11 />
12 <!-- Google Fonts -->
13 <link
14 href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
15 rel="stylesheet"
16 />
17 <!-- MDB -->
18 <link
19 href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/5.0.0/mdb.min.css"
20 rel="stylesheet"
21 />
22 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css"
23 integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
24 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
25</head>
26<body>
27<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
28 <a class="navbar-brand" href="#">Salon Bella</a>
29 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
30 <span class="navbar-toggler-icon"></span>
31 </button>
32
33 <div class="collapse navbar-collapse" id="navbarSupportedContent">
34 <ul class="navbar-nav mr-auto">
35 <li class="nav-item ">
36 <a class="nav-link" href="/adminDashboard">Home <span class="sr-only">(current)</span></a>
37 </li>
38
39 <li class="nav-item dropdown">
40 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
41 Functions - Reservations
42 </a>
43 <div class="dropdown-menu" aria-labelledby="navbarDropdown">
44 <a class="dropdown-item" href="/admin-scheduled-reservations">Scheduled Reservations</a>
45 <a class="dropdown-item" href="/admin-schedule-reservation">Schedule reservation</a>
46 <div class="dropdown-divider"></div>
47 <a class="dropdown-item" href="/admin-get-blocked-reservations">Blocked reservations</a>
48 <a class="dropdown-item" href="/admin-block-reservation">Block reservation</a>
49 </div>
50 </li>
51
52 <li class="nav-item dropdown">
53 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
54 Functions - Orders
55 </a>
56 <div class="dropdown-menu" aria-labelledby="navbarDropdown">
57 <a class="dropdown-item" href="/admin-get-orders">Ordered Products</a>
58 <a class="dropdown-item" href="/admin-add-product">Add product</a>
59 <a class="dropdown-item" href="/admin-remove-product">Remove product</a>
60 </div>
61 </li>
62
63 </ul>
64 <form class="form-inline my-2 my-lg-0" method="get" action="/logout">
65 <button class="btn btn-outline-info my-2 my-sm-0" type="submit">Log out</button>
66 </form>
67 </div>
68</nav>
69<br>
70
71<div class="h-100 d-flex align-items-center justify-content-center">
72 <form method="post" action="/admin-block-reservation">
73 <#if date??>
74 <div class="d-flex justify-content-center">
75 <input type="date" min="" name="date" id="date" value="${date}" required/>
76 </div>
77 <#else>
78 <div class="d-flex justify-content-center">
79 <input type="date" min="" name="date" id="date" required/>
80 </div>
81 </#if>
82
83
84 <br>
85 <div class="d-flex justify-content-center">
86 <select name="type" id="type" required>
87 <option value="NAILS">NAILS</option>
88 <option value="MAKEUP">MAKEUP</option>
89 <option value="WAXING">WAXING</option>
90 </select>
91 </div>
92
93 <br>
94 <div class="d-flex justify-content-center">
95 <select name="time" id="time" required>
96 <option value="09:00">09:00</option>
97 <option value="10:00">10:00</option>
98 <option value="11:00">11:00</option>
99 <option value="12:00">12:00</option>
100 <option value="13:00">13:00</option>
101 <option value="14:00">14:00</option>
102 <option value="15:00">15:00</option>
103 <option value="16:00">16:00</option>
104 <option value="17:00">17:00</option>
105 <option value="18:00">18:00</option>
106 <option value="19:00">19:00</option>
107 <option value="20:00">20:00</option>
108 <option value="21:00">21:00</option>
109 </select>
110 </div>
111
112 <br>
113 <button class="btn btn-primary" type="submit">Block Reservation</button>
114 </form>
115</div>
116
117<script>
118 document.getElementById("date").setAttribute("min", new Date().toISOString().split('T')[0])
119</script>
120
121<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
122<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
123<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
124<script
125 type="text/javascript"
126 src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/5.0.0/mdb.min.js"
127></script>
128</body>
129</html>
Note: See TracBrowser for help on using the repository browser.