source: src/main/resources/templates/payment.html

Last change on this file was d3cf3a1, checked in by Marija Micevska <marija_micevska@…>, 2 years ago

Initial commit

  • Property mode set to 100644
File size: 7.8 KB
RevLine 
[d3cf3a1]1<!DOCTYPE html >
2<html lang="en" xmlns:th="http://www.thymeleaf.org">
3<head>
4 <meta charset="UTF-8">
5 <title>EDUCATUM - Евиденција на ученици</title>
6 <link rel="stylesheet" href="/css/style.css">
7 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
8 rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
9 crossorigin="anonymous">
10 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
11 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
12 integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
13 crossorigin="anonymous"></script>
14 <link rel="stylesheet"
15 href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css">
16 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
17 <script th:inline="javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
18
19 <style>
20 * {
21 box-sizing: border-box;
22 }
23
24 body {
25 background: linear-gradient(to right, #93A3CE, #1C294E);
26 color: #000029;
27 }
28
29 .no-gutters {
30 background: floralwhite;
31 border-radius: 5px;
32 box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
33 }
34
35 img {
36 width: 100%;
37 height: 100%;
38 object-fit: fill;
39 position: relative;
40 bottom: -30px;
41
42 }
43
44
45 </style>
46
47</head>
48<body>
49
50<section class="Form my-4 mx-5">
51 <div class="container">
52 <div class="row no-gutters">
53 <div class="col-lg-7 px-5 pt-5">
54 <h1 class="font-weight-bold py3" style="font-weight:bold; ">
55 <th:block th:text="${student.getName()}"></th:block>
56 <th:block th:text="${student.getSurname()}"></th:block>
57 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
58 class="bi bi-caret-right-fill" viewBox="0 0 16 16">
59 <path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/>
60 </svg>
61 Евиденција на плаќање
62 </h1>
63 <hr/>
64
65 <h3>Должи
66 <div th:text="${owes}"> денари</div>
67
68 </h3>
69 <hr/>
70 <h3>Цена по час
71 <div th:text="${priceByClass}"> денари</div>
72
73 </h3>
74 <hr/>
75
76 <h3>Број на часови по договор
77 <div th:text="${numScheduledClasses}"></div>
78 </h3>
79 <hr/>
80 <h3>Број на часови кои ги има слушано
81 <div th:text="${numListenedClasses}"></div>
82 </h3>
83 <button type="button" class="btn btn-outline-dark" data-toggle="modal"
84 th:attr="data-target='#exampleModalCenter'">
85 + Внесете час кој го има слушано
86 </button>
87 <div class="modal fade" th:id="*{'exampleModalCenter'}" tabindex="-1" role="dialog"
88 aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
89 <div class="modal-dialog modal-dialog-centered" role="document">
90 <div class="modal-content">
91 <div class="modal-header">
92 <h5 class="modal-title" id="exampleModalLongTitle" style="color: #000029">Внес на
93 слушани часови</h5>
94 </div>
95 <div class="modal-body">
96 <form action="/students/addListening">
97 <select name="classID" class="form-select" aria-label="Default select example">
98 <option th:each="c : ${classes}"
99 th:value="${c.getId()}"
100 th:text="${c.getTopic()}">
101 </option>
102 <input type="hidden" th:value="${student.getId()}" th:name="studentID">
103 <input type="submit" value="Submit" class="btn btn-link">
104
105 </select>
106 </form>
107
108 </div>
109 <div class="modal-footer">
110 <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
111 </div>
112 </div>
113 </div>
114 </div>
115
116
117 <hr/>
118 <h4 style="font-weight: bold;">Внес на плаќање
119 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
120 class="bi bi-cash-coin" viewBox="0 0 16 16">
121 <path fill-rule="evenodd"
122 d="M11 15a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm5-4a5 5 0 1 1-10 0 5 5 0 0 1 10 0z"/>
123 <path d="M9.438 11.944c.047.596.518 1.06 1.363 1.116v.44h.375v-.443c.875-.061 1.386-.529 1.386-1.207 0-.618-.39-.936-1.09-1.1l-.296-.07v-1.2c.376.043.614.248.671.532h.658c-.047-.575-.54-1.024-1.329-1.073V8.5h-.375v.45c-.747.073-1.255.522-1.255 1.158 0 .562.378.92 1.007 1.066l.248.061v1.272c-.384-.058-.639-.27-.696-.563h-.668zm1.36-1.354c-.369-.085-.569-.26-.569-.522 0-.294.216-.514.572-.578v1.1h-.003zm.432.746c.449.104.655.272.655.569 0 .339-.257.571-.709.614v-1.195l.054.012z"/>
124 <path d="M1 0a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4.083c.058-.344.145-.678.258-1H3a2 2 0 0 0-2-2V3a2 2 0 0 0 2-2h10a2 2 0 0 0 2 2v3.528c.38.34.717.728 1 1.154V1a1 1 0 0 0-1-1H1z"/>
125 <path d="M9.998 5.083 10 5a2 2 0 1 0-3.132 1.65 5.982 5.982 0 0 1 3.13-1.567z"/>
126 </svg>
127 </h4>
128 <form method="post" action="/teachers/updatePayment">
129 <input type="text" placeholder="Износ во денари" name="price" class="form-control">
130 <input type="hidden" th:value="${student.getId()}" name="studentID"> </br>
131 Плаќа за часот
132 <select id="classID" name="classID" class="form-select form-select-sm"
133 aria-label=".form-select-sm example">
134 <option th:each="c : ${classes}"
135 th:value="${c.getId()}"
136 th:text="${c.getTopic()}">
137 </option>
138
139 </select>
140 <input type="submit" value="Submit" class="btn btn-outline-dark pd-3 mt-2">
141 </form>
142 <div class="row">
143 <div class="col-8">
144 <a class="btn btn-link" href="/teachers/allStudents">&laquo;Назад кон листата со ученици</a>
145
146 </div>
147
148 <div style="height: 30px;"></div>
149 </div>
150 </div>
151 <div class="col-lg-5" id="library">
152 <img src="/img/evidence1.png" class="img-fluid library" alt="login image"/>
153 </div>
154 </div>
155
156
157 </div>
158
159
160</section>
161<img src="/img/wave-1.png" alt="Wave" class="bottom-img" style="position: relative; bottom: -60px;">
162</body>
163</html>
Note: See TracBrowser for help on using the repository browser.