function BookingConfirmation({ bookingId, type, date, time, location, pickupLocation, dropoffLocation }) { const getServiceIcon = ()=>{ switch(type){ case 'bodyguard': return 'fa-user-shield'; case 'driver': return 'fa-car'; default: return 'fa-calendar-check'; } }; const getServiceColor = ()=>{ switch(type){ case 'bodyguard': return 'bg-[#4B7BFF]'; case 'driver': return 'bg-[#47C9A2]'; default: return 'bg-[#FFB74B]'; } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white font-roboto", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "fixed top-0 w-full bg-white shadow-sm z-50", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center px-4 py-3", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-gray-800", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-arrow-left text-xl", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "ml-4 text-xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Подтверждение заказа"))), /*#__PURE__*/ React.createElement("main", { className: "pt-16 px-4 pb-20", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `${getServiceColor()} rounded-2xl p-6 mb-6 text-white`, __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fa-solid ${getServiceIcon()} text-3xl`, __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-3 text-lg font-medium", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Заказ подтвержден")), /*#__PURE__*/ React.createElement("p", { className: "text-white/80", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Номер заказа: #", bookingId)), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl p-6 shadow-md mb-6", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "Детали заказа"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-calendar text-[#FFB74B] w-6", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-3 text-gray-800", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, date)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-clock text-[#FFB74B] w-6", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-3 text-gray-800", __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }, time)), type === 'driver' ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-location-dot text-[#FFB74B] w-6", __source: { fileName: "", lineNumber: 64, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-3 text-gray-800", __source: { fileName: "", lineNumber: 65, columnNumber: 19 }, __self: this }, "Откуда: ", pickupLocation)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 67, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-location-dot text-[#FFB74B] w-6", __source: { fileName: "", lineNumber: 68, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-3 text-gray-800", __source: { fileName: "", lineNumber: 69, columnNumber: 19 }, __self: this }, "Куда: ", dropoffLocation))) : /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-location-dot text-[#FFB74B] w-6", __source: { fileName: "", lineNumber: 74, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-3 text-gray-800", __source: { fileName: "", lineNumber: 75, columnNumber: 17 }, __self: this }, location)))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl p-6 shadow-md", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, "Следующие шаги"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 bg-[#FFB74B] rounded-full flex items-center justify-center text-white flex-shrink-0", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }, "1"), /*#__PURE__*/ React.createElement("div", { className: "ml-4", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium text-gray-800", __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }, "Ожидайте подтверждения"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 92, columnNumber: 17 }, __self: this }, "Мы свяжемся с вами в ближайшее время"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 bg-[#FFB74B] rounded-full flex items-center justify-center text-white flex-shrink-0", __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }, "2"), /*#__PURE__*/ React.createElement("div", { className: "ml-4", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium text-gray-800", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, "Детали в приложении"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 101, columnNumber: 17 }, __self: this }, 'Следите за статусом в разделе "Бронирования"')))))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 left-4 right-4", __source: { fileName: "", lineNumber: 108, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/bookings", className: "block w-full bg-[#FFB74B] text-white font-medium py-4 rounded-xl text-center hover:bg-[#FFA73B] transition-colors", __source: { fileName: "", lineNumber: 109, columnNumber: 9 }, __self: this }, "Мои бронирования"))); } function BookingConfirmationStory() { const bodyguardBooking = { bookingId: "BG12345", type: "bodyguard", date: "2025-02-15", time: "14:00", location: "ул. Достык 12" }; const driverBooking = { bookingId: "DR12345", type: "driver", date: "2025-02-15", time: "15:30", pickupLocation: "ул. Абая 44", dropoffLocation: "Аэропорт Алматы" }; return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 139, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 140, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 141, columnNumber: 9 }, __self: this }, "Подтверждение заказа телохранителя"), /*#__PURE__*/ React.createElement(BookingConfirmation, { ...bodyguardBooking, __source: { fileName: "", lineNumber: 142, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 144, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-4", __source: { fileName: "", lineNumber: 145, columnNumber: 9 }, __self: this }, "Подтверждение заказа водителя"), /*#__PURE__*/ React.createElement(BookingConfirmation, { ...driverBooking, __source: { fileName: "", lineNumber: 146, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [date, setDate] = useState(""); const [time, setTime] = useState(""); const [location, setLocation] = useState(""); const [selectedPlan, setSelectedPlan] = useState("standard"); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [bookingConfirmation, setBookingConfirmation] = useState(null); const [searchResults, setSearchResults] = useState([]); const [showMap, setShowMap] = useState(false); const [language, setLanguage] = useState("ru"); // Load language preference on component mount useEffect(()=>{ const urlParams = new URLSearchParams(window.location.search); const langParam = urlParams.get("lang"); const savedLanguage = langParam || localStorage.getItem("language") || "ru"; setLanguage(savedLanguage); localStorage.setItem("language", savedLanguage); }, []); // Handle language change const changeLanguage = (lang)=>{ setLanguage(lang); localStorage.setItem("language", lang); const urlParams = new URLSearchParams(window.location.search); urlParams.set("lang", lang); window.history.replaceState({}, "", `${window.location.pathname}?${urlParams}`); }; // Translations const translations = { ru: { title: "Заказать телохранителя", selectTariff: "Выберите тариф", standard: "STANDARD", standardDesc: "1 телохранитель", comfort: "COMFORT", comfortDesc: "1 вооруженный телохранитель", business: "BUSINESS", businessDesc: "2 и более вооруженных телохранителя", date: "Дата", time: "Время", location: "Локация", locationPlaceholder: "Введите адрес в Алматы", hideMap: "Скрыть карту", showMap: "Выбрать на карте", submitButton: "Заказать телохранителя", submitting: "Отправка заявки..." }, kz: { title: "Қорғаушы шақыру", selectTariff: "Тарифті таңдаңыз", standard: "STANDARD", standardDesc: "1 қорғаушы", comfort: "COMFORT", comfortDesc: "1 қарулы қорғаушы", business: "BUSINESS", businessDesc: "2 және одан көп қарулы қорғаушы", date: "Күні", time: "Уақыты", location: "Орналасу", locationPlaceholder: "Алматыдағы мекенжайды енгізіңіз", hideMap: "Картаны жасыру", showMap: "Картадан таңдау", submitButton: "Қорғаушы шақыру", submitting: "Өтініш жіберілуде..." } }; const t = translations[language]; const plans = [ { id: "standard", name: t.standard, description: t.standardDesc, icon: "fa-solid fa-shield-halved", bgColor: "from-[#FFB74B] to-[#FFA000]" }, { id: "comfort", name: t.comfort, description: t.comfortDesc, icon: "fa-solid fa-shield-heart", bgColor: "from-[#43A047] to-[#2E7D32]" }, { id: "business", name: t.business, description: t.businessDesc, icon: "fa-solid fa-shield-cat", bgColor: "from-[#5C6BC0] to-[#3949AB]" } ]; const handleLocationSearch = async (input)=>{ if (!input) { setSearchResults([]); return; } try { const response = await fetch(`/integrations/google-place-autocomplete/autocomplete/json?input=${encodeURIComponent(input)}&components=country:kz|locality:almaty&radius=500`); const data = await response.json(); if (data.predictions) { setSearchResults(data.predictions); } } catch (err) { console.error("Error fetching locations:", err); } }; const handleLocationSelect = (prediction)=>{ setLocation(prediction.description); setSearchResults([]); }; const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); try { const response = await fetch("/api/bookings/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ type: "bodyguard", date, time, location, plan_type: selectedPlan }) }); const data = await response.json(); if (data.error) { throw new Error(data.error); } setBookingConfirmation(data.request); } catch (err) { setError(err.message); } finally{ setLoading(false); } }; if (bookingConfirmation) { return /*#__PURE__*/ React.createElement(BookingConfirmation, { bookingId: bookingConfirmation.bookingId, type: bookingConfirmation.type, date: bookingConfirmation.date, time: bookingConfirmation.time, location: bookingConfirmation.location, plan: bookingConfirmation.plan_type, __source: { fileName: "", lineNumber: 162, columnNumber: 7 }, __self: this }); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#121212] font-sf-pro text-white", __source: { fileName: "", lineNumber: 174, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "fixed top-0 left-0 right-0 bg-[#1A1A1A] shadow-lg z-50", __source: { fileName: "", lineNumber: 176, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between px-6 py-4", __source: { fileName: "", lineNumber: 177, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 178, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: `/?lang=${language}`, className: "text-white", __source: { fileName: "", lineNumber: 179, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-arrow-left text-xl", __source: { fileName: "", lineNumber: 180, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "ml-4 text-xl font-medium", __source: { fileName: "", lineNumber: 182, columnNumber: 13 }, __self: this }, t.title)), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 184, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>changeLanguage("kz"), className: `text-2xl transition-opacity ${language === "kz" ? "ring-2 ring-[#FFB74B] rounded-lg opacity-100 px-1" : "opacity-60 hover:opacity-100"}`, __source: { fileName: "", lineNumber: 185, columnNumber: 13 }, __self: this }, "🇰🇿"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>changeLanguage("ru"), className: `text-2xl transition-opacity ${language === "ru" ? "ring-2 ring-[#FFB74B] rounded-lg opacity-100 px-1" : "opacity-60 hover:opacity-100"}`, __source: { fileName: "", lineNumber: 195, columnNumber: 13 }, __self: this }, "🇷🇺")))), /*#__PURE__*/ React.createElement("main", { className: "pt-20 px-6 pb-24", __source: { fileName: "", lineNumber: 209, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 210, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 211, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium mb-4", __source: { fileName: "", lineNumber: 212, columnNumber: 13 }, __self: this }, t.selectTariff), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-4", __source: { fileName: "", lineNumber: 215, columnNumber: 13 }, __self: this }, plans.map((plan)=>/*#__PURE__*/ React.createElement("button", { key: plan.id, type: "button", onClick: ()=>setSelectedPlan(plan.id), className: `w-full relative rounded-xl overflow-hidden transition-all duration-300 hover:scale-[1.02] hover:shadow-xl h-32 ${selectedPlan === plan.id ? "ring-2 ring-[#FFB74B]" : "ring-1 ring-gray-700"}`, __source: { fileName: "", lineNumber: 217, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `absolute inset-0 bg-gradient-to-br ${plan.bgColor}`, __source: { fileName: "", lineNumber: 227, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-3", __source: { fileName: "", lineNumber: 230, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${plan.icon} text-white text-4xl`, __source: { fileName: "", lineNumber: 231, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white font-bold text-xl tracking-wider", __source: { fileName: "", lineNumber: 232, columnNumber: 23 }, __self: this }, plan.name)), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 left-0 right-0 p-3 bg-black/30", __source: { fileName: "", lineNumber: 236, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white/90 text-sm", __source: { fileName: "", lineNumber: 237, columnNumber: 23 }, __self: this }, plan.description))))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 247, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium mb-3", __source: { fileName: "", lineNumber: 248, columnNumber: 13 }, __self: this }, t.date), /*#__PURE__*/ React.createElement("input", { type: "date", value: date, onChange: (e)=>setDate(e.target.value), className: "w-full px-5 py-4 rounded-xl bg-[#2A2A2A] text-white border border-gray-700 focus:outline-none focus:ring-2 focus:ring-[#FFB74B]", required: true, __source: { fileName: "", lineNumber: 249, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 258, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium mb-3", __source: { fileName: "", lineNumber: 259, columnNumber: 13 }, __self: this }, t.time), /*#__PURE__*/ React.createElement("input", { type: "time", value: time, onChange: (e)=>setTime(e.target.value), className: "w-full px-5 py-4 rounded-xl bg-[#2A2A2A] text-white border border-gray-700 focus:outline-none focus:ring-2 focus:ring-[#FFB74B]", required: true, __source: { fileName: "", lineNumber: 260, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 269, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium mb-3", __source: { fileName: "", lineNumber: 270, columnNumber: 13 }, __self: this }, t.location), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 273, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: location, onChange: (e)=>{ setLocation(e.target.value); handleLocationSearch(e.target.value); }, placeholder: t.locationPlaceholder, className: "w-full px-5 py-4 rounded-xl bg-[#2A2A2A] text-white border border-gray-700 focus:outline-none focus:ring-2 focus:ring-[#FFB74B]", required: true, __source: { fileName: "", lineNumber: 274, columnNumber: 15 }, __self: this }), searchResults.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "absolute z-10 w-full mt-1 bg-[#2A2A2A] rounded-xl shadow-lg border border-gray-700 max-h-60 overflow-auto", __source: { fileName: "", lineNumber: 286, columnNumber: 17 }, __self: this }, searchResults.map((result)=>/*#__PURE__*/ React.createElement("button", { key: result.place_id, type: "button", onClick: ()=>handleLocationSelect(result), className: "w-full text-left px-5 py-3 text-white hover:bg-[#363636] focus:bg-[#363636]", __source: { fileName: "", lineNumber: 288, columnNumber: 21 }, __self: this }, result.description)))), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setShowMap(!showMap), className: "mt-3 text-[#FFB74B] font-medium flex items-center gap-2", __source: { fileName: "", lineNumber: 300, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-map-location-dot", __source: { fileName: "", lineNumber: 305, columnNumber: 15 }, __self: this }), showMap ? t.hideMap : t.showMap), showMap && /*#__PURE__*/ React.createElement("div", { className: "mt-3 h-64 rounded-xl overflow-hidden", __source: { fileName: "", lineNumber: 309, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { title: "Карта Алматы", width: "100%", height: "100%", frameBorder: "0", src: "https://www.google.com/maps/embed/v1/place?key=YOUR_API_KEY&q=Almaty,Kazakhstan", allowFullScreen: true, __source: { fileName: "", lineNumber: 310, columnNumber: 17 }, __self: this }))), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-900/50 text-red-400 p-4 rounded-xl border border-red-800", __source: { fileName: "", lineNumber: 323, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: `w-full bg-gradient-to-r from-[#FFB74B] to-[#FFA000] text-white font-medium py-4 rounded-xl ${loading ? "opacity-50 cursor-not-allowed" : "hover:from-[#FFA73B] hover:to-[#FF9100] transform transition-all duration-300 hover:scale-[1.02]"}`, __source: { fileName: "", lineNumber: 328, columnNumber: 11 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 338, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-circle-notch animate-spin", __source: { fileName: "", lineNumber: 339, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 340, columnNumber: 17 }, __self: this }, t.submitting)) : t.submitButton))), /*#__PURE__*/ React.createElement("nav", { className: "fixed bottom-0 w-full bg-[#1A1A1A] border-t border-gray-800", __source: { fileName: "", lineNumber: 350, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-around px-6 py-4", __source: { fileName: "", lineNumber: 351, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: `/?lang=${language}`, className: "text-gray-400", __source: { fileName: "", lineNumber: 352, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-house-chimney-window text-3xl", __source: { fileName: "", lineNumber: 353, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: `/profile?lang=${language}`, className: "text-gray-400", __source: { fileName: "", lineNumber: 355, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-circle-user text-3xl", __source: { fileName: "", lineNumber: 356, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: `/bookings?lang=${language}`, className: "text-gray-400", __source: { fileName: "", lineNumber: 358, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-calendar-check text-3xl", __source: { fileName: "", lineNumber: 359, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: `/support?lang=${language}`, className: "text-gray-400", __source: { fileName: "", lineNumber: 361, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-solid fa-headset text-3xl", __source: { fileName: "", lineNumber: 362, columnNumber: 13 }, __self: this }))))); }