commit 12.01

public/booking-confirm.html

@@ -128,28 +128,56 @@
     </div>
 
     <script>
-        // Получить данные брони из localStorage (передается из services.html)
-        const bookingData = JSON.parse(localStorage.getItem('lastBooking') || '{}');
-        
-        if (bookingData.booking) {
-            const booking = bookingData.booking;
-            document.getElementById('bookingNumber').textContent = booking.bookingnumber;
-            
-            // Заполнить детали (простые циклы для поиска)
-            const services = JSON.parse(localStorage.getItem('services') || '[]');
-            const service = services.find(s => s.id == booking.service_id);
-            
-            document.querySelector('#bookingDetails .detail-row:nth-child(1) span:last-child').textContent = service ? service.name : 'Услуга';
-            document.querySelector('#bookingDetails .detail-row:nth-child(4) span:last-child').textContent = 
-                `${booking.starttime.slice(0,5)}–${booking.endtime.slice(0,5)}`;
-            document.querySelector('#bookingDetails .detail-row:nth-child(5) span:last-child').textContent = 
-                `${booking.service.price || '???'} ₽`;
-        }
+       const token = localStorage.getItem('token');
 
-        // Очистка localStorage через 30 секунд
-        setTimeout(() => {
-            localStorage.removeItem('lastBooking');
-        }, 30000);
+    if (!token) {
+        window.location.href = 'register-login.html';
+    }
+
+    window.onload = loadBookings;
+
+    async function loadBookings() {
+        try {
+            const res = await fetch('/api/bookings', {
+                headers: { 'Authorization': `Bearer ${token}` }
+            });
+
+            const bookings = await res.json();
+
+            const list = document.getElementById('bookings-list');
+            bookings.forEach(b => {
+                list.innerHTML += `
+                    <div>
+                        <p><strong>${b.booking_number}</strong> — ${b.service.name} (${b.booking_date} ${b.start_time}) — ${b.status}</p>
+                        ${b.status === 'confirmed' ? `<button onclick="cancelBooking(${b.id})">Отменить</button>` : ''}
+                    </div>
+                `;
+            });
+        } catch (err) {
+            alert('Ошибка загрузки бронирований');
+        }
+    }
+
+    async function cancelBooking(id) {
+        try {
+            const reason = prompt('Причина отмены (необязательно):');
+            const res = await fetch(`/api/bookings/${id}/cancel`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Authorization': `Bearer ${token}`
+                },
+                body: JSON.stringify({ reason })
+            });
+
+            if (res.ok) {
+                alert('Бронь отменена');
+                window.location.reload();
+            }
+        } catch (err) {
+            alert('Ошибка отмены');
+        }
+    }
     </script>
 </body>
 </html>