source: src/main/resources/templates/reservation-form-rooms.html@ f7c05a1

Last change on this file since f7c05a1 was f7c05a1, checked in by Elena Shulevska <elena.shulevska@…>, 16 months ago

initial commit of the source code on origin
  • Property mode set to 100644
File size: 6.3 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <title>Room Reservation</title>
6 <meta charset="utf-8">
7 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
9 <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
10 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
11 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
12 <!-- Bootstrap CSS -->
13 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
14 integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
15 <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
16</head>
17<body>
18<form th:action="@{/rooms/available/reserve/room}" th:method="post" style="width:600px" class="mx-auto mt-5" >
19 <div class="form-group">
20 <div class="col-12">
21 <div class="form-group">
22 <input type="date"
23 class="form-control"
24 id="start_date"
25 name="start_date"
26 th:value="(${start_date} != null ? ${start_date} : '')">
27 </div>
28
29 <div class="form-group">
30 <input type="date"
31 class="form-control"
32 id="end_date"
33 name="end_date"
34 th:value="(${end_date} != null ? ${end_date} : '')">
35 </div>
36 <div class="row ml-0">
37 <div class="form-group">
38 <input type="text"
39 class="form-control"
40 style="width: 190px"
41 id="number_guests"
42 name="number_guests"
43 placeholder="Number of guests"
44 th:value="(${number_guests} != null ? ${number_guests} : '')">
45 </div>
46 <div class="form-group">
47 <input type="text"
48 class="form-control"
49 style="width: 190px"
50 id="adults"
51 name="adults"
52 placeholder="Adults"
53 th:value="(${adults} != null ? ${adults} : '')">
54 </div>
55 <div class="form-group">
56 <input type="text"
57 class="form-control"
58 style="width: 190px"
59 id="children"
60 name="children"
61 placeholder="Children"
62 th:value="(${children} != null ? ${children} : '')">
63 </div>
64 </div>
65 <div class="form-group">
66 <input type="text"
67 class="form-control"
68 placeholder="Room Type"
69 id="room_type"
70 name="room_type"
71 th:value="(${roomChosen.room_type} != null ? ${roomChosen.room_type} : '')">
72 </div>
73 </div>
74 <div class="col-12">
75 <div class="form-group">
76 <input type="text"
77 class="form-control"
78 placeholder="Full Name"
79 id="full_name"
80 name="full_name"
81 th:value="(${session.user.full_name} != null ? ${session.user.full_name} : '')">
82 </div>
83 <div class="form-group">
84 <input type="text"
85 class="form-control"
86 placeholder="UMCN"
87 id="embg"
88 name="embg"
89 th:value="(${session.user.embg} != null ? ${session.user.embg} : '')">
90 </div>
91 <div class="form-group">
92 <input type="text"
93 class="form-control"
94 placeholder="Address"
95 id="address"
96 name="address"
97 th:value="(${session.user.address} != null ? ${session.user.address} : '')">
98 </div>
99 <div class="form-group">
100 <input type="text"
101 class="form-control"
102 id="email"
103 name="email"
104 placeholder="Email"
105
106 th:value="(${session.user.email} != null ? ${session.user.email} : '')">
107 </div>
108 <div class="form-group">
109 <input type="text"
110 class="form-control"
111 id="price"
112 name="price"
113 placeholder="Price"
114 th:value="(${roomChosen.price} != null ? ${roomChosen.price} : '')">
115 </div>
116 <h6>Payment method</h6>
117 <div class="row ml-1">
118 <input type="radio" name="payment_method" th:value="'creditCard'">Credit Card</input>
119 <input type="radio" name="payment_method" th:value="'onSite'" class="ml-2">On Site</input>
120 </div>
121 <div class="form-group">
122 <input type="text"
123 class="form-control"
124 id="card_number"
125 name="card_number"
126 required
127 placeholder="Card Number"
128 th:value="(${card_number} != null ? ${card_number} : '')">
129 </div>
130 </div>
131 <input type="hidden" name="room_id" th:value="${roomChosen.room_id}"/>
132 <button type="submit" class="btn btn-secondary ml-3" style="width: 570px">Next</button>
133 </div>
134</form>
135</body>
136</html>
Note: See TracBrowser for help on using the repository browser.