1 | <!doctype html>
|
---|
2 | <html lang="en" xmlns:th="http://www.thymeleaf.org">
|
---|
3 | <head>
|
---|
4 | <meta charset="utf-8">
|
---|
5 | <meta name="viewport" content="width=device-width, initial-scale=1">
|
---|
6 | <title>Reminder Page</title>
|
---|
7 | <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"
|
---|
8 | integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
|
---|
9 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
|
---|
10 |
|
---|
11 | </head>
|
---|
12 | <body>
|
---|
13 |
|
---|
14 | <div th:insert="layout/navbar.html :: navbar"></div>
|
---|
15 |
|
---|
16 |
|
---|
17 | <div class="container d-flex justify-content-center align-items-center vh-100">
|
---|
18 | <div class="card">
|
---|
19 | <div class="card-body">
|
---|
20 | <form method="post" action="/add/reminder">
|
---|
21 |
|
---|
22 | <input type="text" name="id" th:value="${id}" hidden/>
|
---|
23 |
|
---|
24 |
|
---|
25 | <div class="row mb-3">
|
---|
26 | <label for="" class="col-sm-4 col-form-label">Choose minutes</label>
|
---|
27 | <div class="col-sm-8">
|
---|
28 | <select name="minutes" id="minutes">
|
---|
29 | <option value="15">15 Minutes</option>
|
---|
30 | <option value="30">30 Minutes</option>
|
---|
31 | <option value="60">60 Minutes</option>
|
---|
32 | </select>
|
---|
33 | </div>
|
---|
34 | </div>
|
---|
35 |
|
---|
36 | <div class="row mb-3">
|
---|
37 | <label for="" class="col-sm-4 col-form-label">Repeat</label>
|
---|
38 | <div class="col-sm-8">
|
---|
39 | <input type="radio" name="repeat" value="true" id="choice1"/>
|
---|
40 | <label for="choice1">Yes</label>
|
---|
41 | <input type="radio" name="repeat" value="false" id="choice2"/>
|
---|
42 | <label for="choice2">No</label>
|
---|
43 | </div>
|
---|
44 | </div>
|
---|
45 |
|
---|
46 |
|
---|
47 | <div class="d-grid">
|
---|
48 | <button type="submit" class="btn btn-primary">Add Reminder</button>
|
---|
49 | </div>
|
---|
50 | </form>
|
---|
51 | </div>
|
---|
52 | </div>
|
---|
53 | </div>
|
---|
54 |
|
---|
55 |
|
---|
56 | <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"
|
---|
57 | integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz"
|
---|
58 | crossorigin="anonymous"></script>
|
---|
59 | </body>
|
---|
60 | </html> |
---|