| 1 | <!DOCTYPE html>
|
|---|
| 2 | <html lang="en">
|
|---|
| 3 |
|
|---|
| 4 | <head>
|
|---|
| 5 | <meta charset="UTF-8">
|
|---|
| 6 | <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|---|
| 7 | <title>
|
|---|
| 8 | Calendar
|
|---|
| 9 | </title>
|
|---|
| 10 | <link rel="stylesheet" href="/css/calendar.css">
|
|---|
| 11 | </head>
|
|---|
| 12 | <body class="light">
|
|---|
| 13 | <div id="content">
|
|---|
| 14 | <div id="personal-info">
|
|---|
| 15 | <img id="admin-photo" src="/images/chicho-round.png">
|
|---|
| 16 | <div id="first-box" class="white-space">
|
|---|
| 17 | <a><img src="/images/down.png">Кориснички профил</a>
|
|---|
| 18 | <a><img src="/images/down.png">Мои термини</a>
|
|---|
| 19 | </div>
|
|---|
| 20 | </div>
|
|---|
| 21 |
|
|---|
| 22 | <div id="appointment-info">
|
|---|
| 23 | <div id="left-side">
|
|---|
| 24 | <h1>Закажи го твојот термин!</h1>
|
|---|
| 25 | <div id="sub"><img src="/images/clock.png"><a>1h времетраење на третман</a></div>
|
|---|
| 26 | <div id="calendar-main">
|
|---|
| 27 | <div class="calendar">
|
|---|
| 28 | <div class="calendar-header">
|
|---|
| 29 | <span class="month-picker" id="month-picker">August</span>
|
|---|
| 30 | <div class="year-picker">
|
|---|
| 31 | <span class="year-change" id="prev-year">
|
|---|
| 32 | <pre><</pre>
|
|---|
| 33 | </span>
|
|---|
| 34 | <span id="year">2024</span>
|
|---|
| 35 | <span class="year-change" id="next-year">
|
|---|
| 36 | <pre>></pre>
|
|---|
| 37 | </span>
|
|---|
| 38 | </div>
|
|---|
| 39 | </div>
|
|---|
| 40 | <div class="calendar-body">
|
|---|
| 41 | <div class="calendar-week-day">
|
|---|
| 42 | <div>Sun</div>
|
|---|
| 43 | <div>Mon</div>
|
|---|
| 44 | <div>Tue</div>
|
|---|
| 45 | <div>Wed</div>
|
|---|
| 46 | <div>Thu</div>
|
|---|
| 47 | <div>Fri</div>
|
|---|
| 48 | <div>Sat</div>
|
|---|
| 49 | </div>
|
|---|
| 50 | <div class="calendar-days"></div>
|
|---|
| 51 | </div>
|
|---|
| 52 | <div class="month-list"></div>
|
|---|
| 53 | </div>
|
|---|
| 54 | </div>
|
|---|
| 55 | </div>
|
|---|
| 56 | <div id="right-side">
|
|---|
| 57 | <div id="hourly-terms">
|
|---|
| 58 |
|
|---|
| 59 | </div>
|
|---|
| 60 | <div>
|
|---|
| 61 | <label>Код на купон:</label><input id="coupon-type" type="text">
|
|---|
| 62 | </div>
|
|---|
| 63 | <div>
|
|---|
| 64 | <label>Медицинска состојба:</label> <input id="medical-condition" type="text">
|
|---|
| 65 | </div>
|
|---|
| 66 | <button id="book-button" disabled>Закажи</button>
|
|---|
| 67 | </div>
|
|---|
| 68 | </div>
|
|---|
| 69 | </div>
|
|---|
| 70 | <div id="confirmation-modal" class="modal">
|
|---|
| 71 | <div class="modal-content">
|
|---|
| 72 | <p>Дали ја потврдувате резервацијата?</p>
|
|---|
| 73 | <div id="last-check"></div>
|
|---|
| 74 | <button id="confirm-booking">Потврди</button>
|
|---|
| 75 | <button id="cancel-booking">Откажи</button>
|
|---|
| 76 | </div>
|
|---|
| 77 | </div>
|
|---|
| 78 | <script src="/js/calendar.js"></script>
|
|---|
| 79 | </body>
|
|---|
| 80 |
|
|---|
| 81 | </html> |
|---|
