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 }); 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: 304, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-2", __source: { fileName: "", lineNumber: 305, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 306, 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: 307, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xl", __source: { fileName: "", lineNumber: 315, columnNumber: 13 }, __self: this }, "🇹🇷"), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 316, 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: 318, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xl", __source: { fileName: "", lineNumber: 326, columnNumber: 13 }, __self: this }, "🇬🇧"), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 327, 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: 590, 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: 591, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 592, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold", __source: { fileName: "", lineNumber: 593, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus-circle text-blue-500 mr-2", __source: { fileName: "", lineNumber: 594, 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: 597, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 601, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleAddReservation, className: "space-y-4", __source: { fileName: "", lineNumber: 605, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 606, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 607, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 608, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-ship mr-2", __source: { fileName: "", lineNumber: 609, 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: 612, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 625, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 626, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users mr-2", __source: { fileName: "", lineNumber: 627, 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: 630, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 644, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 645, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 646, 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: 649, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 662, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 663, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-2", __source: { fileName: "", lineNumber: 664, 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: 667, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 680, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 681, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone mr-2", __source: { fileName: "", lineNumber: 682, 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: 685, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 698, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 699, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 700, 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: 703, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "daily", __source: { fileName: "", lineNumber: 714, columnNumber: 17 }, __self: this }, "Günlük"), /*#__PURE__*/ React.createElement("option", { value: "hourly", __source: { fileName: "", lineNumber: 715, columnNumber: 17 }, __self: this }, "Saatlik"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 718, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 719, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar mr-2", __source: { fileName: "", lineNumber: 720, 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: 723, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 736, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 737, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar mr-2", __source: { fileName: "", lineNumber: 738, 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: 741, columnNumber: 15 }, __self: this })), newReservation.rental_type === "hourly" && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 756, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 757, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 758, 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: 761, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 774, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 775, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 776, 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: 779, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2", __source: { fileName: "", lineNumber: 794, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 795, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-money-bill mr-2", __source: { fileName: "", lineNumber: 796, columnNumber: 17 }, __self: this }), t("reservation.new.totalPrice")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 799, 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: 800, 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: 813, columnNumber: 17 }, __self: this }, Object.keys(currencies).map((curr)=>/*#__PURE__*/ React.createElement("option", { key: curr, value: curr, __source: { fileName: "", lineNumber: 824, columnNumber: 21 }, __self: this }, curr)))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-2 mt-6", __source: { fileName: "", lineNumber: 833, 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: 834, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times mr-2", __source: { fileName: "", lineNumber: 839, 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: 842, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-save mr-2", __source: { fileName: "", lineNumber: 846, 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: 856, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-3", __source: { fileName: "", lineNumber: 860, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 861, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium text-gray-900", __source: { fileName: "", lineNumber: 862, columnNumber: 11 }, __self: this }, reservation.yacht_name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 865, 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: 867, 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: 878, 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: 899, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 900, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar mr-1 text-gray-500", __source: { fileName: "", lineNumber: 901, columnNumber: 11 }, __self: this }), new Date(reservation.start_date).toLocaleDateString()), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 904, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-money-bill mr-1 text-gray-500", __source: { fileName: "", lineNumber: 905, 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: 910, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-1 text-gray-500", __source: { fileName: "", lineNumber: 911, columnNumber: 13 }, __self: this }), reservation.start_time, " - ", reservation.end_time), /*#__PURE__*/ React.createElement("div", { className: "col-span-2", __source: { fileName: "", lineNumber: 915, 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: 916, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-credit-card mr-1", __source: { fileName: "", lineNumber: 924, 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: 937, 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: 938, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-eye", __source: { fileName: "", lineNumber: 943, 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: 945, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit", __source: { fileName: "", lineNumber: 955, 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: 959, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-ban", __source: { fileName: "", lineNumber: 964, 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: 966, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus-circle", __source: { fileName: "", lineNumber: 974, 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 }); // 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: 1194, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-4", __source: { fileName: "", lineNumber: 1195, 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: 1196, 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 ]); 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: 1246, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(LanguageToggle, { __source: { fileName: "", lineNumber: 1247, 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: 1248, 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: 1250, 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: 1251, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 1254, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-ship text-5xl text-blue-500 mb-4", __source: { fileName: "", lineNumber: 1255, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 1256, columnNumber: 13 }, __self: this }, t("title")), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 1259, columnNumber: 13 }, __self: this }, t("welcome"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 1261, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1262, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-medium mb-2", __source: { fileName: "", lineNumber: 1263, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-id-card mr-2", __source: { fileName: "", lineNumber: 1264, 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: 1267, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1275, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-medium mb-2", __source: { fileName: "", lineNumber: 1276, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock mr-2", __source: { fileName: "", lineNumber: 1277, 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: 1280, 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: 1289, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 1290, 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: 1294, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-in-alt mr-2", __source: { fileName: "", lineNumber: 1298, 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: 1308, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(LanguageToggle, { __source: { fileName: "", lineNumber: 1309, columnNumber: 7 }, __self: this }), (loading || paymentLoading || isTranslating) && /*#__PURE__*/ React.createElement(LoadingSpinner, { __source: { fileName: "", lineNumber: 1310, 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: 1313, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 1314, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 1315, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download text-blue-500 text-xl", __source: { fileName: "", lineNumber: 1316, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1317, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-gray-800", __source: { fileName: "", lineNumber: 1318, columnNumber: 17 }, __self: this }, t("install.title")), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1321, columnNumber: 17 }, __self: this }, t("install.description")))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 1326, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowInstallPrompt(false), className: "text-gray-500 hover:text-gray-700 p-2", __source: { fileName: "", lineNumber: 1327, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 1331, 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: 1333, 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: 1344, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-xl overflow-hidden", __source: { fileName: "", lineNumber: 1345, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-blue-500 to-purple-600 p-6", __source: { fileName: "", lineNumber: 1346, 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: 1347, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white text-center md:text-left w-full md:w-auto", __source: { fileName: "", lineNumber: 1348, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 1349, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-ship mr-3", __source: { fileName: "", lineNumber: 1350, columnNumber: 19 }, __self: this }), t("dashboard.title")), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-blue-100", __source: { fileName: "", lineNumber: 1353, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 1354, 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: 1358, 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: 1359, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 1363, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1364, 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: 1366, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar mr-2", __source: { fileName: "", lineNumber: 1370, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1371, 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: 1373, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-history mr-2", __source: { fileName: "", lineNumber: 1377, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1378, 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: 1380, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt mr-2", __source: { fileName: "", lineNumber: 1384, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1385, columnNumber: 19 }, __self: this }, t("dashboard.logout")))))), /*#__PURE__*/ React.createElement("div", { className: "border-b border-gray-200", __source: { fileName: "", lineNumber: 1391, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 p-4", __source: { fileName: "", lineNumber: 1392, 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: 1393, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-list mr-2", __source: { fileName: "", lineNumber: 1401, 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: 1404, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-alt mr-2", __source: { fileName: "", lineNumber: 1412, columnNumber: 17 }, __self: this }), t("dashboard.newReservations")))), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 1418, 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: 1420, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 1421, columnNumber: 17 }, __self: this }), error), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1427, 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: 1434, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-times text-4xl mb-2", __source: { fileName: "", lineNumber: 1435, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1436, 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: 1444, 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: 1445, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 1446, columnNumber: 19 }, __self: this }, t("payment.title")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleAddPayment, __source: { fileName: "", lineNumber: 1449, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1450, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1451, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1452, 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: 1456, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1475, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1476, 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: 1479, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "cash", __source: { fileName: "", lineNumber: 1490, columnNumber: 27 }, __self: this }, t("payment.cash")), /*#__PURE__*/ React.createElement("option", { value: "credit_card", __source: { fileName: "", lineNumber: 1491, columnNumber: 27 }, __self: this }, t("payment.creditCard")), /*#__PURE__*/ React.createElement("option", { value: "bank_transfer", __source: { fileName: "", lineNumber: 1494, columnNumber: 27 }, __self: this }, t("payment.bankTransfer")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1499, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1500, 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: 1503, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-2 mt-4", __source: { fileName: "", lineNumber: 1516, 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: 1517, 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: 1527, 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: 1540, 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: 1541, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 1542, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold", __source: { fileName: "", lineNumber: 1543, 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: 1546, 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: 1551, 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: 1556, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 1564, columnNumber: 23 }, __self: this }))), editMode ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleUpdateReservation, className: "space-y-4", __source: { fileName: "", lineNumber: 1569, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 1573, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1574, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1575, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-ship mr-2", __source: { fileName: "", lineNumber: 1576, 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: 1579, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1592, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1593, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users mr-2", __source: { fileName: "", lineNumber: 1594, 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: 1597, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1611, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1612, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 1613, 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: 1616, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1629, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1630, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-2", __source: { fileName: "", lineNumber: 1631, 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: 1634, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1647, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1648, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone mr-2", __source: { fileName: "", lineNumber: 1649, 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: 1652, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2", __source: { fileName: "", lineNumber: 1665, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1666, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-money-bill mr-2", __source: { fileName: "", lineNumber: 1667, columnNumber: 29 }, __self: this }), t("reservation.new.totalPrice")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 1670, 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: 1671, 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: 1685, columnNumber: 29 }, __self: this }, Object.keys(currencies).map((curr)=>/*#__PURE__*/ React.createElement("option", { key: curr, value: curr, __source: { fileName: "", lineNumber: 1696, columnNumber: 33 }, __self: this }, curr))))), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2", __source: { fileName: "", lineNumber: 1703, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1704, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sticky-note mr-2", __source: { fileName: "", lineNumber: 1705, 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: 1708, columnNumber: 27 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-2 mt-6", __source: { fileName: "", lineNumber: 1722, 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: 1723, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times mr-2", __source: { fileName: "", lineNumber: 1731, 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: 1734, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-save mr-2", __source: { fileName: "", lineNumber: 1738, columnNumber: 27 }, __self: this }), t("reservation.details.save")))) : /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 1744, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 1745, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1746, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-600 mb-2", __source: { fileName: "", lineNumber: 1747, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-ship mr-2", __source: { fileName: "", lineNumber: 1748, columnNumber: 29 }, __self: this }), t("reservation.new.yachtName")), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 1751, columnNumber: 27 }, __self: this }, selectedReservation.yacht_name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 mt-1", __source: { fileName: "", lineNumber: 1754, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users mr-2", __source: { fileName: "", lineNumber: 1755, columnNumber: 29 }, __self: this }), selectedReservation.passenger_count, " Kişi")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1759, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-600 mb-2", __source: { fileName: "", lineNumber: 1760, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 1761, columnNumber: 29 }, __self: this }), t("reservation.new.customerName")), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1764, columnNumber: 27 }, __self: this }, selectedReservation.customer_name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 1765, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-2", __source: { fileName: "", lineNumber: 1766, columnNumber: 29 }, __self: this }), selectedReservation.customer_email), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 1769, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone mr-2", __source: { fileName: "", lineNumber: 1770, columnNumber: 29 }, __self: this }), selectedReservation.customer_phone)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1774, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-600 mb-2", __source: { fileName: "", lineNumber: 1775, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar mr-2", __source: { fileName: "", lineNumber: 1776, columnNumber: 29 }, __self: this }), t("reservation.new.reservationDates")), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1779, 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: 1789, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock mr-2", __source: { fileName: "", lineNumber: 1790, columnNumber: 31 }, __self: this }), selectedReservation.start_time, " -", " ", selectedReservation.end_time)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1796, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-600 mb-2", __source: { fileName: "", lineNumber: 1797, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-money-bill mr-2", __source: { fileName: "", lineNumber: 1798, columnNumber: 29 }, __self: this }), t("reservation.new.paymentInfo")), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-medium", __source: { fileName: "", lineNumber: 1801, columnNumber: 27 }, __self: this }, currencies[selectedReservation.currency], selectedReservation.total_price), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 1805, 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: 1810, 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: 1820, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-600 mb-4", __source: { fileName: "", lineNumber: 1821, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sticky-note mr-2 text-blue-500", __source: { fileName: "", lineNumber: 1822, 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: 1825, columnNumber: 27 }, __self: this }, selectedReservation.notes)), editMode && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 1832, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1833, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sticky-note mr-2", __source: { fileName: "", lineNumber: 1834, 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: 1837, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "border-t pt-6 flex justify-between items-center", __source: { fileName: "", lineNumber: 1852, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-x-2", __source: { fileName: "", lineNumber: 1853, 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: 1856, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mr-2", __source: { fileName: "", lineNumber: 1865, 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: 1868, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times mr-2", __source: { fileName: "", lineNumber: 1877, columnNumber: 33 }, __self: this }), t("reservation.details.reject")))), /*#__PURE__*/ React.createElement("div", { className: "space-x-2", __source: { fileName: "", lineNumber: 1883, 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: 1884, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit mr-2", __source: { fileName: "", lineNumber: 1891, 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: 1895, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-ban mr-2", __source: { fileName: "", lineNumber: 1901, 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: 1914, 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: 1915, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 1916, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold", __source: { fileName: "", lineNumber: 1917, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-money-bill-wave text-green-500 mr-2", __source: { fileName: "", lineNumber: 1918, 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: 1921, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 1925, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4 max-h-[300px] overflow-y-auto", __source: { fileName: "", lineNumber: 1928, 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: 1930, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 1934, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1935, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg font-medium text-gray-800", __source: { fileName: "", lineNumber: 1936, columnNumber: 29 }, __self: this }, currencies[payment.currency], payment.amount), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 1940, 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: 1949, 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: 1958, 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: 1975, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comment-alt mr-2", __source: { fileName: "", lineNumber: 1976, columnNumber: 29 }, __self: this }), payment.notes))), selectedPayments.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-500 py-4", __source: { fileName: "", lineNumber: 1983, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle mr-2", __source: { fileName: "", lineNumber: 1984, columnNumber: 25 }, __self: this }), t("reservation.details.noPayments"))))))))); }