function MainComponent() { const [ownerId, setOwnerId] = useState(""); const [password, setPassword] = useState(""); const [owner, setOwner] = useState(null); const [reservations, setReservations] = useState([]); const [showAddReservationForm, setShowAddReservationForm] = useState(false); const [newReservation, setNewReservation] = useState({ customer_name: "", customer_email: "", customer_phone: "", start_date: "", end_date: "", start_time: "", end_time: "", rental_type: "daily", yacht_name: "", total_price: "", currency: "TRY", passenger_count: 1, notes: "" }); const [showPaymentForm, setShowPaymentForm] = useState(false); const [selectedReservation, setSelectedReservation] = useState(null); const [newPayment, setNewPayment] = useState({ amount: "", payment_method: "cash", notes: "" }); const [error, setError] = useState(null); const [showReservationDetails, setShowReservationDetails] = useState(false); const [editMode, setEditMode] = useState(false); const [editedReservation, setEditedReservation] = useState(null); const [showPaymentDetails, setShowPaymentDetails] = useState(false); const [selectedPayments, setSelectedPayments] = useState([]); const [showPaymentHistory, setShowPaymentHistory] = useState(false); const [loading, setLoading] = useState(false); const [paymentLoading, setPaymentLoading] = useState(false); const [deferredPrompt, setDeferredPrompt] = useState(null); const [showInstallPrompt, setShowInstallPrompt] = useState(false); const currencies = { TRY: "₺", USD: "$", EUR: "€", GBP: "£" }; const languages = { en: { name: "English", flag: "🇬🇧" }, tr: { name: "Türkçe", flag: "🇹🇷" } }; const [currentLanguage, setCurrentLanguage] = useState("tr"); const [isTranslating, setIsTranslating] = useState(false); const [activeTab, setActiveTab] = useState("all"); const [language, setLanguage] = useState("tr"); // Default language is Turkish const [translations, setTranslations] = useState({ tr: { title: "Yat Rezervasyon Sistemi", welcome: "Yat sahibi panelinize hoş geldiniz", login: { title: "Giriş Yap", ownerId: "Yat Sahibi ID", password: "Şifre", enterOwnerId: "ID'nizi girin", enterPassword: "Şifrenizi girin", idPasswordRequired: "ID ve şifre alanları zorunludur", invalidCredentials: "Geçersiz kullanıcı ID veya şifre", userNotFound: "Kullanıcı bilgileri alınamadı", accountInactive: "Bu hesap şu anda aktif değil", sessionExpired: "Oturum süresi doldu, lütfen tekrar giriş yapın", invalidSession: "Oturum bilgileri geçersiz, lütfen tekrar giriş yapın" }, dashboard: { title: "Yat Yönetim Paneli", welcome: "Hoş geldiniz", newReservation: "Yeni Rezervasyon", calendar: "Takvim", history: "Geçmiş", logout: "Çıkış", allReservations: "Tüm Rezervasyonlar", newReservations: "Yeni Rezervasyonlar", noReservations: "Rezervasyon bulunamadı", notifications: "Bildirimler", unreadNotifications: "Okunmamış bildirimler" }, reservation: { new: { title: "Yeni Rezervasyon", yachtName: "Yat Adı", passengerCount: "Kişi Sayısı", customerName: "Müşteri Adı", email: "E-posta", phone: "Telefon", rentalType: "Kiralama Tipi", daily: "Günlük", hourly: "Saatlik", startDate: "Başlangıç Tarihi", endDate: "Bitiş Tarihi", startTime: "Başlangıç Saati", endTime: "Bitiş Saati", totalPrice: "Toplam Fiyat", currency: "Para Birimi", cancel: "İptal", save: "Kaydet", requiredFields: "Lütfen tüm zorunlu alanları doldurun", invalidDates: "Bitiş tarihi başlangıç tarihinden önce olamaz", timeRequired: "Saatlik kiralama için başlangıç ve bitiş saati gereklidir", createError: "Rezervasyon oluşturulamadı" }, status: { pending: "Beklemede", approved: "Onaylandı", rejected: "Reddedildi", cancelled: "İptal Edildi" }, details: { title: "Rezervasyon Detayları", edit: "Rezervasyon Düzenle", yachtInfo: "Yat Bilgileri", customerInfo: "Müşteri Bilgileri", reservationDates: "Rezervasyon Tarihleri", paymentInfo: "Ödeme Bilgileri", notes: "Notlar", addNotes: "Rezervasyon ile ilgili notlar...", paymentHistory: "Ödeme Geçmişi", noPayments: "Henüz ödeme yapılmamış", approve: "Onayla", reject: "Reddet", cancel: "İptal Et", edit: "Düzenle", save: "Kaydet", confirmCancel: "Bu rezervasyonu iptal etmek istediğinizden emin misiniz?", updateError: "Rezervasyon güncellenemedi", cancelError: "Rezervasyon iptal edilemedi", paid: "Ödenen", remaining: "Kalan" } }, payment: { title: "Ödeme Ekle", amount: "Ödeme Tutarı", method: "Ödeme Yöntemi", cash: "Nakit", creditCard: "Kredi Kartı", bankTransfer: "Banka Transferi", notes: "Notlar", cancel: "İptal", add: "Ödeme Ekle", history: "Ödeme Geçmişi", paid: "Ödenen", remaining: "Kalan", addError: "Ödeme eklenemedi", loadError: "Ödemeler alınamadı" }, errors: { general: "Bir hata oluştu", network: "Ağ hatası oluştu", session: "Oturum hatası", validation: "Doğrulama hatası", unauthorized: "Yetkisiz erişim" }, notifications: { success: "İşlem başarılı", error: "Hata oluştu", warning: "Uyarı", info: "Bilgi" }, install: { title: "Uygulamayı Yükle", description: "Daha iyi bir deneyim için uygulamayı ana ekranınıza ekleyin", install: "Yükle", cancel: "Kapat" } }, en: { title: "Yacht Reservation System", welcome: "Welcome to your yacht owner panel", login: { title: "Login", ownerId: "Yacht Owner ID", password: "Password", enterOwnerId: "Enter your ID", enterPassword: "Enter your password", idPasswordRequired: "ID and password fields are required", invalidCredentials: "Invalid user ID or password", userNotFound: "User information could not be found", accountInactive: "This account is currently inactive", sessionExpired: "Session expired, please login again", invalidSession: "Invalid session information, please login again" }, dashboard: { title: "Yacht Management Panel", welcome: "Welcome", newReservation: "New Reservation", calendar: "Calendar", history: "History", logout: "Logout", allReservations: "All Reservations", newReservations: "New Reservations", noReservations: "No reservations found", notifications: "Notifications", unreadNotifications: "Unread notifications" }, reservation: { new: { title: "New Reservation", yachtName: "Yacht Name", passengerCount: "Passenger Count", customerName: "Customer Name", email: "Email", phone: "Phone", rentalType: "Rental Type", daily: "Daily", hourly: "Hourly", startDate: "Start Date", endDate: "End Date", startTime: "Start Time", endTime: "End Time", totalPrice: "Total Price", currency: "Currency", cancel: "Cancel", save: "Save", requiredFields: "Please fill in all required fields", invalidDates: "End date cannot be before start date", timeRequired: "Start and end time are required for hourly rentals", createError: "Could not create reservation" }, status: { pending: "Pending", approved: "Approved", rejected: "Rejected", cancelled: "Cancelled" }, details: { title: "Reservation Details", edit: "Edit Reservation", yachtInfo: "Yacht Information", customerInfo: "Customer Information", reservationDates: "Reservation Dates", paymentInfo: "Payment Information", notes: "Notes", addNotes: "Notes about the reservation...", paymentHistory: "Payment History", noPayments: "No payments made yet", approve: "Approve", reject: "Reject", cancel: "Cancel", edit: "Edit", save: "Save", confirmCancel: "Are you sure you want to cancel this reservation?", updateError: "Could not update reservation", cancelError: "Could not cancel reservation", paid: "Paid", remaining: "Remaining" } }, payment: { title: "Add Payment", amount: "Payment Amount", method: "Payment Method", cash: "Cash", creditCard: "Credit Card", bankTransfer: "Bank Transfer", notes: "Notes", cancel: "Cancel", add: "Add Payment", history: "Payment History", paid: "Paid", remaining: "Remaining", addError: "Could not add payment", loadError: "Could not load payments" }, errors: { general: "An error occurred", network: "Network error", session: "Session error", validation: "Validation error", unauthorized: "Unauthorized access" }, notifications: { success: "Operation successful", error: "Error occurred", warning: "Warning", info: "Information" }, install: { title: "Install App", description: "Add this app to your home screen for a better experience", install: "Install", cancel: "Close" } } }); // Language toggle component const LanguageToggle = ()=>/*#__PURE__*/ React.createElement("div", { className: "fixed top-4 right-4 z-50", __source: { fileName: "", lineNumber: 305, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-2", __source: { fileName: "", lineNumber: 306, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 307, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setLanguage("tr"), className: `flex items-center space-x-2 px-3 py-2 rounded-lg transition-colors ${language === "tr" ? "bg-blue-100 text-blue-800" : "hover:bg-gray-100"}`, __source: { fileName: "", lineNumber: 308, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xl", __source: { fileName: "", lineNumber: 316, columnNumber: 13 }, __self: this }, "🇹🇷"), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 317, columnNumber: 13 }, __self: this }, "Türkçe")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setLanguage("en"), className: `flex items-center space-x-2 px-3 py-2 rounded-lg transition-colors ${language === "en" ? "bg-blue-100 text-blue-800" : "hover:bg-gray-100"}`, __source: { fileName: "", lineNumber: 319, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xl", __source: { fileName: "", lineNumber: 327, columnNumber: 13 }, __self: this }, "🇬🇧"), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 328, columnNumber: 13 }, __self: this }, "English"))))); // Get translation helper const t = (path)=>{ const keys = path.split("."); let value = translations[language]; for (const key of keys){ value = value[key]; if (!value) return path; // Return path if translation not found } return value; }; const handleLanguageChange = async (code)=>{ setIsTranslating(true); try { const response = await fetch("/integrations/google-translate/language/translate/v2", { method: "POST", body: new URLSearchParams({ q: "Yat Rezervasyon Sistemi", target: code }) }); if (!response.ok) { throw new Error("Translation failed"); } const data = await response.json(); setCurrentLanguage(code); } catch (err) { console.error("Translation error:", err); } finally{ setIsTranslating(false); } }; useEffect(()=>{ const checkSession = ()=>{ try { const session = localStorage.getItem("yachtSession"); if (session) { const { ownerData, expiry } = JSON.parse(session); if (expiry > Date.now()) { setOwner(ownerData); setOwnerId(ownerData.id); fetchData(ownerData.id); } else { localStorage.removeItem("yachtSession"); setOwner(null); setOwnerId(""); setError("Oturum süresi doldu, lütfen tekrar giriş yapın"); } } } catch (err) { console.error("Session kontrol hatası:", err); localStorage.removeItem("yachtSession"); setOwner(null); setOwnerId(""); setError("Oturum bilgileri geçersiz, lütfen tekrar giriş yapın"); } }; checkSession(); }, []); const fetchData = async (ownerIdParam)=>{ if (!ownerId && !ownerIdParam) return; setLoading(true); setError(null); try { const ownerResponse = await fetch("/api/owners/verify", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ owner_id: ownerIdParam || ownerId, password: password || localStorage.getItem("yachtPassword") }) }); if (!ownerResponse.ok) { throw new Error("Geçersiz kullanıcı ID veya şifre"); } const ownerData = await ownerResponse.json(); if (!ownerData || !ownerData.owner) { throw new Error("Kullanıcı bilgileri alınamadı"); } if (!ownerData.owner.is_active) { throw new Error("Bu hesap şu anda aktif değil"); } setOwner(ownerData.owner); const reservationsResponse = await fetch("/api/reservations/list", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ owner_id: ownerIdParam || ownerId }) }); if (!reservationsResponse.ok) { throw new Error("Rezervasyonlar alınamadı"); } const reservationsData = await reservationsResponse.json(); setReservations(reservationsData.reservations || []); const fetchAnnouncements = async ()=>{ try { const response = await fetch("/api/announcements/list", { method: "POST" }); if (!response.ok) { throw new Error("Duyurular alınamadı"); } const data = await response.json(); const activeAnnouncements = (data.announcements || []).filter((a)=>a.is_active); setAnnouncements(activeAnnouncements); const last24Hours = new Date(Date.now() - 24 * 60 * 60 * 1000); const unread = activeAnnouncements.filter((a)=>new Date(a.created_at) > last24Hours).length; setUnreadAnnouncements(unread); } catch (err) { console.error("Duyuru yükleme hatası:", err); } }; if (owner) { fetchAnnouncements(); } } catch (err) { console.error("Veri yükleme hatası:", err); setError(err.message); setOwner(null); localStorage.removeItem("yachtSession"); localStorage.removeItem("yachtPassword"); } finally{ setLoading(false); } }; const handleLogin = async ()=>{ if (!ownerId || !password) { setError("ID ve şifre alanları zorunludur"); return; } setLoading(true); setError(null); try { const ownerResponse = await fetch("/api/owners/verify", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ owner_id: ownerId, password }) }); if (!ownerResponse.ok) { throw new Error("Geçersiz kullanıcı ID veya şifre"); } const ownerData = await ownerResponse.json(); if (!ownerData || !ownerData.owner) { throw new Error("Kullanıcı bilgileri alınamadı"); } if (!ownerData.owner.is_active) { throw new Error("Bu hesap şu anda aktif değil"); } const expiry = Date.now() + 5 * 60 * 60 * 1000; localStorage.setItem("yachtSession", JSON.stringify({ ownerData: ownerData.owner, expiry })); localStorage.setItem("yachtPassword", password); setOwner(ownerData.owner); await fetchData(ownerData.owner.id); } catch (err) { console.error("Giriş hatası:", err); setError(err.message); setOwner(null); localStorage.removeItem("yachtSession"); localStorage.removeItem("yachtPassword"); } finally{ setLoading(false); } }; const handleLogout = ()=>{ localStorage.removeItem("yachtSession"); localStorage.removeItem("yachtPassword"); setOwner(null); setOwnerId(""); setPassword(""); setReservations([]); setError(null); }; const fetchPayments = async (reservationId)=>{ if (!reservationId) return; setPaymentLoading(true); setError(null); setSelectedPayments([]); try { const response = await fetch("/api/payments/list", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ reservation_id: reservationId }) }); if (!response.ok) { const errorData = await response.json(); throw new Error(errorData.error || "Ödemeler alınamadı"); } const data = await response.json(); if (!data.payments) { throw new Error("Ödeme verisi alınamadı"); } const sortedPayments = data.payments.sort((a, b)=>new Date(b.payment_date) - new Date(a.payment_date)); setSelectedPayments(sortedPayments); } catch (err) { console.error("Ödeme yükleme hatası:", err); setError(err.message); } finally{ setPaymentLoading(false); } }; const renderNewReservationForm = ()=>/*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 591, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 w-full max-w-2xl max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 592, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 593, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold", __source: { fileName: "", lineNumber: 594, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus-circle text-blue-500 mr-2", __source: { fileName: "", lineNumber: 595, columnNumber: 13 }, __self: this }), t("reservation.new.title")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAddReservationForm(false), className: "text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 598, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 602, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleAddReservation, className: "space-y-4", __source: { fileName: "", lineNumber: 606, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 607, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 608, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 609, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-ship mr-2", __source: { fileName: "", lineNumber: 610, columnNumber: 17 }, __self: this }), t("reservation.new.yachtName")), /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full px-4 py-2 rounded-lg border focus:ring-2 focus:ring-blue-200", value: newReservation.yacht_name, onChange: (e)=>setNewReservation({ ...newReservation, yacht_name: e.target.value }), required: true, __source: { fileName: "", lineNumber: 613, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 626, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 627, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users mr-2", __source: { fileName: "", lineNumber: 628, columnNumber: 17 }, __self: this }), t("reservation.new.passengerCount")), /*#__PURE__*/ React.createElement("input", { type: "number", min: "1", className: "w-full px-4 py-2 rounded-lg border focus:ring-2 focus:ring-blue-200", value: newReservation.passenger_count, onChange: (e)=>setNewReservation({ ...newReservation, passenger_count: parseInt(e.target.value) || 1 }), required: true, __source: { fileName: "", lineNumber: 631, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 645, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 646, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 647, columnNumber: 17 }, __self: this }), t("reservation.new.customerName")), /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full px-4 py-2 rounded-lg border focus:ring-2 focus:ring-blue-200", value: newReservation.customer_name, onChange: (e)=>setNewReservation({ ...newReservation, customer_name: e.target.value }), required: true, __source: { fileName: "", lineNumber: 650, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 663, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 664, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-2", __source: { fileName: "", lineNumber: 665, columnNumber: 17 }, __self: this }), t("reservation.new.email")), /*#__PURE__*/ React.createElement("input", { type: "email", className: "w-full px-4 py-2 rounded-lg border focus:ring-2 focus:ring-blue-200", value: newReservation.customer_email, onChange: (e)=>setNewReservation({ ...newReservation, customer_email: e.target.value }), required: true, __source: { fileName: "", lineNumber: 668, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 681, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 682, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone mr-2", __source: { fileName: "", lineNumber: 683, columnNumber: 17 }, __self: this }), t("reservation.new.phone")), /*#__PURE__*/ React.createElement("input", { type: "tel", className: "w-full px-4 py-2 rounded-lg border focus:ring-2 focus:ring-blue-200", value: newReservation.customer_phone, onChange: (e)=>setNewReservation({ ...newReservation, customer_phone: e.target.value }), required: true, __source: { fileName: "", lineNumber: 686, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 699, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 700, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 701, columnNumber: 17 }, __self: this }), t("reservation.new.rentalType")), /*#__PURE__*/ React.createElement("select", { className: "w-full px-4 py-2 rounded-lg border focus:ring-2 focus:ring-blue-200", value: newReservation.rental_type, onChange: (e)=>setNewReservation({ ...newReservation, rental_type: e.target.value }), required: true, __source: { fileName: "", lineNumber: 704, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "daily", __source: { fileName: "", lineNumber: 715, columnNumber: 17 }, __self: this }, "Günlük"), /*#__PURE__*/ React.createElement("option", { value: "hourly", __source: { fileName: "", lineNumber: 716, columnNumber: 17 }, __self: this }, "Saatlik"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 719, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 720, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar mr-2", __source: { fileName: "", lineNumber: 721, columnNumber: 17 }, __self: this }), t("reservation.new.startDate")), /*#__PURE__*/ React.createElement("input", { type: "date", className: "w-full px-4 py-2 rounded-lg border focus:ring-2 focus:ring-blue-200", value: newReservation.start_date, onChange: (e)=>setNewReservation({ ...newReservation, start_date: e.target.value }), required: true, __source: { fileName: "", lineNumber: 724, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 737, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 738, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar mr-2", __source: { fileName: "", lineNumber: 739, columnNumber: 17 }, __self: this }), t("reservation.new.endDate")), /*#__PURE__*/ React.createElement("input", { type: "date", className: "w-full px-4 py-2 rounded-lg border focus:ring-2 focus:ring-blue-200", value: newReservation.end_date, onChange: (e)=>setNewReservation({ ...newReservation, end_date: e.target.value }), required: true, __source: { fileName: "", lineNumber: 742, columnNumber: 15 }, __self: this })), newReservation.rental_type === "hourly" && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 757, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 758, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 759, columnNumber: 21 }, __self: this }), t("reservation.new.startTime")), /*#__PURE__*/ React.createElement("input", { type: "time", className: "w-full px-4 py-2 rounded-lg border focus:ring-2 focus:ring-blue-200", value: newReservation.start_time, onChange: (e)=>setNewReservation({ ...newReservation, start_time: e.target.value }), required: true, __source: { fileName: "", lineNumber: 762, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 775, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 776, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 777, columnNumber: 21 }, __self: this }), t("reservation.new.endTime")), /*#__PURE__*/ React.createElement("input", { type: "time", className: "w-full px-4 py-2 rounded-lg border focus:ring-2 focus:ring-blue-200", value: newReservation.end_time, onChange: (e)=>setNewReservation({ ...newReservation, end_time: e.target.value }), required: true, __source: { fileName: "", lineNumber: 780, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2", __source: { fileName: "", lineNumber: 795, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 796, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-money-bill mr-2", __source: { fileName: "", lineNumber: 797, columnNumber: 17 }, __self: this }), t("reservation.new.totalPrice")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 800, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", step: "0.01", className: "flex-1 px-4 py-2 rounded-lg border focus:ring-2 focus:ring-blue-200", value: newReservation.total_price, onChange: (e)=>setNewReservation({ ...newReservation, total_price: e.target.value }), required: true, __source: { fileName: "", lineNumber: 801, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("select", { className: "w-24 px-4 py-2 rounded-lg border focus:ring-2 focus:ring-blue-200", value: newReservation.currency, onChange: (e)=>setNewReservation({ ...newReservation, currency: e.target.value }), __source: { fileName: "", lineNumber: 814, columnNumber: 17 }, __self: this }, Object.keys(currencies).map((curr)=>/*#__PURE__*/ React.createElement("option", { key: curr, value: curr, __source: { fileName: "", lineNumber: 825, columnNumber: 21 }, __self: this }, curr)))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-2 mt-6", __source: { fileName: "", lineNumber: 834, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setShowAddReservationForm(false), className: "px-6 py-2 text-gray-600 hover:text-gray-800", __source: { fileName: "", lineNumber: 835, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times mr-2", __source: { fileName: "", lineNumber: 840, columnNumber: 15 }, __self: this }), t("reservation.new.cancel")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white px-6 py-2 rounded-lg hover:bg-blue-600", __source: { fileName: "", lineNumber: 843, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-save mr-2", __source: { fileName: "", lineNumber: 847, columnNumber: 15 }, __self: this }), t("reservation.new.save")))))); const renderMobileReservation = (reservation)=>/*#__PURE__*/ React.createElement("div", { key: reservation.id, className: "bg-white rounded-lg shadow-sm p-4 mb-4", __source: { fileName: "", lineNumber: 857, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-3", __source: { fileName: "", lineNumber: 861, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 862, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium text-gray-900", __source: { fileName: "", lineNumber: 863, columnNumber: 11 }, __self: this }, reservation.yacht_name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 866, columnNumber: 11 }, __self: this }, reservation.customer_name)), /*#__PURE__*/ React.createElement("span", { className: `px-2 py-1 rounded-full text-xs font-medium ${reservation.status === "approved" ? "bg-green-100 text-green-800" : reservation.status === "rejected" ? "bg-red-100 text-red-800" : reservation.status === "cancelled" ? "bg-gray-100 text-gray-800" : "bg-yellow-100 text-yellow-800"}`, __source: { fileName: "", lineNumber: 868, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `mr-1 fas ${reservation.status === "approved" ? "fa-check" : reservation.status === "rejected" ? "fa-times" : reservation.status === "cancelled" ? "fa-ban" : "fa-clock"}`, __source: { fileName: "", lineNumber: 879, columnNumber: 11 }, __self: this }), reservation.status === "approved" ? t("reservation.status.approved") : reservation.status === "rejected" ? t("reservation.status.rejected") : reservation.status === "cancelled" ? t("reservation.status.cancelled") : t("reservation.status.pending"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-2 text-sm mb-3", __source: { fileName: "", lineNumber: 900, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 901, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar mr-1 text-gray-500", __source: { fileName: "", lineNumber: 902, columnNumber: 11 }, __self: this }), new Date(reservation.start_date).toLocaleDateString()), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 905, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-money-bill mr-1 text-gray-500", __source: { fileName: "", lineNumber: 906, columnNumber: 11 }, __self: this }), currencies[reservation.currency], reservation.total_price), reservation.rental_type === "hourly" && /*#__PURE__*/ React.createElement("div", { className: "col-span-2", __source: { fileName: "", lineNumber: 911, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-1 text-gray-500", __source: { fileName: "", lineNumber: 912, columnNumber: 13 }, __self: this }), reservation.start_time, " - ", reservation.end_time), /*#__PURE__*/ React.createElement("div", { className: "col-span-2", __source: { fileName: "", lineNumber: 916, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: async ()=>{ await fetchPayments(reservation.id); setSelectedReservation(reservation); setShowPaymentHistory(true); }, className: "text-blue-600 hover:text-blue-800 text-sm", __source: { fileName: "", lineNumber: 917, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-credit-card mr-1", __source: { fileName: "", lineNumber: 925, columnNumber: 13 }, __self: this }), t("payment.paid"), ": ", currencies[reservation.currency], reservation.paid_amount, " / ", currencies[reservation.currency], reservation.total_price, " (", (reservation.paid_amount / reservation.total_price * 100).toFixed(1), "%)"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-2 border-t pt-3", __source: { fileName: "", lineNumber: 938, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: `/rezervasyon-detay?id=${reservation.id}`, className: "text-blue-500 hover:text-blue-700", title: t("reservation.details.title"), __source: { fileName: "", lineNumber: 939, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-eye", __source: { fileName: "", lineNumber: 944, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setSelectedReservation(reservation); setEditMode(true); setEditedReservation({ ...reservation }); setShowReservationDetails(true); }, className: "text-green-500 hover:text-green-700", title: t("reservation.details.edit"), __source: { fileName: "", lineNumber: 946, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit", __source: { fileName: "", lineNumber: 956, columnNumber: 11 }, __self: this })), reservation.status !== "cancelled" && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleCancelReservation(reservation.id), className: "text-red-500 hover:text-red-700", title: t("reservation.details.cancel"), __source: { fileName: "", lineNumber: 960, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-ban", __source: { fileName: "", lineNumber: 965, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setSelectedReservation(reservation); setShowPaymentForm(true); }, className: "text-green-500 hover:text-green-700", title: t("payment.add"), __source: { fileName: "", lineNumber: 967, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus-circle", __source: { fileName: "", lineNumber: 975, columnNumber: 15 }, __self: this }))))); const handleAddReservation = async (e)=>{ e.preventDefault(); setLoading(true); setError(null); try { // Validate required fields if (!newReservation.yacht_name || !newReservation.customer_name || !newReservation.customer_email || !newReservation.customer_phone || !newReservation.start_date || !newReservation.end_date || !newReservation.total_price) { throw new Error("Lütfen tüm zorunlu alanları doldurun"); } // Validate dates const startDate = new Date(newReservation.start_date); const endDate = new Date(newReservation.end_date); if (endDate < startDate) { throw new Error("Bitiş tarihi başlangıç tarihinden önce olamaz"); } // For hourly rentals, validate times if (newReservation.rental_type === "hourly") { if (!newReservation.start_time || !newReservation.end_time) { throw new Error("Saatlik kiralama için başlangıç ve bitiş saati gereklidir"); } } const response = await fetch("/api/reservations/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...newReservation, owner_id: owner.id, status: "pending" }) }); if (!response.ok) { const errorData = await response.json(); throw new Error(errorData.error || "Rezervasyon oluşturulamadı"); } // Reset form and refresh data setShowAddReservationForm(false); setNewReservation({ customer_name: "", customer_email: "", customer_phone: "", start_date: "", end_date: "", start_time: "", end_time: "", rental_type: "daily", yacht_name: "", total_price: "", currency: "TRY", passenger_count: 1, notes: "" }); // Refresh the reservations list await fetchData(owner.id); } catch (err) { console.error("Rezervasyon ekleme hatası:", err); setError(err.message); } finally{ setLoading(false); } }; const handleReservationStatus = async (reservationId, status)=>{ try { const response = await fetch("/api/reservations/update-status", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ reservation_id: reservationId, status }) }); if (!response.ok) { throw new Error("Rezervasyon durumu güncellenemedi"); } fetchData(); } catch (err) { setError(err.message); } }; const handleAddPayment = async (e)=>{ e.preventDefault(); if (!selectedReservation?.id || !newPayment.amount) return; setLoading(true); setError(null); try { const response = await fetch("/api/payments/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ reservation_id: selectedReservation.id, ...newPayment, currency: selectedReservation.currency }) }); if (!response.ok) { const data = await response.json(); throw new Error(data.error || "Ödeme eklenemedi"); } setShowPaymentForm(false); setSelectedReservation(null); setNewPayment({ amount: "", payment_method: "cash", notes: "" }); fetchData(); } catch (err) { console.error("Ödeme ekleme hatası:", err); setError(err.message); } finally{ setLoading(false); } }; const handleCancelReservation = async (reservationId)=>{ if (!reservationId) return; if (!window.confirm("Bu rezervasyonu iptal etmek istediğinizden emin misiniz?")) { return; } setLoading(true); setError(null); try { const response = await fetch("/api/reservations/update-status", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ reservation_id: reservationId, status: "cancelled" }) }); if (!response.ok) { throw new Error("Rezervasyon iptal edilemedi"); } setShowReservationDetails(false); setSelectedReservation(null); await fetchData(owner?.id); } catch (err) { console.error("Rezervasyon iptal hatası:", err); setError(err.message); } finally{ setLoading(false); } }; const handleUpdateReservation = async (e)=>{ e.preventDefault(); if (!editedReservation?.id || !owner?.id) return; setLoading(true); setError(null); try { const response = await fetch("/api/reservations/update", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...editedReservation, owner_id: owner.id }) }); if (!response.ok) { const data = await response.json(); throw new Error(data.error || "Rezervasyon güncellenemedi"); } setEditMode(false); setShowReservationDetails(false); setSelectedReservation(null); setEditedReservation(null); await fetchData(owner.id); } catch (err) { console.error("Rezervasyon güncelleme hatası:", err); setError(err.message); } finally{ setLoading(false); } }; const LoadingSpinner = ()=>/*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 1196, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-4", __source: { fileName: "", lineNumber: 1197, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500", __source: { fileName: "", lineNumber: 1198, columnNumber: 9 }, __self: this }))); const [announcements, setAnnouncements] = useState([]); const [showNotifications, setShowNotifications] = useState(false); const [unreadAnnouncements, setUnreadAnnouncements] = useState(0); useEffect(()=>{ window.addEventListener("beforeinstallprompt", (e)=>{ e.preventDefault(); setDeferredPrompt(e); setShowInstallPrompt(true); }); window.addEventListener("appinstalled", ()=>{ setShowInstallPrompt(false); setDeferredPrompt(null); alert("Uygulama başarıyla yüklendi!"); }); }, []); const handleInstallClick = async ()=>{ if (!deferredPrompt) return; deferredPrompt.prompt(); const { outcome } = await deferredPrompt.userChoice; if (outcome === "accepted") { setDeferredPrompt(null); } }; const translateText = (text, defaultText)=>{ return currentLanguage === "tr" ? defaultText : text; }; const filteredReservations = useMemo(()=>{ if (activeTab === "new") { return reservations.filter((reservation)=>{ const endDate = new Date(reservation.end_date); return endDate >= new Date(); }); } return reservations; }, [ reservations, activeTab ]); // SEO Meta Tags Component const SEOHead = ()=>{ const currentLang = language || "tr"; const seoData = { tr: { title: "Yat Rezervasyon Sistemi - Profesyonel Yat Kiralama Yönetimi", description: "Yat sahipleri için geliştirilmiş profesyonel rezervasyon yönetim sistemi. Rezervasyonlarınızı kolayca yönetin, ödemelerinizi takip edin ve müşterilerinizle iletişim kurun.", keywords: "yat kiralama, rezervasyon sistemi, yat yönetimi, tekne kiralama, marina yönetimi, yat rezervasyon, boat rental, yacht management", ogTitle: "Yat Rezervasyon Sistemi - Profesyonel Yat Kiralama Yönetimi", ogDescription: "Yat sahipleri için geliştirilmiş profesyonel rezervasyon yönetim sistemi. Rezervasyonlarınızı kolayca yönetin ve ödemelerinizi takip edin.", twitterTitle: "Yat Rezervasyon Sistemi", twitterDescription: "Profesyonel yat kiralama ve rezervasyon yönetim sistemi" }, en: { title: "Yacht Reservation System - Professional Yacht Rental Management", description: "Professional reservation management system developed for yacht owners. Easily manage your reservations, track payments and communicate with your customers.", keywords: "yacht rental, reservation system, yacht management, boat rental, marina management, yacht booking, yat kiralama, tekne kiralama", ogTitle: "Yacht Reservation System - Professional Yacht Rental Management", ogDescription: "Professional reservation management system developed for yacht owners. Easily manage your reservations and track payments.", twitterTitle: "Yacht Reservation System", twitterDescription: "Professional yacht rental and reservation management system" } }; const seo = seoData[currentLang]; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("title", { __source: { fileName: "", lineNumber: 1284, columnNumber: 9 }, __self: this }, seo.title), /*#__PURE__*/ React.createElement("meta", { name: "description", content: seo.description, __source: { fileName: "", lineNumber: 1285, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "keywords", content: seo.keywords, __source: { fileName: "", lineNumber: 1286, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "author", content: "Yat Rezervasyon Sistemi", __source: { fileName: "", lineNumber: 1287, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "robots", content: "index, follow", __source: { fileName: "", lineNumber: 1288, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0", __source: { fileName: "", lineNumber: 1289, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { httpEquiv: "Content-Language", content: currentLang, __source: { fileName: "", lineNumber: 1290, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:type", content: "website", __source: { fileName: "", lineNumber: 1293, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:title", content: seo.ogTitle, __source: { fileName: "", lineNumber: 1294, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:description", content: seo.ogDescription, __source: { fileName: "", lineNumber: 1295, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:url", content: "https://www.yatrez.online/", __source: { fileName: "", lineNumber: 1296, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:site_name", content: "Yat Rezervasyon Sistemi", __source: { fileName: "", lineNumber: 1297, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:locale", content: currentLang === "tr" ? "tr_TR" : "en_US", __source: { fileName: "", lineNumber: 1298, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:image", content: "https://www.yatrez.online/yacht-og-image.jpg", __source: { fileName: "", lineNumber: 1302, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:image:width", content: "1200", __source: { fileName: "", lineNumber: 1306, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:image:height", content: "630", __source: { fileName: "", lineNumber: 1307, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:image:alt", content: "Yat Rezervasyon Sistemi", __source: { fileName: "", lineNumber: 1308, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:card", content: "summary_large_image", __source: { fileName: "", lineNumber: 1311, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:title", content: seo.twitterTitle, __source: { fileName: "", lineNumber: 1312, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:description", content: seo.twitterDescription, __source: { fileName: "", lineNumber: 1313, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:image", content: "https://www.yatrez.online/yacht-twitter-image.jpg", __source: { fileName: "", lineNumber: 1314, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:image:alt", content: "Yat Rezervasyon Sistemi", __source: { fileName: "", lineNumber: 1318, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "theme-color", content: "#3B82F6", __source: { fileName: "", lineNumber: 1321, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "msapplication-TileColor", content: "#3B82F6", __source: { fileName: "", lineNumber: 1322, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "apple-mobile-web-app-capable", content: "yes", __source: { fileName: "", lineNumber: 1323, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "apple-mobile-web-app-status-bar-style", content: "default", __source: { fileName: "", lineNumber: 1324, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "apple-mobile-web-app-title", content: "Yat Rezervasyon", __source: { fileName: "", lineNumber: 1325, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "canonical", href: "https://www.yatrez.online/", __source: { fileName: "", lineNumber: 1328, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "alternate", hrefLang: "tr", href: "https://www.yatrez.online/", __source: { fileName: "", lineNumber: 1331, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "alternate", hrefLang: "en", href: "https://www.yatrez.online/?lang=en", __source: { fileName: "", lineNumber: 1332, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "alternate", hrefLang: "x-default", href: "https://www.yatrez.online/", __source: { fileName: "", lineNumber: 1337, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/x-icon", href: "/favicon.ico", __source: { fileName: "", lineNumber: 1344, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-touch-icon.png", __source: { fileName: "", lineNumber: 1345, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", sizes: "32x32", href: "/favicon-32x32.png", __source: { fileName: "", lineNumber: 1350, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", sizes: "16x16", href: "/favicon-16x16.png", __source: { fileName: "", lineNumber: 1356, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "manifest", href: "/site.webmanifest", __source: { fileName: "", lineNumber: 1362, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("script", { type: "application/ld+json", __source: { fileName: "", lineNumber: 1365, columnNumber: 9 }, __self: this }, JSON.stringify({ "@context": "https://schema.org", "@type": "WebApplication", name: currentLang === "tr" ? "Yat Rezervasyon Sistemi" : "Yacht Reservation System", description: seo.description, url: "https://www.yatrez.online/", applicationCategory: "BusinessApplication", operatingSystem: "Web Browser", offers: { "@type": "Offer", category: "Software" }, author: { "@type": "Organization", name: "Yat Rezervasyon Sistemi" }, inLanguage: [ currentLang === "tr" ? "tr-TR" : "en-US" ], potentialAction: { "@type": "UseAction", target: "https://www.yatrez.online/" } }))); }; if (!owner) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-500 to-purple-600 p-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 1398, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(SEOHead, { __source: { fileName: "", lineNumber: 1399, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(LanguageToggle, { __source: { fileName: "", lineNumber: 1400, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "max-w-md w-full bg-white rounded-xl shadow-2xl p-8", __source: { fileName: "", lineNumber: 1401, columnNumber: 9 }, __self: this }, isTranslating && /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center rounded-xl", __source: { fileName: "", lineNumber: 1403, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500", __source: { fileName: "", lineNumber: 1404, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 1407, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-ship text-5xl text-blue-500 mb-4", __source: { fileName: "", lineNumber: 1408, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 1409, columnNumber: 13 }, __self: this }, t("title")), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 1412, columnNumber: 13 }, __self: this }, t("welcome")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 1413, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://wa.me/905073663896", target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center space-x-2 bg-green-500 hover:bg-green-600 text-white px-4 py-2 rounded-lg transition-colors duration-200", __source: { fileName: "", lineNumber: 1414, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-whatsapp text-xl", __source: { fileName: "", lineNumber: 1420, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1421, columnNumber: 17 }, __self: this }, "WhatsApp İletişim")))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 1425, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1426, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-medium mb-2", __source: { fileName: "", lineNumber: 1427, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-id-card mr-2", __source: { fileName: "", lineNumber: 1428, columnNumber: 17 }, __self: this }), t("login.ownerId")), /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full px-4 py-3 rounded-lg border border-gray-300 focus:border-blue-500 focus:ring-2 focus:ring-blue-200 transition-colors", value: ownerId, onChange: (e)=>setOwnerId(e.target.value), placeholder: t("login.enterOwnerId"), __source: { fileName: "", lineNumber: 1431, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1439, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-medium mb-2", __source: { fileName: "", lineNumber: 1440, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock mr-2", __source: { fileName: "", lineNumber: 1441, columnNumber: 17 }, __self: this }), t("login.password")), /*#__PURE__*/ React.createElement("input", { type: "password", className: "w-full px-4 py-3 rounded-lg border border-gray-300 focus:border-blue-500 focus:ring-2 focus:ring-blue-200 transition-colors", value: password, onChange: (e)=>setPassword(e.target.value), placeholder: t("login.enterPassword"), __source: { fileName: "", lineNumber: 1444, columnNumber: 15 }, __self: this })), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border-l-4 border-red-500 text-red-700 p-4 rounded", __source: { fileName: "", lineNumber: 1453, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 1454, columnNumber: 17 }, __self: this }), error), /*#__PURE__*/ React.createElement("button", { onClick: handleLogin, className: "w-full bg-blue-500 hover:bg-blue-600 text-white font-medium py-3 rounded-lg transition-colors duration-200", __source: { fileName: "", lineNumber: 1458, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-in-alt mr-2", __source: { fileName: "", lineNumber: 1462, columnNumber: 15 }, __self: this }), t("login.title"))))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-blue-50 to-purple-50 flex flex-col", __source: { fileName: "", lineNumber: 1472, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SEOHead, { __source: { fileName: "", lineNumber: 1473, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(LanguageToggle, { __source: { fileName: "", lineNumber: 1474, columnNumber: 7 }, __self: this }), (loading || paymentLoading || isTranslating) && /*#__PURE__*/ React.createElement(LoadingSpinner, { __source: { fileName: "", lineNumber: 1475, columnNumber: 56 }, __self: this }), showInstallPrompt && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 left-4 right-4 bg-white rounded-lg shadow-xl p-4 z-50 md:w-96 md:left-4 md:right-auto", __source: { fileName: "", lineNumber: 1478, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 1479, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 1480, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download text-blue-500 text-xl", __source: { fileName: "", lineNumber: 1481, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1482, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 1483, columnNumber: 17 }, __self: this }, t("install.title")), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1486, columnNumber: 17 }, __self: this }, t("install.description")))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 1491, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowInstallPrompt(false), className: "text-gray-500 hover:text-gray-700 p-2", __source: { fileName: "", lineNumber: 1492, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 1496, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleInstallClick, className: "bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600 transition-colors", __source: { fileName: "", lineNumber: 1498, columnNumber: 15 }, __self: this }, t("install.install"))))), /*#__PURE__*/ React.createElement("div", { className: "flex-grow max-w-7xl mx-auto p-4 w-full", __source: { fileName: "", lineNumber: 1509, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-xl overflow-hidden", __source: { fileName: "", lineNumber: 1510, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-blue-500 to-purple-600 p-6", __source: { fileName: "", lineNumber: 1511, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0", __source: { fileName: "", lineNumber: 1512, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white text-center md:text-left w-full md:w-auto", __source: { fileName: "", lineNumber: 1513, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 1514, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-ship mr-3", __source: { fileName: "", lineNumber: 1515, columnNumber: 19 }, __self: this }), t("dashboard.title")), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-blue-100", __source: { fileName: "", lineNumber: 1518, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 1519, columnNumber: 19 }, __self: this }), t("dashboard.welcome"), ", ", owner.name)), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center md:justify-end gap-2 w-full md:w-auto", __source: { fileName: "", lineNumber: 1523, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAddReservationForm(true), className: "bg-white text-blue-600 px-4 py-2 rounded-lg font-medium hover:bg-blue-50 transition-colors duration-200 flex-1 md:flex-none min-w-[120px] flex items-center justify-center", __source: { fileName: "", lineNumber: 1524, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 1528, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1529, columnNumber: 19 }, __self: this }, t("dashboard.newReservation"))), /*#__PURE__*/ React.createElement("a", { href: "/takvim", className: "bg-white text-blue-600 px-4 py-2 rounded-lg font-medium hover:bg-blue-50 transition-colors duration-200 flex-1 md:flex-none min-w-[120px] flex items-center justify-center", __source: { fileName: "", lineNumber: 1531, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar mr-2", __source: { fileName: "", lineNumber: 1535, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1536, columnNumber: 19 }, __self: this }, t("dashboard.calendar"))), /*#__PURE__*/ React.createElement("a", { href: "/gecmis-rezervasyonlar", className: "bg-white text-blue-600 px-4 py-2 rounded-lg font-medium hover:bg-blue-50 transition-colors duration-200 flex-1 md:flex-none min-w-[120px] flex items-center justify-center", __source: { fileName: "", lineNumber: 1538, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-history mr-2", __source: { fileName: "", lineNumber: 1542, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1543, columnNumber: 19 }, __self: this }, t("dashboard.history"))), /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "bg-red-500 text-white px-4 py-2 rounded-lg font-medium hover:bg-red-600 transition-colors duration-200 flex-1 md:flex-none min-w-[120px] flex items-center justify-center", __source: { fileName: "", lineNumber: 1545, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt mr-2", __source: { fileName: "", lineNumber: 1549, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1550, columnNumber: 19 }, __self: this }, t("dashboard.logout")))))), /*#__PURE__*/ React.createElement("div", { className: "border-b border-gray-200", __source: { fileName: "", lineNumber: 1556, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 p-4", __source: { fileName: "", lineNumber: 1557, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("all"), className: `px-4 py-2 rounded-lg font-medium transition-colors duration-200 ${activeTab === "all" ? "bg-blue-100 text-blue-800" : "text-gray-600 hover:bg-gray-100"}`, __source: { fileName: "", lineNumber: 1558, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-list mr-2", __source: { fileName: "", lineNumber: 1566, columnNumber: 17 }, __self: this }), t("dashboard.allReservations")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("new"), className: `px-4 py-2 rounded-lg font-medium transition-colors duration-200 ${activeTab === "new" ? "bg-blue-100 text-blue-800" : "text-gray-600 hover:bg-gray-100"}`, __source: { fileName: "", lineNumber: 1569, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-alt mr-2", __source: { fileName: "", lineNumber: 1577, columnNumber: 17 }, __self: this }), t("dashboard.newReservations")))), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 1583, columnNumber: 11 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border-l-4 border-red-500 text-red-700 p-4 rounded mb-6", __source: { fileName: "", lineNumber: 1585, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 1586, columnNumber: 17 }, __self: this }), error), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1592, columnNumber: 13 }, __self: this }, filteredReservations.map((reservation)=>renderMobileReservation(reservation))), filteredReservations.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-500 py-8", __source: { fileName: "", lineNumber: 1599, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-times text-4xl mb-2", __source: { fileName: "", lineNumber: 1600, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1601, columnNumber: 17 }, __self: this }, t("dashboard.noReservations"))), showAddReservationForm && renderNewReservationForm(), showPaymentForm && selectedReservation && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 1609, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 max-w-md w-full mx-4", __source: { fileName: "", lineNumber: 1610, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 1611, columnNumber: 19 }, __self: this }, t("payment.title")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleAddPayment, __source: { fileName: "", lineNumber: 1614, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1615, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1616, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1617, columnNumber: 25 }, __self: this }, t("payment.amount"), " (", selectedReservation.currency, "):"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "0.01", min: "0", max: selectedReservation.total_price - selectedReservation.paid_amount, className: "w-full p-2 border rounded", value: newPayment.amount, onChange: (e)=>setNewPayment({ ...newPayment, amount: e.target.value }), required: true, __source: { fileName: "", lineNumber: 1621, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1640, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1641, columnNumber: 25 }, __self: this }, t("payment.method"), ":"), /*#__PURE__*/ React.createElement("select", { className: "w-full p-2 border rounded", value: newPayment.payment_method, onChange: (e)=>setNewPayment({ ...newPayment, payment_method: e.target.value }), required: true, __source: { fileName: "", lineNumber: 1644, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "cash", __source: { fileName: "", lineNumber: 1655, columnNumber: 27 }, __self: this }, t("payment.cash")), /*#__PURE__*/ React.createElement("option", { value: "credit_card", __source: { fileName: "", lineNumber: 1656, columnNumber: 27 }, __self: this }, t("payment.creditCard")), /*#__PURE__*/ React.createElement("option", { value: "bank_transfer", __source: { fileName: "", lineNumber: 1659, columnNumber: 27 }, __self: this }, t("payment.bankTransfer")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1664, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1665, columnNumber: 25 }, __self: this }, t("payment.notes"), ":"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 border rounded", value: newPayment.notes, onChange: (e)=>setNewPayment({ ...newPayment, notes: e.target.value }), rows: "3", __source: { fileName: "", lineNumber: 1668, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-2 mt-4", __source: { fileName: "", lineNumber: 1681, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>{ setShowPaymentForm(false); setSelectedReservation(null); }, className: "px-4 py-2 text-gray-600 hover:text-gray-800", __source: { fileName: "", lineNumber: 1682, columnNumber: 23 }, __self: this }, t("payment.cancel")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600", __source: { fileName: "", lineNumber: 1692, columnNumber: 23 }, __self: this }, t("payment.add")))))), showReservationDetails && selectedReservation && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 1705, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 max-w-2xl w-full mx-4 max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 1706, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 1707, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold", __source: { fileName: "", lineNumber: 1708, columnNumber: 21 }, __self: this }, editMode ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit text-blue-500 mr-2", __source: { fileName: "", lineNumber: 1711, columnNumber: 27 }, __self: this }), t("reservation.details.edit")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle text-blue-500 mr-2", __source: { fileName: "", lineNumber: 1716, columnNumber: 27 }, __self: this }), t("reservation.details.title"))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowReservationDetails(false); setEditMode(false); setEditedReservation(null); }, className: "text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 1721, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 1729, columnNumber: 23 }, __self: this }))), editMode ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleUpdateReservation, className: "space-y-4", __source: { fileName: "", lineNumber: 1734, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 1738, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1739, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1740, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-ship mr-2", __source: { fileName: "", lineNumber: 1741, columnNumber: 29 }, __self: this }), t("reservation.new.yachtName")), /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full p-2 border rounded", value: editedReservation.yacht_name, onChange: (e)=>setEditedReservation({ ...editedReservation, yacht_name: e.target.value }), required: true, __source: { fileName: "", lineNumber: 1744, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1757, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1758, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users mr-2", __source: { fileName: "", lineNumber: 1759, columnNumber: 29 }, __self: this }), t("reservation.new.passengerCount")), /*#__PURE__*/ React.createElement("input", { type: "number", min: "1", className: "w-full p-2 border rounded", value: editedReservation.passenger_count, onChange: (e)=>setEditedReservation({ ...editedReservation, passenger_count: parseInt(e.target.value) || 1 }), required: true, __source: { fileName: "", lineNumber: 1762, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1776, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1777, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 1778, columnNumber: 29 }, __self: this }), t("reservation.new.customerName")), /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full p-2 border rounded", value: editedReservation.customer_name, onChange: (e)=>setEditedReservation({ ...editedReservation, customer_name: e.target.value }), required: true, __source: { fileName: "", lineNumber: 1781, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1794, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1795, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-2", __source: { fileName: "", lineNumber: 1796, columnNumber: 29 }, __self: this }), t("reservation.new.email")), /*#__PURE__*/ React.createElement("input", { type: "email", className: "w-full p-2 border rounded", value: editedReservation.customer_email, onChange: (e)=>setEditedReservation({ ...editedReservation, customer_email: e.target.value }), required: true, __source: { fileName: "", lineNumber: 1799, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1812, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1813, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone mr-2", __source: { fileName: "", lineNumber: 1814, columnNumber: 29 }, __self: this }), t("reservation.new.phone")), /*#__PURE__*/ React.createElement("input", { type: "tel", className: "w-full p-2 border rounded", value: editedReservation.customer_phone, onChange: (e)=>setEditedReservation({ ...editedReservation, customer_phone: e.target.value }), required: true, __source: { fileName: "", lineNumber: 1817, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1830, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1831, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 1832, columnNumber: 29 }, __self: this }), t("reservation.new.rentalType")), /*#__PURE__*/ React.createElement("select", { className: "w-full p-2 border rounded", value: editedReservation.rental_type, onChange: (e)=>setEditedReservation({ ...editedReservation, rental_type: e.target.value }), required: true, __source: { fileName: "", lineNumber: 1835, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "daily", __source: { fileName: "", lineNumber: 1846, columnNumber: 29 }, __self: this }, "Günlük"), /*#__PURE__*/ React.createElement("option", { value: "hourly", __source: { fileName: "", lineNumber: 1847, columnNumber: 29 }, __self: this }, "Saatlik"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1850, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1851, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar mr-2", __source: { fileName: "", lineNumber: 1852, columnNumber: 29 }, __self: this }), t("reservation.new.startDate")), /*#__PURE__*/ React.createElement("input", { type: "date", className: "w-full p-2 border rounded", value: editedReservation.start_date, onChange: (e)=>setEditedReservation({ ...editedReservation, start_date: e.target.value }), required: true, __source: { fileName: "", lineNumber: 1855, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1868, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1869, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar mr-2", __source: { fileName: "", lineNumber: 1870, columnNumber: 29 }, __self: this }), t("reservation.new.endDate")), /*#__PURE__*/ React.createElement("input", { type: "date", className: "w-full p-2 border rounded", value: editedReservation.end_date, onChange: (e)=>setEditedReservation({ ...editedReservation, end_date: e.target.value }), required: true, __source: { fileName: "", lineNumber: 1873, columnNumber: 27 }, __self: this })), editedReservation.rental_type === "hourly" && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1888, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1889, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 1890, columnNumber: 33 }, __self: this }), t("reservation.new.startTime")), /*#__PURE__*/ React.createElement("input", { type: "time", className: "w-full p-2 border rounded", value: editedReservation.start_time || "", onChange: (e)=>setEditedReservation({ ...editedReservation, start_time: e.target.value }), required: true, __source: { fileName: "", lineNumber: 1893, columnNumber: 31 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1906, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1907, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 1908, columnNumber: 33 }, __self: this }), t("reservation.new.endTime")), /*#__PURE__*/ React.createElement("input", { type: "time", className: "w-full p-2 border rounded", value: editedReservation.end_time || "", onChange: (e)=>setEditedReservation({ ...editedReservation, end_time: e.target.value }), required: true, __source: { fileName: "", lineNumber: 1911, columnNumber: 31 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2", __source: { fileName: "", lineNumber: 1926, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1927, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-money-bill mr-2", __source: { fileName: "", lineNumber: 1928, columnNumber: 29 }, __self: this }), t("reservation.new.totalPrice")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 1931, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", step: "0.01", min: "0", className: "flex-1 p-2 border rounded", value: editedReservation.total_price, onChange: (e)=>setEditedReservation({ ...editedReservation, total_price: e.target.value }), required: true, __source: { fileName: "", lineNumber: 1932, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("select", { className: "w-24 p-2 border rounded", value: editedReservation.currency, onChange: (e)=>setEditedReservation({ ...editedReservation, currency: e.target.value }), __source: { fileName: "", lineNumber: 1946, columnNumber: 29 }, __self: this }, Object.keys(currencies).map((curr)=>/*#__PURE__*/ React.createElement("option", { key: curr, value: curr, __source: { fileName: "", lineNumber: 1957, columnNumber: 33 }, __self: this }, curr))))), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2", __source: { fileName: "", lineNumber: 1964, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1965, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sticky-note mr-2", __source: { fileName: "", lineNumber: 1966, columnNumber: 29 }, __self: this }), t("reservation.details.notes")), /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 border rounded", rows: "4", value: editedReservation.notes || "", onChange: (e)=>setEditedReservation({ ...editedReservation, notes: e.target.value }), placeholder: t("reservation.new.addNotes"), __source: { fileName: "", lineNumber: 1969, columnNumber: 27 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-2 mt-6", __source: { fileName: "", lineNumber: 1983, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>{ setEditMode(false); setEditedReservation(null); }, className: "px-4 py-2 text-gray-600 hover:text-gray-800", __source: { fileName: "", lineNumber: 1984, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times mr-2", __source: { fileName: "", lineNumber: 1992, columnNumber: 27 }, __self: this }), t("reservation.details.cancel")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600", __source: { fileName: "", lineNumber: 1995, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-save mr-2", __source: { fileName: "", lineNumber: 1999, columnNumber: 27 }, __self: this }), t("reservation.details.save")))) : /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 2005, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 2006, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 2007, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-600 mb-2", __source: { fileName: "", lineNumber: 2008, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-ship mr-2", __source: { fileName: "", lineNumber: 2009, columnNumber: 29 }, __self: this }), t("reservation.new.yachtName")), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 2012, columnNumber: 27 }, __self: this }, selectedReservation.yacht_name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 mt-1", __source: { fileName: "", lineNumber: 2015, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users mr-2", __source: { fileName: "", lineNumber: 2016, columnNumber: 29 }, __self: this }), selectedReservation.passenger_count, " Kişi")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 2020, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-600 mb-2", __source: { fileName: "", lineNumber: 2021, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 2022, columnNumber: 29 }, __self: this }), t("reservation.new.customerName")), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 2025, columnNumber: 27 }, __self: this }, selectedReservation.customer_name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 2026, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-2", __source: { fileName: "", lineNumber: 2027, columnNumber: 29 }, __self: this }), selectedReservation.customer_email), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 2030, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone mr-2", __source: { fileName: "", lineNumber: 2031, columnNumber: 29 }, __self: this }), selectedReservation.customer_phone)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 2035, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-600 mb-2", __source: { fileName: "", lineNumber: 2036, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar mr-2", __source: { fileName: "", lineNumber: 2037, columnNumber: 29 }, __self: this }), t("reservation.new.reservationDates")), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 2040, columnNumber: 27 }, __self: this }, new Date(selectedReservation.start_date).toLocaleDateString(), " ", "-", " ", new Date(selectedReservation.end_date).toLocaleDateString()), selectedReservation.rental_type === "hourly" && /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 2050, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 2051, columnNumber: 31 }, __self: this }), selectedReservation.start_time, " -", " ", selectedReservation.end_time)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 2057, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-600 mb-2", __source: { fileName: "", lineNumber: 2058, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-money-bill mr-2", __source: { fileName: "", lineNumber: 2059, columnNumber: 29 }, __self: this }), t("reservation.new.paymentInfo")), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-medium", __source: { fileName: "", lineNumber: 2062, columnNumber: 27 }, __self: this }, currencies[selectedReservation.currency], selectedReservation.total_price), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 2066, columnNumber: 27 }, __self: this }, t("reservation.details.paid"), ":", " ", currencies[selectedReservation.currency], selectedReservation.paid_amount), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 2071, columnNumber: 27 }, __self: this }, t("reservation.details.remaining"), ":", " ", currencies[selectedReservation.currency], selectedReservation.total_price - selectedReservation.paid_amount))), !editMode && selectedReservation.notes && /*#__PURE__*/ React.createElement("div", { className: "border-t pt-6", __source: { fileName: "", lineNumber: 2081, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-600 mb-4", __source: { fileName: "", lineNumber: 2082, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sticky-note mr-2 text-blue-500", __source: { fileName: "", lineNumber: 2083, columnNumber: 29 }, __self: this }), t("reservation.details.notes")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 rounded-lg p-4 text-gray-700", __source: { fileName: "", lineNumber: 2086, columnNumber: 27 }, __self: this }, selectedReservation.notes)), editMode && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 2093, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 2094, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sticky-note mr-2", __source: { fileName: "", lineNumber: 2095, columnNumber: 29 }, __self: this }), t("reservation.details.notes")), /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 border rounded", rows: "4", value: editedReservation.notes || "", onChange: (e)=>setEditedReservation({ ...editedReservation, notes: e.target.value }), placeholder: t("reservation.new.addNotes"), __source: { fileName: "", lineNumber: 2098, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "border-t pt-6 flex justify-between items-center", __source: { fileName: "", lineNumber: 2113, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-x-2", __source: { fileName: "", lineNumber: 2114, columnNumber: 25 }, __self: this }, selectedReservation.status === "pending" && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleReservationStatus(selectedReservation.id, "approved"), className: "bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600", __source: { fileName: "", lineNumber: 2117, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mr-2", __source: { fileName: "", lineNumber: 2126, columnNumber: 33 }, __self: this }), t("reservation.details.approve")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleReservationStatus(selectedReservation.id, "rejected"), className: "bg-red-500 text-white px-4 py-2 rounded hover:bg-red-600", __source: { fileName: "", lineNumber: 2129, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times mr-2", __source: { fileName: "", lineNumber: 2138, columnNumber: 33 }, __self: this }), t("reservation.details.reject")))), /*#__PURE__*/ React.createElement("div", { className: "space-x-2", __source: { fileName: "", lineNumber: 2144, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setEditMode(true); setEditedReservation({ ...selectedReservation }); }, className: "bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600", __source: { fileName: "", lineNumber: 2145, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit mr-2", __source: { fileName: "", lineNumber: 2152, columnNumber: 29 }, __self: this }), t("reservation.details.edit")), selectedReservation.status !== "cancelled" && /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleCancelReservation(selectedReservation.id), className: "bg-gray-500 text-white px-4 py-2 rounded hover:bg-gray-600", __source: { fileName: "", lineNumber: 2156, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-ban mr-2", __source: { fileName: "", lineNumber: 2162, columnNumber: 31 }, __self: this }), t("reservation.details.cancel"))))))), showPaymentHistory && selectedReservation && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 2175, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 max-w-2xl w-full mx-4 max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 2176, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 2177, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold", __source: { fileName: "", lineNumber: 2178, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-money-bill-wave text-green-500 mr-2", __source: { fileName: "", lineNumber: 2179, columnNumber: 23 }, __self: this }), t("reservation.details.paymentHistory")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowPaymentHistory(false), className: "text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 2182, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 2186, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4 max-h-[300px] overflow-y-auto", __source: { fileName: "", lineNumber: 2189, columnNumber: 19 }, __self: this }, selectedPayments.map((payment)=>/*#__PURE__*/ React.createElement("div", { key: payment.id, className: "bg-gray-50 rounded-lg p-4 border border-gray-200", __source: { fileName: "", lineNumber: 2191, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 2195, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 2196, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg font-medium text-gray-800", __source: { fileName: "", lineNumber: 2197, columnNumber: 29 }, __self: this }, currencies[payment.currency], payment.amount), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 2201, columnNumber: 29 }, __self: this }, new Date(payment.payment_date).toLocaleDateString(), " ", new Date(payment.payment_date).toLocaleTimeString())), /*#__PURE__*/ React.createElement("span", { className: `px-3 py-1 rounded-full text-sm font-medium ${payment.payment_method === "cash" ? "bg-green-100 text-green-800" : payment.payment_method === "credit_card" ? "bg-blue-100 text-blue-800" : "bg-purple-100 text-purple-800"}`, __source: { fileName: "", lineNumber: 2210, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `mr-1 fas ${payment.payment_method === "cash" ? "fa-money-bill" : payment.payment_method === "credit_card" ? "fa-credit-card" : "fa-university"}`, __source: { fileName: "", lineNumber: 2219, columnNumber: 29 }, __self: this }), payment.payment_method === "cash" ? "Nakit" : payment.payment_method === "credit_card" ? "Kredi Kartı" : "Banka Transferi")), payment.notes && /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-gray-600", __source: { fileName: "", lineNumber: 2236, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comment-alt mr-2", __source: { fileName: "", lineNumber: 2237, columnNumber: 29 }, __self: this }), payment.notes))), selectedPayments.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-500 py-4", __source: { fileName: "", lineNumber: 2244, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle mr-2", __source: { fileName: "", lineNumber: 2245, columnNumber: 25 }, __self: this }), t("reservation.details.noPayments")))))))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 right-4 z-50", __source: { fileName: "", lineNumber: 2258, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://wa.me/905073663896", target: "_blank", rel: "noopener noreferrer", className: "bg-green-500 hover:bg-green-600 text-white p-4 rounded-full shadow-lg transition-all duration-300 hover:scale-110 flex items-center justify-center", title: "WhatsApp ile iletişime geç", __source: { fileName: "", lineNumber: 2259, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-whatsapp text-2xl", __source: { fileName: "", lineNumber: 2266, columnNumber: 11 }, __self: this })))); }