function FloorMeetingRoomSelector({ value, onChange, error }) { const [meetingRooms, setMeetingRooms] = React.useState([]); const [loading, setLoading] = React.useState(true); const [fetchError, setFetchError] = React.useState(null); React.useEffect(()=>{ fetchMeetingRooms(); }, []); const fetchMeetingRooms = async ()=>{ try { setLoading(true); setFetchError(null); const response = await fetch("/api/get-meeting-rooms", { method: "POST", body: JSON.stringify({}) }); if (!response.ok) { throw new Error(`Server responded with ${response.status}`); } const data = await response.json(); if (data.success) { setMeetingRooms(data.meeting_rooms || []); } else { setFetchError(data.error || "Toplantı odaları yüklenemedi."); } } catch (err) { console.error("Error fetching meeting rooms:", err); setFetchError("Toplantı odaları yüklenirken bir hata oluştu."); } finally{ setLoading(false); } }; if (loading) { return /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("select", { disabled: true, className: "w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm bg-gray-50 text-gray-500", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Yükleniyor...")), /*#__PURE__*/ React.createElement("div", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-down", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }))); } if (fetchError) { return /*#__PURE__*/ React.createElement("div", { className: "p-3 border border-red-200 rounded-md bg-red-50 text-red-700 text-sm", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z", clipRule: "evenodd", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, fetchError))); } return /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 77, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: value, onChange: (e)=>onChange(e.target.value), className: `w-full px-3 py-2 border ${error ? "border-red-300" : "border-gray-300"} rounded-md shadow-sm focus:outline-none focus:ring-[#ec008c] focus:border-[#ec008c] appearance-none bg-white`, __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, "Toplantı odası seçin"), meetingRooms.map((room)=>/*#__PURE__*/ React.createElement("option", { key: room.id, value: room.name, __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, room.name))), /*#__PURE__*/ React.createElement("div", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-gray-700", __source: { fileName: "", lineNumber: 90, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-down", __source: { fileName: "", lineNumber: 91, columnNumber: 9 }, __self: this }))); } function FloorMeetingRoomSelectorStory() { const [selectedRoom, setSelectedRoom] = React.useState(""); const [hasError, setHasError] = React.useState(false); const handleRoomChange = (roomName)=>{ setSelectedRoom(roomName); }; const toggleError = ()=>{ setHasError(!hasError); }; return /*#__PURE__*/ React.createElement("div", { className: "p-6 max-w-md mx-auto", __source: { fileName: "", lineNumber: 110, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-6", __source: { fileName: "", lineNumber: 111, columnNumber: 7 }, __self: this }, "Floor Meeting Room Selector"), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 113, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium mb-3", __source: { fileName: "", lineNumber: 114, columnNumber: 9 }, __self: this }, "Default State:"), /*#__PURE__*/ React.createElement(FloorMeetingRoomSelector, { value: selectedRoom, onChange: handleRoomChange, error: hasError, __source: { fileName: "", lineNumber: 115, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 122, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium mb-3", __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this }, "With Error:"), /*#__PURE__*/ React.createElement(FloorMeetingRoomSelector, { value: selectedRoom, onChange: handleRoomChange, error: true, __source: { fileName: "", lineNumber: 124, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 131, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: toggleError, className: "px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600", __source: { fileName: "", lineNumber: 132, columnNumber: 9 }, __self: this }, "Toggle Error State")), selectedRoom && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-3 bg-gray-100 rounded-lg", __source: { fileName: "", lineNumber: 141, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 142, columnNumber: 11 }, __self: this }, "Selected Room:"), /*#__PURE__*/ React.createElement("p", { className: "text-pink-600", __source: { fileName: "", lineNumber: 143, columnNumber: 11 }, __self: this }, selectedRoom))); } function MainComponent() { const [formData, setFormData] = React.useState({ full_name: "", department: "", meeting_room: "", meeting_date: "", meeting_start_time: "", meeting_end_time: "", refreshment_start_time: "", refreshment_end_time: "", same_time_service: false, number_of_people: "", email: "", notes: "", color: "#3788d8", all_day: false }); const [formErrors, setFormErrors] = React.useState({}); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const [isRoomAvailable, setIsRoomAvailable] = React.useState(true); const [availabilityMessage, setAvailabilityMessage] = React.useState(""); const [availabilityChecking, setAvailabilityChecking] = React.useState(false); const handleInputChange = (e)=>{ const { name, value, type, checked } = e.target; if (type === "checkbox" && name === "same_time_service") { const updatedFormData = { ...formData, same_time_service: checked }; if (checked) { updatedFormData.refreshment_start_time = formData.meeting_start_time; updatedFormData.refreshment_end_time = formData.meeting_end_time; } setFormData(updatedFormData); } else if (name === "meeting_start_time" || name === "meeting_end_time") { const updatedFormData = { ...formData, [name]: value }; if (formData.same_time_service) { if (name === "meeting_start_time") { updatedFormData.refreshment_start_time = value; } else if (name === "meeting_end_time") { updatedFormData.refreshment_end_time = value; } } setFormData(updatedFormData); } else { setFormData({ ...formData, [name]: value }); } if (formErrors[name]) { setFormErrors({ ...formErrors, [name]: null }); } }; const handleMeetingRoomChange = (roomName)=>{ setFormData({ ...formData, meeting_room: roomName }); if (formErrors.meeting_room) { setFormErrors({ ...formErrors, meeting_room: null }); } }; const checkRoomAvailability = async ()=>{ if (!formData.meeting_room || !formData.meeting_date || !formData.meeting_start_time || !formData.meeting_end_time) { return; } try { setAvailabilityChecking(true); const response = await fetch("/api/check-room-availability", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ meeting_room: formData.meeting_room, meeting_date: formData.meeting_date, start_time: formData.meeting_start_time, end_time: formData.meeting_end_time }) }); const data = await response.json(); setIsRoomAvailable(data.available); setAvailabilityMessage(data.message || (data.available ? "Oda bu saatler için müsait." : "Oda bu saatler için müsait değil.")); } catch (error) { console.error("Error checking room availability:", error); setIsRoomAvailable(false); setAvailabilityMessage("Oda müsaitliği kontrol edilirken bir hata oluştu."); } finally{ setAvailabilityChecking(false); } }; React.useEffect(()=>{ if (formData.meeting_room && formData.meeting_date && formData.meeting_start_time && formData.meeting_end_time) { const timeoutId = setTimeout(()=>{ checkRoomAvailability(); }, 500); return ()=>clearTimeout(timeoutId); } }, [ formData.meeting_room, formData.meeting_date, formData.meeting_start_time, formData.meeting_end_time ]); const validateUserForm = ()=>{ const errors = {}; if (!formData.full_name.trim()) errors.full_name = "Ad Soyad gereklidir"; if (!formData.department.trim()) errors.department = "Departman gereklidir"; if (!formData.meeting_room) errors.meeting_room = "Toplantı odası gereklidir"; if (!formData.meeting_date.trim()) errors.meeting_date = "Toplantı tarihi gereklidir"; if (!formData.meeting_start_time.trim()) errors.meeting_start_time = "Başlangıç saati gereklidir"; if (!formData.meeting_end_time.trim()) errors.meeting_end_time = "Bitiş saati gereklidir"; else if (formData.meeting_start_time && formData.meeting_end_time) { if (formData.meeting_end_time <= formData.meeting_start_time) { errors.meeting_end_time = "Bitiş saati başlangıç saatinden sonra olmalıdır."; } } if (!formData.number_of_people.trim()) { errors.number_of_people = "Kişi sayısı gereklidir"; } else if (isNaN(formData.number_of_people) || parseInt(formData.number_of_people) <= 0) { errors.number_of_people = "Geçerli bir kişi sayısı giriniz"; } if (!formData.email.trim()) { errors.email = "E-posta gereklidir"; } else if (!/\S+@\S+\.\S+/.test(formData.email)) { errors.email = "Geçerli bir e-posta adresi giriniz"; } if (formData.refreshment_start_time && formData.refreshment_end_time) { if (formData.refreshment_end_time <= formData.refreshment_start_time) { errors.refreshment_end_time = "İkram bitiş saati başlangıç saatinden sonra olmalıdır."; } } setFormErrors(errors); return Object.keys(errors).length === 0; }; const handleContinue = (e)=>{ e.preventDefault(); if (validateUserForm()) { try { localStorage.setItem("meetingFormData", JSON.stringify(formData)); sessionStorage.setItem("meetingFormData", JSON.stringify(formData)); window.location.href = "/menu-secimi"; } catch (err) { console.error("Error saving form data to local storage:", err); setError("Form verilerini kaydederken bir hata oluştu. Lütfen tekrar deneyin."); } } else { const firstErrorField = Object.keys(formErrors)[0]; const element = document.getElementsByName(firstErrorField)[0]; if (element) { element.scrollIntoView({ behavior: "smooth", block: "center" }); } } }; const getTodayDate = ()=>{ const today = new Date(); const year = today.getFullYear(); const month = String(today.getMonth() + 1).padStart(2, "0"); const day = String(today.getDate()).padStart(2, "0"); return `${year}-${month}-${day}`; }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 flex flex-col", __source: { fileName: "", lineNumber: 226, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-[#8cc63f] via-[#ffc20e] to-[#ec008c] py-8", __source: { fileName: "", lineNumber: 227, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center", __source: { fileName: "", lineNumber: 228, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/b52f723a-924a-4423-b185-7d974a45910b/-/format/auto/", alt: "SOA Logo", className: "h-32 mx-auto mb-4", __source: { fileName: "", lineNumber: 229, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 234, columnNumber: 11 }, __self: this }, "SOA Toplantı İkramlıkları"), /*#__PURE__*/ React.createElement("p", { className: "text-white text-lg", __source: { fileName: "", lineNumber: 237, columnNumber: 11 }, __self: this }, "Toplantılarınız için lezzetli ikramlar sipariş edin"))), /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto px-4 py-8 sm:px-6 lg:px-8 flex-grow", __source: { fileName: "", lineNumber: 243, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg p-6 border-t-4 border-[#ec008c]", __source: { fileName: "", lineNumber: 244, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleContinue, className: "space-y-6", __source: { fileName: "", lineNumber: 245, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 246, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 247, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "full_name", className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 248, columnNumber: 17 }, __self: this }, "Ad Soyad *"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "full_name", name: "full_name", value: formData.full_name, onChange: handleInputChange, className: `w-full px-3 py-2 border ${formErrors.full_name ? "border-red-300" : "border-gray-300"} rounded-md`, __source: { fileName: "", lineNumber: 254, columnNumber: 17 }, __self: this }), formErrors.full_name && /*#__PURE__*/ React.createElement("p", { className: "mt-1 text-sm text-red-600", __source: { fileName: "", lineNumber: 263, columnNumber: 19 }, __self: this }, formErrors.full_name)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 269, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "department", className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 270, columnNumber: 17 }, __self: this }, "Departman *"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "department", name: "department", value: formData.department, onChange: handleInputChange, className: `w-full px-3 py-2 border ${formErrors.department ? "border-red-300" : "border-gray-300"} rounded-md`, __source: { fileName: "", lineNumber: 276, columnNumber: 17 }, __self: this }), formErrors.department && /*#__PURE__*/ React.createElement("p", { className: "mt-1 text-sm text-red-600", __source: { fileName: "", lineNumber: 285, columnNumber: 19 }, __self: this }, formErrors.department)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 291, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "number_of_people", className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 292, columnNumber: 17 }, __self: this }, "Kişi Sayısı *"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "number_of_people", name: "number_of_people", value: formData.number_of_people, onChange: handleInputChange, min: "1", className: `w-full px-3 py-2 border ${formErrors.number_of_people ? "border-red-300" : "border-gray-300"} rounded-md`, __source: { fileName: "", lineNumber: 298, columnNumber: 17 }, __self: this }), formErrors.number_of_people && /*#__PURE__*/ React.createElement("p", { className: "mt-1 text-sm text-red-600", __source: { fileName: "", lineNumber: 308, columnNumber: 19 }, __self: this }, formErrors.number_of_people)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 314, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 315, columnNumber: 17 }, __self: this }, "E-posta *"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", value: formData.email, onChange: handleInputChange, className: `w-full px-3 py-2 border ${formErrors.email ? "border-red-300" : "border-gray-300"} rounded-md`, __source: { fileName: "", lineNumber: 321, columnNumber: 17 }, __self: this }), formErrors.email && /*#__PURE__*/ React.createElement("p", { className: "mt-1 text-sm text-red-600", __source: { fileName: "", lineNumber: 330, columnNumber: 19 }, __self: this }, formErrors.email)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 336, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "meeting_room", className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 337, columnNumber: 17 }, __self: this }, "Toplantı Odası *"), /*#__PURE__*/ React.createElement(FloorMeetingRoomSelector, { value: formData.meeting_room, onChange: handleMeetingRoomChange, error: formErrors.meeting_room, __source: { fileName: "", lineNumber: 343, columnNumber: 17 }, __self: this }), formErrors.meeting_room && /*#__PURE__*/ React.createElement("p", { className: "mt-1 text-sm text-red-600", __source: { fileName: "", lineNumber: 349, columnNumber: 19 }, __self: this }, formErrors.meeting_room)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 355, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "meeting_date", className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 356, columnNumber: 17 }, __self: this }, "Toplantı Tarihi *"), /*#__PURE__*/ React.createElement("input", { type: "date", id: "meeting_date", name: "meeting_date", value: formData.meeting_date, onChange: handleInputChange, min: getTodayDate(), className: `w-full px-3 py-2 border ${formErrors.meeting_date ? "border-red-300" : "border-gray-300"} rounded-md`, __source: { fileName: "", lineNumber: 362, columnNumber: 17 }, __self: this }), formErrors.meeting_date && /*#__PURE__*/ React.createElement("p", { className: "mt-1 text-sm text-red-600", __source: { fileName: "", lineNumber: 372, columnNumber: 19 }, __self: this }, formErrors.meeting_date))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center p-4 bg-gray-50 rounded-lg border border-gray-200", __source: { fileName: "", lineNumber: 379, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-grow", __source: { fileName: "", lineNumber: 380, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "same_time_service", className: "text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 381, columnNumber: 17 }, __self: this }, "İkramlar Toplantı Saatleriyle Aynı Olsun"), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 mt-1", __source: { fileName: "", lineNumber: 387, columnNumber: 17 }, __self: this }, "Bu seçenek işaretlendiğinde, ikram saatleri toplantı saatleriyle otomatik olarak senkronize edilir.")), /*#__PURE__*/ React.createElement("div", { className: "ml-4", __source: { fileName: "", lineNumber: 392, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "same_time_service", id: "same_time_service", checked: formData.same_time_service, onChange: handleInputChange, className: "h-4 w-4 text-[#ec008c] focus:ring-[#ec008c] border-gray-300 rounded", __source: { fileName: "", lineNumber: 393, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 404, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 405, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "meeting_start_time", className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 406, columnNumber: 17 }, __self: this }, "Başlangıç Saati *"), /*#__PURE__*/ React.createElement("input", { type: "time", id: "meeting_start_time", name: "meeting_start_time", value: formData.meeting_start_time, onChange: handleInputChange, className: `w-full px-3 py-2 border ${formErrors.meeting_start_time ? "border-red-300" : "border-gray-300"} rounded-md`, __source: { fileName: "", lineNumber: 412, columnNumber: 17 }, __self: this }), formErrors.meeting_start_time && /*#__PURE__*/ React.createElement("p", { className: "mt-1 text-sm text-red-600", __source: { fileName: "", lineNumber: 421, columnNumber: 19 }, __self: this }, formErrors.meeting_start_time)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 427, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "meeting_end_time", className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 428, columnNumber: 17 }, __self: this }, "Bitiş Saati *"), /*#__PURE__*/ React.createElement("input", { type: "time", id: "meeting_end_time", name: "meeting_end_time", value: formData.meeting_end_time, onChange: handleInputChange, className: `w-full px-3 py-2 border ${formErrors.meeting_end_time ? "border-red-300" : "border-gray-300"} rounded-md`, __source: { fileName: "", lineNumber: 434, columnNumber: 17 }, __self: this }), formErrors.meeting_end_time && /*#__PURE__*/ React.createElement("p", { className: "mt-1 text-sm text-red-600", __source: { fileName: "", lineNumber: 443, columnNumber: 19 }, __self: this }, formErrors.meeting_end_time)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 449, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "refreshment_start_time", className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 450, columnNumber: 17 }, __self: this }, "İkram Başlangıç Saati"), /*#__PURE__*/ React.createElement("input", { type: "time", id: "refreshment_start_time", name: "refreshment_start_time", value: formData.refreshment_start_time, onChange: handleInputChange, disabled: formData.same_time_service, className: `w-full px-3 py-2 border ${formErrors.refreshment_start_time ? "border-red-300" : "border-gray-300"} rounded-md ${formData.same_time_service ? "bg-gray-100" : ""}`, __source: { fileName: "", lineNumber: 456, columnNumber: 17 }, __self: this }), formErrors.refreshment_start_time && /*#__PURE__*/ React.createElement("p", { className: "mt-1 text-sm text-red-600", __source: { fileName: "", lineNumber: 466, columnNumber: 19 }, __self: this }, formErrors.refreshment_start_time)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 472, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "refreshment_end_time", className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 473, columnNumber: 17 }, __self: this }, "İkram Bitiş Saati"), /*#__PURE__*/ React.createElement("input", { type: "time", id: "refreshment_end_time", name: "refreshment_end_time", value: formData.refreshment_end_time, onChange: handleInputChange, disabled: formData.same_time_service, className: `w-full px-3 py-2 border ${formErrors.refreshment_end_time ? "border-red-300" : "border-gray-300"} rounded-md ${formData.same_time_service ? "bg-gray-100" : ""}`, __source: { fileName: "", lineNumber: 479, columnNumber: 17 }, __self: this }), formErrors.refreshment_end_time && /*#__PURE__*/ React.createElement("p", { className: "mt-1 text-sm text-red-600", __source: { fileName: "", lineNumber: 489, columnNumber: 19 }, __self: this }, formErrors.refreshment_end_time))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 496, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "notes", className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 497, columnNumber: 15 }, __self: this }, "Notlar"), /*#__PURE__*/ React.createElement("textarea", { id: "notes", name: "notes", value: formData.notes, onChange: handleInputChange, rows: "4", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-[#ec008c] focus:border-[#ec008c]", placeholder: "Toplantı veya ikramlar hakkında eklemek istediğiniz notlar...", __source: { fileName: "", lineNumber: 503, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 514, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-6 py-2 bg-[#ec008c] text-white font-medium rounded-md shadow-sm hover:bg-[#d0077a] focus:outline-none focus:ring-2 focus:ring-[#ec008c] focus:ring-offset-2", __source: { fileName: "", lineNumber: 515, columnNumber: 15 }, __self: this }, "Devam Et")))))); }