source: PaintOfHeart-main/PaintOfHeart/src/main/resources/templates/showEvent.html@ bdc68e0

Last change on this file since bdc68e0 was bdc68e0, checked in by AnastasijaCv <ane.cvetkovska000@…>, 15 months ago

Initial commit
  • Property mode set to 100644
File size: 5.9 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <title>TicketReservation</title>
6 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
7</head>
8<style>
9 .photo{
10 width:300px;
11 height:60px;
12 }
13 .nv{
14
15 background-color: rgba(240, 248, 255, .5);
16 margin-top: 20px;
17 }
18 tbody{
19 background-color: aliceblue;
20 }
21 body {
22 background-color: #a0a5e9;
23 }
24 .btn0,
25 .btn3{
26 background-color: blueviolet;
27 border-radius: 8px;
28 border-style: none;
29 box-sizing: border-box;
30 color: #FFFFFF;
31 cursor: pointer;
32 display: inline-block;
33 font-family: Montserrat;
34 font-size: 14px;
35 font-weight: bold;
36 height: 40px;
37 line-height: 20px;
38 list-style: none;
39 margin: 0;
40 outline: none;
41 padding: 10px 16px;
42 position: relative;
43 text-align: center;
44 text-decoration: none;
45 transition: color 100ms;
46 vertical-align: baseline;
47 user-select: none;
48 -webkit-user-select: none;
49 touch-action: manipulation;
50 }
51
52 .btn0:hover,
53 .btn0:focus,
54 .btn3:hover,
55 .btn3:focus{
56 background-color: cornflowerblue;
57
58 }
59 .btn1{
60 border-radius: 8px;
61 border-style: none;
62 box-sizing: border-box;
63 color: #FFFFFF;
64 cursor: pointer;
65 display: inline-block;
66 font-family: Montserrat;
67 font-size: 14px;
68 font-weight: bold;
69 height: 40px;
70 line-height: 20px;
71 list-style: none;
72 margin: 0;
73 outline: none;
74 padding: 10px 16px;
75 position: relative;
76 text-align: center;
77 text-decoration: none;
78 transition: color 100ms;
79 vertical-align: baseline;
80 user-select: none;
81 -webkit-user-select: none;
82 touch-action: manipulation;
83 }
84
85 .btn1:hover,
86 .btn1:focus {
87 background-color: darkslateblue;
88 }
89 a {
90 text-decoration: none;
91 font-weight: bold;
92 }
93</style>
94<body>
95<nav class="navbar navbar-expand-lg nv">
96 <div class="container">
97 <a class="navbar-brand" href="#"><img src="../../images/logo.png" class="photo" alt="logo"></a>
98 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
99 <span class="navbar-toggler-icon"><i class="fa-solid fa-bars"></i></span>
100 </button>
101 <div class="collapse navbar-collapse" id="navbarSupportedContent">
102 <ul class="navbar-nav m-auto mb-2 mb-lg-0">
103 <li class="nav-item">
104 <a class="nav-link" href="/home">Home</a>
105 </li>
106 <li class="nav-item">
107 <a class="nav-link" href="/events">Настани</a>
108 </li>
109 </ul>
110 <form class="d-flex">
111 <th:block th:if="${session.user == null}">
112 <button class="btn0" >
113 <a type="button" href="/registerUser" style="color: black">Register</a>
114 </button>
115 </th:block>
116 <th:block th:if="${session.user == null}">
117 <button class="btn1" >
118 <a type="button" href="/userLogin" style="color: darkblue">Login</a>
119 </button>
120 </th:block>
121 <th:block th:if="${session.user != null}">
122 <button class="btn1" >
123 <a type="button" href="/userLogout" style="color: darkblue">Logout</a>
124 </button>
125 </th:block>
126 <th:block th:if="${session.user != null}">
127 <button class="btn0" href="#">
128 <th:block th:if="${session.user != null}"
129 th:text="${session.user.getUsername()}"></th:block>
130 </button>
131 </th:block>
132
133 </form>
134 </div>
135 </div>
136</nav>
137<section class="Form py-1">
138 <div class="container py-5">
139 <div class="row g-0 rowContainer">
140 <div class="col-lg-6 leftSide">
141 <h2 th:text="${event.getName()}"></h2>
142 <h3 th:text="${event.getLocationAndDate()}"></h3>
143 <h3><a th:href="@{'/artists/{id}/addRating' (id=${event.getArtist().getId()})}" th:text="${event.getArtist().getFullName()}"></a></h3>
144 <h3 th:text="${event.getPhoneNumber()}"></h3>
145 </div>
146 <div class="col-lg-6">
147 <form th:if="${!hasError}"
148 th:method="post" th:action="@{'/events/{id}/ticketReservation' (id=${event.getId()})}">
149 <div class="form-row">
150 <div class="col-lg-12">
151 <label for="seatNumber">Број на седиште</label>
152 <input type="text" class="form-control my-3 p-4" placeholder="Број на седиште" id="seatNumber" name="seatNumber">
153 </div>
154 </div>
155 <div class="form-row" >
156 <div class="col-lg-12">
157 <button type="submit" class="btn3">Резервирај билет</button>
158 </div>
159 </div>
160 </form>
161 <div th:if="${hasError}">
162 <h6 class="text-danger" th:text="${error}"></h6>
163 <div>
164 <button class="btn0" >
165 <a type="button" href="/registerUser" style="color: black">Register</a>
166 </button>
167 </div>
168 </div>
169 </div>
170 </div>
171
172 </div>
173</section>
174</body>
175</html>
Note: See TracBrowser for help on using the repository browser.