diff --git a/rezervace-aut.html b/rezervace-aut.html index 4b6699b..7134a62 100644 --- a/rezervace-aut.html +++ b/rezervace-aut.html @@ -275,6 +275,48 @@ padding: 0.5rem; } + /* Time input styling */ + .time-input-wrapper { + position: relative; + } + + .time-input-wrapper i { + position: absolute; + left: 0.75rem; + top: 50%; + transform: translateY(-50%); + color: #6b7280; + pointer-events: none; + } + + .time-input-wrapper input[type="time"] { + width: 100%; + padding: 0.5rem 0.75rem 0.5rem 2.5rem; + border: 1px solid #d1d5db; + border-radius: 0.375rem; + appearance: none; + background-color: white; + color: #111827; + } + + .time-input-wrapper input[type="time"]:focus { + outline: 2px solid transparent; + outline-offset: 2px; + border-color: #004990; + box-shadow: 0 0 0 1px #004990; + } + + /* Hide default time picker icon in Edge/Chrome */ + .time-input-wrapper input[type="time"]::-webkit-calendar-picker-indicator { + background: none; + padding-right: 0.5rem; + } + + /* Style for Firefox */ + .time-input-wrapper input[type="time"]::-moz-calendar-picker-indicator { + background: none; + } + /* Responsive form layout */ @media (max-width: 640px) { .form-container { @@ -463,7 +505,26 @@
+
+
+
+ +
+
+

+ Pro rychlé vytvoření rezervace dvakrát klikněte na požadovaný čas/den v kalendáři. +

+
+
+
+
+ +
@@ -498,33 +559,14 @@
- +
-
- +
+ + +
@@ -532,33 +574,14 @@
- +
-
- +
+ + +
@@ -974,6 +997,36 @@ document.getElementById('startDate').value = dateStr; document.getElementById('endDate').value = dateStr; }); + + // New reservation button handler + document.getElementById('newReservationBtn').addEventListener('click', function() { + // Set default date and time to current time rounded to next hour + const now = new Date(); + now.setMinutes(0); + now.setHours(now.getHours() + 1); + + const endDate = new Date(now); + endDate.setHours(endDate.getHours() + 1); + + // Format dates for the form + const formattedDate = now.getFullYear() + '-' + + String(now.getMonth() + 1).padStart(2, '0') + '-' + + String(now.getDate()).padStart(2, '0'); + const formattedTime = String(now.getHours()).padStart(2, '0') + ':00'; + const formattedEndTime = String(endDate.getHours()).padStart(2, '0') + ':00'; + + // Set the form values + document.getElementById('startDate').value = formattedDate; + document.getElementById('startTime').value = formattedTime; + document.getElementById('endDate').value = formattedDate; + document.getElementById('endTime').value = formattedEndTime; + + // Show the modal + reservationModal.style.display = 'block'; + }); + + // Rest of the JavaScript code + // ...existing code... });