function MainComponent() { const [currentView, setCurrentView] = useState("all-bookings"); const [isAdmin, setIsAdmin] = useState(false); const [adminPassword, setAdminPassword] = useState(""); const [showAdminLogin, setShowAdminLogin] = useState(false); // Data states const [horses, setHorses] = useState([]); const [riders, setRiders] = useState([]); const [bookings, setBookings] = useState([]); const [loading, setLoading] = useState(false); const [error, setError] = useState(""); const [success, setSuccess] = useState(""); // Form states const [selectedHorse, setSelectedHorse] = useState(""); const [selectedRider, setSelectedRider] = useState(""); const [bookingDate, setBookingDate] = useState(""); const [startTime, setStartTime] = useState(""); const [endTime, setEndTime] = useState(""); const [notes, setNotes] = useState(""); const [isRecurring, setIsRecurring] = useState(false); const [recurringPattern, setRecurringPattern] = useState("weekly"); const [recurringEndDate, setRecurringEndDate] = useState(""); const [sortBy, setSortBy] = useState("nearest"); // Admin form states const [horseName, setHorseName] = useState(""); const [horseDescription, setHorseDescription] = useState(""); const [riderName, setRiderName] = useState(""); const [riderEmail, setRiderEmail] = useState(""); // Delete booking states const [deleteBookingId, setDeleteBookingId] = useState(""); const [deleteEmail, setDeleteEmail] = useState(""); const [showDeleteForm, setShowDeleteForm] = useState(false); // Load data on component mount useEffect(()=>{ loadData(); }, []); const loadData = async ()=>{ setLoading(true); try { const [horsesRes, ridersRes, bookingsRes] = await Promise.all([ fetch("/api/horses-api", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "list" }) }), fetch("/api/riders-api", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "list" }) }), fetch("/api/bookings-api", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "list" }) }) ]); const horsesData = await horsesRes.json(); const ridersData = await ridersRes.json(); const bookingsData = await bookingsRes.json(); console.log("Loaded data:", { horsesData, ridersData, bookingsData }); if (horsesData.success) setHorses(horsesData.horses); if (ridersData.success) setRiders(ridersData.riders); if (bookingsData.success) setBookings(bookingsData.bookings); } catch (err) { console.error("Load data error:", err); setError("Kunde inte ladda data"); } setLoading(false); }; const handleAdminLogin = async ()=>{ try { const response = await fetch("/api/admin-login", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ username: "admin", password: adminPassword }) }); const data = await response.json(); if (data.success) { setIsAdmin(true); setShowAdminLogin(false); setAdminPassword(""); setSuccess("Admin-inloggning lyckades"); } else { setError("Felaktigt admin-lösenord"); } } catch (err) { setError("Inloggning misslyckades"); } }; const handleCreateBooking = async ()=>{ if (!selectedHorse || !selectedRider || !bookingDate || !startTime || !endTime) { setError("Vänligen fyll i alla obligatoriska fält"); return; } try { const response = await fetch("/api/bookings-api", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "create", horse_id: selectedHorse, rider_id: selectedRider, booking_date: bookingDate, start_time: startTime, end_time: endTime, notes, is_recurring: isRecurring, recurring_pattern: isRecurring ? recurringPattern : null, recurring_end_date: isRecurring ? recurringEndDate : null }) }); const data = await response.json(); if (data.success) { setSuccess(data.message || "Bokning skapad framgångsrikt"); resetBookingForm(); loadData(); } else { setError(data.error); } } catch (err) { setError("Kunde inte skapa bokning"); } }; const handleDeleteBooking = async ()=>{ if (!deleteBookingId || !deleteEmail) { setError("Vänligen ange boknings-ID och e-post"); return; } try { const response = await fetch("/api/bookings-api", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "delete", id: deleteBookingId, email: deleteEmail }) }); const data = await response.json(); if (data.success) { setSuccess("Bokning raderad framgångsrikt"); setShowDeleteForm(false); setDeleteBookingId(""); setDeleteEmail(""); loadData(); } else { setError(data.error); } } catch (err) { setError("Kunde inte radera bokning"); } }; const handleAddHorse = async ()=>{ if (!horseName) { setError("Hästnamn krävs"); return; } try { const response = await fetch("/api/horses-api", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "create", name: horseName, description: horseDescription }) }); const data = await response.json(); if (data.success) { setSuccess("Häst tillagd framgångsrikt"); setHorseName(""); setHorseDescription(""); loadData(); } else { setError(data.error); } } catch (err) { setError("Kunde inte lägga till häst"); } }; const handleAddRider = async ()=>{ if (!riderName || !riderEmail) { setError("Ryttarens namn och e-post krävs"); return; } try { const response = await fetch("/api/riders-api", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "create", name: riderName, email: riderEmail }) }); const data = await response.json(); if (data.success) { setSuccess("Ryttare tillagd framgångsrikt"); setRiderName(""); setRiderEmail(""); loadData(); } else { setError(data.error); } } catch (err) { setError("Kunde inte lägga till ryttare"); } }; const handleRemoveHorse = async (horseId)=>{ try { const response = await fetch("/api/horses-api", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "delete", id: horseId }) }); const data = await response.json(); if (data.success) { setSuccess("Häst borttagen framgångsrikt"); loadData(); } else { setError(data.error); } } catch (err) { setError("Kunde inte ta bort häst"); } }; const handleRemoveRider = async (riderId)=>{ try { const response = await fetch("/api/riders-api", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "delete", id: riderId }) }); const data = await response.json(); if (data.success) { setSuccess("Ryttare borttagen framgångsrikt"); loadData(); } else { setError(data.error); } } catch (err) { setError("Kunde inte ta bort ryttare"); } }; const handleDeleteAllBookings = async ()=>{ if (!window.confirm("Är du säker på att du vill radera ALLA bokningar? Denna åtgärd kan inte ångras.")) { return; } try { const response = await fetch("/api/bookings-api", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "delete-all" }) }); const data = await response.json(); if (data.success) { setSuccess("Alla bokningar raderade framgångsrikt"); loadData(); } else { setError(data.error); } } catch (err) { setError("Kunde inte radera alla bokningar"); } }; const handleAdminDeleteBooking = async (bookingId)=>{ if (!window.confirm("Är du säker på att du vill radera denna bokning? Denna åtgärd kan inte ångras.")) { return; } try { const response = await fetch("/api/bookings-api", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "admin-delete", id: bookingId }) }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); if (data.success) { setSuccess("Bokning raderad framgångsrikt"); loadData(); } else { setError(data.error || "Kunde inte radera bokning"); } } catch (err) { console.error("Admin delete error:", err); setError("Kunde inte radera bokning: " + err.message); } }; const resetBookingForm = ()=>{ setSelectedHorse(""); setSelectedRider(""); setBookingDate(""); setStartTime(""); setEndTime(""); setNotes(""); setIsRecurring(false); setRecurringPattern("weekly"); setRecurringEndDate(""); }; const formatTime = (timeStr)=>{ if (!timeStr) return "Ingen tid angiven"; return new Date(`2000-01-01T${timeStr}`).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }); }; const formatDateWithDay = (dateStr)=>{ const date = new Date(dateStr); const dayNames = [ "Söndag", "Måndag", "Tisdag", "Onsdag", "Torsdag", "Fredag", "Lördag" ]; const monthNames = [ "Januari", "Februari", "Mars", "April", "Maj", "Juni", "Juli", "Augusti", "September", "Oktober", "November", "December" ]; const dayName = dayNames[date.getDay()]; const monthName = monthNames[date.getMonth()]; return `${dayName}, ${date.getDate()} ${monthName}`; }; const formatDateShort = (dateStr)=>{ const date = new Date(dateStr); return date.toLocaleDateString("sv-SE", { day: "numeric", month: "short" }); }; const isToday = (dateStr)=>{ const today = new Date(); const bookingDate = new Date(dateStr); return today.toDateString() === bookingDate.toDateString(); }; const isTomorrow = (dateStr)=>{ const tomorrow = new Date(); tomorrow.setDate(tomorrow.getDate() + 1); const bookingDate = new Date(dateStr); return tomorrow.toDateString() === bookingDate.toDateString(); }; const sortedBookings = [ ...bookings ].sort((a, b)=>{ const now = new Date(); // Parse dates more carefully to avoid timezone issues const dateA = new Date(a.booking_date + "T00:00:00"); const dateB = new Date(b.booking_date + "T00:00:00"); // Handle null or undefined start_time values if (!a.start_time || !b.start_time) { // If either start_time is null/undefined, sort by date only return dateA.getTime() - dateB.getTime(); } // Ensure start_time is a string before splitting const startTimeA = String(a.start_time); const startTimeB = String(b.start_time); // Parse times and create full datetime objects const timePartsA = startTimeA.split(":"); const timePartsB = startTimeB.split(":"); // Validate time parts if (timePartsA.length < 2 || timePartsB.length < 2) { return dateA.getTime() - dateB.getTime(); } const [hoursA, minutesA] = timePartsA.map(Number); const [hoursB, minutesB] = timePartsB.map(Number); // Validate parsed numbers if (isNaN(hoursA) || isNaN(minutesA) || isNaN(hoursB) || isNaN(minutesB)) { return dateA.getTime() - dateB.getTime(); } const dateTimeA = new Date(dateA); dateTimeA.setHours(hoursA, minutesA, 0, 0); const dateTimeB = new Date(dateB); dateTimeB.setHours(hoursB, minutesB, 0, 0); // Check if bookings are in the past or future const aIsPast = dateTimeA < now; const bIsPast = dateTimeB < now; // Future bookings come before past bookings if (aIsPast && !bIsPast) { return 1; // a goes after b (past booking goes to end) } if (!aIsPast && bIsPast) { return -1; // a goes before b (future booking goes to beginning) } // For future bookings: sort by nearest first (ascending) if (!aIsPast && !bIsPast) { return dateTimeA.getTime() - dateTimeB.getTime(); } // For past bookings: sort by most recent first (descending) return dateTimeB.getTime() - dateTimeA.getTime(); }); const clearMessages = ()=>{ setError(""); setSuccess(""); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-green-50 to-blue-50 p-4", __source: { fileName: "", lineNumber: 489, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 490, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-xl p-6 mb-6", __source: { fileName: "", lineNumber: 492, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 493, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-800 mb-4 md:mb-0", __source: { fileName: "", lineNumber: 494, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-horse-head text-green-600 mr-3", __source: { fileName: "", lineNumber: 495, columnNumber: 15 }, __self: this }), "Boka häst"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 499, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("all-bookings"), className: `px-4 py-2 rounded-lg font-medium transition-colors ${currentView === "all-bookings" ? "bg-green-600 text-white" : "bg-gray-200 text-gray-700 hover:bg-gray-300"}`, __source: { fileName: "", lineNumber: 500, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-list mr-2", __source: { fileName: "", lineNumber: 508, columnNumber: 17 }, __self: this }), "Alla bokningar"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("booking"), className: `px-4 py-2 rounded-lg font-medium transition-colors ${currentView === "booking" ? "bg-green-600 text-white" : "bg-gray-200 text-gray-700 hover:bg-gray-300"}`, __source: { fileName: "", lineNumber: 511, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 519, columnNumber: 17 }, __self: this }), "Ny bokning"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowDeleteForm(true), className: "px-4 py-2 rounded-lg font-medium bg-red-600 text-white hover:bg-red-700 transition-colors", __source: { fileName: "", lineNumber: 522, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash mr-2", __source: { fileName: "", lineNumber: 526, columnNumber: 17 }, __self: this }), "Radera bokning"), !isAdmin ? /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAdminLogin(true), className: "px-4 py-2 rounded-lg font-medium bg-blue-600 text-white hover:bg-blue-700 transition-colors", __source: { fileName: "", lineNumber: 530, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-shield mr-2", __source: { fileName: "", lineNumber: 534, columnNumber: 19 }, __self: this }), "Admin") : /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("admin"), className: `px-4 py-2 rounded-lg font-medium transition-colors ${currentView === "admin" ? "bg-blue-600 text-white" : "bg-blue-200 text-blue-700 hover:bg-blue-300"}`, __source: { fileName: "", lineNumber: 537, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog mr-2", __source: { fileName: "", lineNumber: 545, columnNumber: 19 }, __self: this }), "Admin-panel")))), (error || success) && /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 554, columnNumber: 11 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4 mb-4", __source: { fileName: "", lineNumber: 556, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 557, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-red-700", __source: { fileName: "", lineNumber: 558, columnNumber: 19 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { onClick: clearMessages, className: "text-red-500 hover:text-red-700", __source: { fileName: "", lineNumber: 559, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 563, columnNumber: 21 }, __self: this })))), success && /*#__PURE__*/ React.createElement("div", { className: "bg-green-50 border border-green-200 rounded-lg p-4", __source: { fileName: "", lineNumber: 569, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 570, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-green-700", __source: { fileName: "", lineNumber: 571, columnNumber: 19 }, __self: this }, success), /*#__PURE__*/ React.createElement("button", { onClick: clearMessages, className: "text-green-500 hover:text-green-700", __source: { fileName: "", lineNumber: 572, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 576, columnNumber: 21 }, __self: this }))))), showAdminLogin && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 586, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl p-6 w-full max-w-md", __source: { fileName: "", lineNumber: 587, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 588, columnNumber: 15 }, __self: this }, "Admin-inloggning"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 591, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 592, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 593, columnNumber: 19 }, __self: this }, "Lösenord"), /*#__PURE__*/ React.createElement("input", { type: "password", value: adminPassword, onChange: (e)=>setAdminPassword(e.target.value), className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", placeholder: "Ange admin-lösenord", onKeyPress: (e)=>e.key === "Enter" && handleAdminLogin(), __source: { fileName: "", lineNumber: 596, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3", __source: { fileName: "", lineNumber: 605, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleAdminLogin, className: "flex-1 bg-blue-600 text-white py-2 px-4 rounded-lg hover:bg-blue-700 transition-colors", __source: { fileName: "", lineNumber: 606, columnNumber: 19 }, __self: this }, "Logga in"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowAdminLogin(false); setAdminPassword(""); }, className: "flex-1 bg-gray-300 text-gray-700 py-2 px-4 rounded-lg hover:bg-gray-400 transition-colors", __source: { fileName: "", lineNumber: 612, columnNumber: 19 }, __self: this }, "Avbryt"))))), showDeleteForm && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 629, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl p-6 w-full max-w-md", __source: { fileName: "", lineNumber: 630, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 631, columnNumber: 15 }, __self: this }, "Radera bokning"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 634, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 635, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 636, columnNumber: 19 }, __self: this }, "Boknings-ID"), /*#__PURE__*/ React.createElement("input", { type: "number", value: deleteBookingId, onChange: (e)=>setDeleteBookingId(e.target.value), className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-red-500 focus:border-transparent", placeholder: "Ange boknings-ID", __source: { fileName: "", lineNumber: 639, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 647, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 648, columnNumber: 19 }, __self: this }, "Din e-post"), /*#__PURE__*/ React.createElement("input", { type: "email", value: deleteEmail, onChange: (e)=>setDeleteEmail(e.target.value), className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-red-500 focus:border-transparent", placeholder: "Ange din e-post för verifiering", __source: { fileName: "", lineNumber: 651, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3", __source: { fileName: "", lineNumber: 659, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleDeleteBooking, className: "flex-1 bg-red-600 text-white py-2 px-4 rounded-lg hover:bg-red-700 transition-colors", __source: { fileName: "", lineNumber: 660, columnNumber: 19 }, __self: this }, "Radera bokning"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowDeleteForm(false); setDeleteBookingId(""); setDeleteEmail(""); }, className: "flex-1 bg-gray-300 text-gray-700 py-2 px-4 rounded-lg hover:bg-gray-400 transition-colors", __source: { fileName: "", lineNumber: 666, columnNumber: 19 }, __self: this }, "Avbryt"))))), currentView === "all-bookings" && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-xl p-6", __source: { fileName: "", lineNumber: 684, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-start md:items-center mb-6 gap-4", __source: { fileName: "", lineNumber: 685, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 686, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-check text-green-600 mr-2", __source: { fileName: "", lineNumber: 687, columnNumber: 17 }, __self: this }), "Alla bokningar (", bookings.length, ")"), loading && /*#__PURE__*/ React.createElement("div", { className: "text-gray-500", __source: { fileName: "", lineNumber: 692, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 693, columnNumber: 19 }, __self: this }), "Laddar...")), sortedBookings.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 699, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-gray-400 mb-4", __source: { fileName: "", lineNumber: 700, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-times text-6xl", __source: { fileName: "", lineNumber: 701, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-gray-600 mb-2", __source: { fileName: "", lineNumber: 703, columnNumber: 17 }, __self: this }, "Inga bokningar hittades"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 mb-6", __source: { fileName: "", lineNumber: 706, columnNumber: 17 }, __self: this }, "Skapa din första bokning för att komma igång!"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentView("booking"), className: "bg-green-600 text-white px-6 py-3 rounded-lg hover:bg-green-700 transition-colors font-medium", __source: { fileName: "", lineNumber: 709, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 713, columnNumber: 19 }, __self: this }), "Skapa första bokning")) : /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 717, columnNumber: 15 }, __self: this }, sortedBookings.map((booking)=>{ const bookingIsToday = isToday(booking.booking_date); const bookingIsTomorrow = isTomorrow(booking.booking_date); return /*#__PURE__*/ React.createElement("div", { key: booking.id, className: `p-6 rounded-xl border-l-4 shadow-sm hover:shadow-md transition-all duration-200 ${bookingIsToday ? "bg-blue-50 border-blue-500 hover:bg-blue-100" : bookingIsTomorrow ? "bg-yellow-50 border-yellow-500 hover:bg-yellow-100" : "bg-white border-green-500 hover:bg-gray-50"}`, __source: { fileName: "", lineNumber: 723, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:items-center justify-between", __source: { fileName: "", lineNumber: 733, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 734, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-3", __source: { fileName: "", lineNumber: 735, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 736, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `px-3 py-1 rounded-full text-sm font-medium ${bookingIsToday ? "bg-blue-100 text-blue-800" : bookingIsTomorrow ? "bg-yellow-100 text-yellow-800" : "bg-gray-100 text-gray-800"}`, __source: { fileName: "", lineNumber: 737, columnNumber: 31 }, __self: this }, bookingIsToday ? "Idag" : bookingIsTomorrow ? "Imorgon" : formatDateShort(booking.booking_date)), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 752, columnNumber: 31 }, __self: this }, "ID: ", booking.id))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 758, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 759, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-horse text-green-600 mr-3 w-5", __source: { fileName: "", lineNumber: 760, columnNumber: 31 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 761, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 762, columnNumber: 33 }, __self: this }, booking.horse_name), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 765, columnNumber: 33 }, __self: this }, "Häst"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 771, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-blue-600 mr-3 w-5", __source: { fileName: "", lineNumber: 772, columnNumber: 31 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 773, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 774, columnNumber: 33 }, __self: this }, booking.rider_name), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 777, columnNumber: 33 }, __self: this }, "Ryttare"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 783, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-purple-600 mr-3 w-5", __source: { fileName: "", lineNumber: 784, columnNumber: 31 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 785, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 786, columnNumber: 33 }, __self: this }, formatTime(booking.start_time), " -", " ", formatTime(booking.end_time)), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 790, columnNumber: 33 }, __self: this }, "Tid")))), booking.notes && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-3 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 796, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 797, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sticky-note text-gray-400 mr-2 mt-1", __source: { fileName: "", lineNumber: 798, columnNumber: 33 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 799, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 800, columnNumber: 35 }, __self: this }, "Anteckningar:"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 803, columnNumber: 35 }, __self: this }, booking.notes))))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 md:mt-0 md:ml-6", __source: { fileName: "", lineNumber: 812, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 813, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg font-bold text-gray-800", __source: { fileName: "", lineNumber: 814, columnNumber: 29 }, __self: this }, formatDateWithDay(booking.booking_date)), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500 mt-1", __source: { fileName: "", lineNumber: 817, columnNumber: 29 }, __self: this }, new Date(booking.booking_date).getFullYear()))))); }))), currentView === "booking" && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-xl p-6", __source: { fileName: "", lineNumber: 832, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-800 mb-6", __source: { fileName: "", lineNumber: 833, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus-circle text-green-600 mr-2", __source: { fileName: "", lineNumber: 834, columnNumber: 15 }, __self: this }), "Skapa ny bokning"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 838, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 839, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 840, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 841, columnNumber: 19 }, __self: this }, "Häst"), /*#__PURE__*/ React.createElement("select", { value: selectedHorse, onChange: (e)=>setSelectedHorse(e.target.value), className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent", __source: { fileName: "", lineNumber: 844, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 849, columnNumber: 21 }, __self: this }, "Välj en häst"), horses.map((horse)=>/*#__PURE__*/ React.createElement("option", { key: horse.id, value: horse.id, __source: { fileName: "", lineNumber: 851, columnNumber: 23 }, __self: this }, horse.name, " - ", horse.description)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 858, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 859, columnNumber: 19 }, __self: this }, "Ryttare"), /*#__PURE__*/ React.createElement("select", { value: selectedRider, onChange: (e)=>setSelectedRider(e.target.value), className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent", __source: { fileName: "", lineNumber: 862, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 867, columnNumber: 21 }, __self: this }, "Välj en ryttare"), riders.map((rider)=>/*#__PURE__*/ React.createElement("option", { key: rider.id, value: rider.id, __source: { fileName: "", lineNumber: 869, columnNumber: 23 }, __self: this }, rider.name)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 876, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 877, columnNumber: 19 }, __self: this }, "Datum"), /*#__PURE__*/ React.createElement("input", { type: "date", value: bookingDate, onChange: (e)=>setBookingDate(e.target.value), className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent", __source: { fileName: "", lineNumber: 880, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 888, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 889, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 890, columnNumber: 21 }, __self: this }, "Starttid"), /*#__PURE__*/ React.createElement("input", { type: "time", value: startTime, onChange: (e)=>setStartTime(e.target.value), className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent", __source: { fileName: "", lineNumber: 893, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 900, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 901, columnNumber: 21 }, __self: this }, "Sluttid"), /*#__PURE__*/ React.createElement("input", { type: "time", value: endTime, onChange: (e)=>setEndTime(e.target.value), className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent", __source: { fileName: "", lineNumber: 904, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 914, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 915, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 916, columnNumber: 19 }, __self: this }, "Anteckningar"), /*#__PURE__*/ React.createElement("textarea", { value: notes, onChange: (e)=>setNotes(e.target.value), rows: 3, className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent", placeholder: "Valfria anteckningar om bokningen", __source: { fileName: "", lineNumber: 919, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 928, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 929, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: isRecurring, onChange: (e)=>setIsRecurring(e.target.checked), className: "mr-2", __source: { fileName: "", lineNumber: 930, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 936, columnNumber: 21 }, __self: this }, "Återkommande bokning"))), isRecurring && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 944, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 945, columnNumber: 23 }, __self: this }, "Upprepningsmönster"), /*#__PURE__*/ React.createElement("select", { value: recurringPattern, onChange: (e)=>setRecurringPattern(e.target.value), className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent", __source: { fileName: "", lineNumber: 948, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "daily", __source: { fileName: "", lineNumber: 953, columnNumber: 25 }, __self: this }, "Dagligen"), /*#__PURE__*/ React.createElement("option", { value: "weekly", __source: { fileName: "", lineNumber: 954, columnNumber: 25 }, __self: this }, "Veckovis"), /*#__PURE__*/ React.createElement("option", { value: "monthly", __source: { fileName: "", lineNumber: 955, columnNumber: 25 }, __self: this }, "Månadsvis"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 959, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 960, columnNumber: 23 }, __self: this }, "Slutdatum"), /*#__PURE__*/ React.createElement("input", { type: "date", value: recurringEndDate, onChange: (e)=>setRecurringEndDate(e.target.value), className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent", __source: { fileName: "", lineNumber: 963, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { onClick: handleCreateBooking, disabled: loading, className: "w-full bg-green-600 text-white py-3 px-4 rounded-lg hover:bg-green-700 transition-colors font-medium disabled:opacity-50", __source: { fileName: "", lineNumber: 973, columnNumber: 17 }, __self: this }, loading ? "Skapar..." : "Skapa bokning")))), currentView === "admin" && isAdmin && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 986, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-xl p-6", __source: { fileName: "", lineNumber: 988, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-800 mb-6", __source: { fileName: "", lineNumber: 989, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-horse text-blue-600 mr-2", __source: { fileName: "", lineNumber: 990, columnNumber: 17 }, __self: this }), "Hantera hästar"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 994, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 995, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-700 mb-4", __source: { fileName: "", lineNumber: 996, columnNumber: 19 }, __self: this }, "Lägg till ny häst"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 999, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: horseName, onChange: (e)=>setHorseName(e.target.value), placeholder: "Hästnamn", className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 1000, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { value: horseDescription, onChange: (e)=>setHorseDescription(e.target.value), placeholder: "Hästbeskrivning", rows: 3, className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 1007, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleAddHorse, className: "w-full bg-blue-600 text-white py-2 px-4 rounded-lg hover:bg-blue-700 transition-colors", __source: { fileName: "", lineNumber: 1014, columnNumber: 21 }, __self: this }, "Lägg till häst"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1023, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-700 mb-4", __source: { fileName: "", lineNumber: 1024, columnNumber: 19 }, __self: this }, "Nuvarande hästar"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 max-h-64 overflow-y-auto", __source: { fileName: "", lineNumber: 1027, columnNumber: 19 }, __self: this }, horses.map((horse)=>/*#__PURE__*/ React.createElement("div", { key: horse.id, className: "flex justify-between items-center p-3 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 1029, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1033, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-medium text-gray-800", __source: { fileName: "", lineNumber: 1034, columnNumber: 27 }, __self: this }, horse.name), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1037, columnNumber: 27 }, __self: this }, horse.description)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleRemoveHorse(horse.id), className: "text-red-600 hover:text-red-800 transition-colors", __source: { fileName: "", lineNumber: 1041, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 1045, columnNumber: 27 }, __self: this })))))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-xl p-6", __source: { fileName: "", lineNumber: 1055, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-800 mb-6", __source: { fileName: "", lineNumber: 1056, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-blue-600 mr-2", __source: { fileName: "", lineNumber: 1057, columnNumber: 17 }, __self: this }), "Hantera ryttare"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 1061, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1062, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-700 mb-4", __source: { fileName: "", lineNumber: 1063, columnNumber: 19 }, __self: this }, "Lägg till ny ryttare"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1066, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: riderName, onChange: (e)=>setRiderName(e.target.value), placeholder: "Ryttarens namn", className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 1067, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", value: riderEmail, onChange: (e)=>setRiderEmail(e.target.value), placeholder: "Ryttarens e-post", className: "w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 1074, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleAddRider, className: "w-full bg-blue-600 text-white py-2 px-4 rounded-lg hover:bg-blue-700 transition-colors", __source: { fileName: "", lineNumber: 1081, columnNumber: 21 }, __self: this }, "Lägg till ryttare"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1090, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-700 mb-4", __source: { fileName: "", lineNumber: 1091, columnNumber: 19 }, __self: this }, "Nuvarande ryttare"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 max-h-64 overflow-y-auto", __source: { fileName: "", lineNumber: 1094, columnNumber: 19 }, __self: this }, riders.map((rider)=>/*#__PURE__*/ React.createElement("div", { key: rider.id, className: "flex justify-between items-center p-3 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 1096, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1100, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-medium text-gray-800", __source: { fileName: "", lineNumber: 1101, columnNumber: 27 }, __self: this }, rider.name), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1104, columnNumber: 27 }, __self: this }, rider.email)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleRemoveRider(rider.id), className: "text-red-600 hover:text-red-800 transition-colors", __source: { fileName: "", lineNumber: 1108, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 1112, columnNumber: 27 }, __self: this })))))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-xl p-6", __source: { fileName: "", lineNumber: 1122, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-800 mb-6", __source: { fileName: "", lineNumber: 1123, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-check text-blue-600 mr-2", __source: { fileName: "", lineNumber: 1124, columnNumber: 17 }, __self: this }), "Hantera bokningar"), /*#__PURE__*/ React.createElement("div", { className: "mb-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 1128, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 1129, columnNumber: 17 }, __self: this }, "Totalt antal bokningar: ", bookings.length), /*#__PURE__*/ React.createElement("button", { onClick: handleDeleteAllBookings, className: "px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors font-medium", __source: { fileName: "", lineNumber: 1132, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash-alt mr-2", __source: { fileName: "", lineNumber: 1136, columnNumber: 19 }, __self: this }), "Radera alla bokningar")), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 1140, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full table-auto", __source: { fileName: "", lineNumber: 1141, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 1142, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-gray-100", __source: { fileName: "", lineNumber: 1143, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left font-semibold text-gray-700", __source: { fileName: "", lineNumber: 1144, columnNumber: 23 }, __self: this }, "ID"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left font-semibold text-gray-700", __source: { fileName: "", lineNumber: 1147, columnNumber: 23 }, __self: this }, "Datum"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left font-semibold text-gray-700", __source: { fileName: "", lineNumber: 1150, columnNumber: 23 }, __self: this }, "Tid"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left font-semibold text-gray-700", __source: { fileName: "", lineNumber: 1153, columnNumber: 23 }, __self: this }, "Häst"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left font-semibold text-gray-700", __source: { fileName: "", lineNumber: 1156, columnNumber: 23 }, __self: this }, "Ryttare"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left font-semibold text-gray-700", __source: { fileName: "", lineNumber: 1159, columnNumber: 23 }, __self: this }, "Anteckningar"), /*#__PURE__*/ React.createElement("th", { className: "px-4 py-3 text-left font-semibold text-gray-700", __source: { fileName: "", lineNumber: 1162, columnNumber: 23 }, __self: this }, "Åtgärder"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 1167, columnNumber: 19 }, __self: this }, bookings.map((booking, index)=>/*#__PURE__*/ React.createElement("tr", { key: booking.id, className: index % 2 === 0 ? "bg-white" : "bg-gray-50", __source: { fileName: "", lineNumber: 1169, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm text-gray-900", __source: { fileName: "", lineNumber: 1173, columnNumber: 25 }, __self: this }, booking.id), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm text-gray-900", __source: { fileName: "", lineNumber: 1176, columnNumber: 25 }, __self: this }, formatDateWithDay(booking.booking_date)), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm text-gray-900", __source: { fileName: "", lineNumber: 1179, columnNumber: 25 }, __self: this }, formatTime(booking.start_time), " -", " ", formatTime(booking.end_time)), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm text-gray-900", __source: { fileName: "", lineNumber: 1183, columnNumber: 25 }, __self: this }, booking.horse_name), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm text-gray-900", __source: { fileName: "", lineNumber: 1186, columnNumber: 25 }, __self: this }, booking.rider_name), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm text-gray-900", __source: { fileName: "", lineNumber: 1189, columnNumber: 25 }, __self: this }, booking.notes ? /*#__PURE__*/ React.createElement("span", { className: "text-xs bg-gray-100 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 1191, columnNumber: 29 }, __self: this }, booking.notes.length > 30 ? booking.notes.substring(0, 30) + "..." : booking.notes) : /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 1197, columnNumber: 29 }, __self: this }, "Inga anteckningar")), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 1202, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleAdminDeleteBooking(booking.id), className: "text-red-600 hover:text-red-800 transition-colors", title: "Radera bokning", __source: { fileName: "", lineNumber: 1203, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 1208, columnNumber: 29 }, __self: this }))))))), bookings.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 text-gray-500", __source: { fileName: "", lineNumber: 1217, columnNumber: 19 }, __self: this }, "Inga bokningar hittades.")))))); }

Boka häst

Alla bokningar (0)

Inga bokningar hittades