source: src/main/resources/templates/edit-form-rooms.html

Last change on this file 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: 3.0 KB
RevLine 
[f7c05a1]1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <title>Edit Room Reservation</title>
6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
8 <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
9 <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>
10 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
11 <!-- Bootstrap CSS -->
12 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
13 integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
14 <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
15</head>
16<body>
17<form th:action= "@{'/reservations/rooms/update'}" th:method="POST" style="width:600px" class="mx-auto" >
18 <div class="form-group">
19 <label for="startDate">Start Date</label>
20 <input type="date"
21 class="form-control"
22 id="startDate"
23 name="start_date"
24 th:value="(${roomDto} != null ? ${roomDto.start_date} : '')">
25 </div>
26 <div class="form-group">
27 <label for="endDate">End Date</label>
28 <input type="date"
29 class="form-control"
30 id="endDate"
31 name="end_date"
32 th:value="(${roomDto} != null ? ${roomDto.end_date} : '')">
33 </div>
34 <div class="form-group">
35 <label for="numberOfGuests">Number of Guests</label>
36 <input type="number"
37 class="form-control"
38 id="numberOfGuests"
39 name="number_guests"
40 th:value="(${roomDto} != null ? ${roomDto.number_guests} : '')" >
41 </div>
42 <div class="form-group">
43 <label for="adults">Adults</label>
44 <input type="number"
45 class="form-control"
46 id="adults"
47 name="adults"
48 th:value="(${roomDto} != null ? ${roomDto.adults} : '')">
49 </div>
50 <div class="form-group">
51 <label for="children">Children</label>
52 <input type="number"
53 class="form-control"
54 id="children"
55 name="children"
56 th:value="(${roomDto} != null ? ${roomDto.children} : '')">
57 </div>
58 <input type="hidden" name="reservation_id" th:value="${roomDto.reservation_id}"/>
59 <button type="submit" class="btn btn-primary">Submit</button>
60</form>
61</body>
62</html>
Note: See TracBrowser for help on using the repository browser.