source: src/main/resources/templates/projectionsForFilm.html@ 0ba5d1a

Last change on this file since 0ba5d1a was 0ba5d1a, checked in by DenicaKj <dkorvezir@…>, 23 months ago

First part of reservation

  • Property mode set to 100644
File size: 2.7 KB
Line 
1<style>
2 .card-horizontal {
3 display: flex;
4 flex: 1 1 auto;
5 }
6 .card {
7 transition: all .2s ease-in-out;
8 }
9 .card:hover {
10 transform: scale(1.05);
11 }
12 .button {
13 top:250px;
14 background-color: #ff5019;
15 border: none;
16 color: black;
17 padding: 10px 20px;
18 text-align: center;
19 text-decoration: none;
20 display: inline-block;
21 font-size: 16px;
22 border-radius: 20px;
23 }
24 .form-group{
25 width: 200px;
26 }
27</style>
28<h1 style="color: white" th:text="${film.name}"></h1>
29<div style="border-radius:30px" >
30 <div class="row">
31 <div class="col-12 mt-3" style="padding-left:100px;height:75%;">
32 <div class="card" th:each="projection : ${projections}" style=" border-radius: 30px;width:92%;align-self:center">
33 <div class="card-horizontal" >
34 <div class="card-body">
35
36 <h4 class="card-title" >
37 <div>
38 <span>Почеток на проекција: </span>
39 <span th:text="${projection.date_time_start}"></span></div>
40 <div>
41 <span>Крај на проекција: </span>
42 <span th:text="${projection.date_time_end}"></span></div>
43 </h4>
44 <p class="card-text" th:text="${projection.type_of_technology}"></p>
45 </div>
46 </div>
47 <div class="card-footer" style="border-bottom-right-radius:30px;border-bottom-left-radius:30px">
48 <small>
49 <form th:action="@{'/home/getSeats/{id}' (id=${film.getId_film()})}"
50 th:method="GET">
51
52 <div class="form-group">
53 <label style="color: black;font-size: 20px;font-weight: bold">Категорија на седиште</label>
54 <select name="id_cinema" class="form-control" id="id_cinema">
55 <option
56 th:each="category : ${categories}"
57 th:value="${category.id_category}"
58 th:text="${category.getName()}">
59 </option>
60 </select>
61
62 </div>
63 <button class="button" type="submit">Резервирај</button>
64 </form>
65
66 </small>
67 </div>
68 </div>
69 </div>
70 </div>
71</div>
Note: See TracBrowser for help on using the repository browser.