function MainComponent() { const [sitter, setSitter] = React.useState(null); const [searchInput, setSearchInput] = React.useState(""); const [error, setError] = React.useState(""); const [hasTriedLoading, setHasTriedLoading] = React.useState(false); const [hasMore, setHasMore] = React.useState(true); const [loading, setLoading] = React.useState(false); const [homeVerifying, setHomeVerifying] = React.useState(false); const [showImagePreview, setShowImagePreview] = React.useState(null); const [showConfirmation, setShowConfirmation] = React.useState(false); const [upload, { loading: uploadLoading }] = useUpload(); const [selectedSection, setSelectedSection] = React.useState("basicInfo"); const [changedFields, setChangedFields] = React.useState(new Set()); const [pendingChange, setPendingChange] = React.useState(null); const [sections] = React.useState({ basicInfo: { title: "Basic Information", icon: "fa-user", fields: [ "id", "sitter_id", "name", "description", "email", "contact" ] }, locationAndServices: { title: "Location & Services", icon: "fa-map-marker-alt", fields: [ "area", "city", "state", "zip_code", "house_number", "location", "latitude", "longitude" ] }, experience: { title: "Experience", icon: "fa-star", fields: [ "years_experience", "grooming_experience", "availability", "home_visits", "pets_cared", "has_garden" ] }, pricing: { title: "Pricing", icon: "fa-tags", fields: [ "service_pricing" ] }, imagesDocuments: { title: "Images & Documents", icon: "fa-images", fields: [ "profile_picture", "pan_card", "address_proof", "govt_id", "bank_proof", "pet_photos", "home_photos" ] }, verificationDetails: { title: "Verification Details", icon: "fa-check-circle", fields: [ "enabled", "disabled_reason", "verification", "police_verification", "email_verified", "contact_verified", "rejection_reason" ] }, sitterHomeDetails: { title: "Sitter Home Details", icon: "fa-home", fields: [ "food_included", "pet_breeds_handled", "home_type", "floor_number", "lift_available", "terrace_available", "pet_stay_ac", "home_verified_by_sniffbnb", "home_size", "host_owns_pet", "host_pet_breed_type", "host_pet_nature", "host_pet_aggressive", "host_pet_friendly", "can_handle_aggressive_pet" ] } }); const fieldValidations = { years_experience: { min: 0, max: 50 }, grooming_experience: { min: 0, max: 1000 }, home_visits: { min: 0, max: 1000 }, pets_cared: { min: 0, max: 10000 }, latitude: { min: -90, max: 90 }, longitude: { min: -180, max: 180 } }; const [isAuthenticated, setIsAuthenticated] = React.useState(false); const [email, setEmail] = React.useState(""); const [password, setPassword] = React.useState(""); const [authError, setAuthError] = React.useState(""); const [loginLoading, setLoginLoading] = React.useState(false); const [recentDisabledSitters, setRecentDisabledSitters] = React.useState([]); const [searchSuggestions, setSearchSuggestions] = React.useState([]); const [searchType, setSearchType] = React.useState("all"); const [lastUpdate, setLastUpdate] = React.useState(new Date()); const [bulkSitters, setBulkSitters] = React.useState([]); const [showBulkDelete, setShowBulkDelete] = React.useState(false); const [deletePassword, setDeletePassword] = React.useState(""); const [bulkDeleteError, setBulkDeleteError] = React.useState(""); const [bulkDeleteLoading, setBulkDeleteLoading] = React.useState(false); const [currentPage, setCurrentPage] = React.useState(1); const [totalPages, setTotalPages] = React.useState(1); const PAGE_SIZE = 25; const [showVerificationPendingOnly, setShowVerificationPendingOnly] = React.useState(false); const [galleryImages, setGalleryImages] = React.useState([]); const [galleryIndex, setGalleryIndex] = React.useState(0); const [selectedBreed, setSelectedBreed] = React.useState(""); const [customBreed, setCustomBreed] = React.useState(""); React.useEffect(()=>{ const handleClickOutside = (event)=>{ if (!event.target.closest(".search-container")) { setSearchSuggestions([]); } }; document.addEventListener("mousedown", handleClickOutside); return ()=>{ document.removeEventListener("mousedown", handleClickOutside); }; }, []); const logChange = async (field, oldValue, newValue, proofDocument = null)=>{ if (oldValue === newValue) return; try { await fetch("/api/db/admin_database", { method: "POST", body: JSON.stringify({ query: `INSERT INTO sitter_profile_changes (sitter_id, field_name, old_value, new_value, changed_by, approval_image) VALUES (?, ?, ?, ?, ?, ?)`, values: [ sitter.sitter_id, field, oldValue?.toString() || null, newValue?.toString() || null, email, proofDocument ] }) }); console.log("Change logged:", { field, oldValue: oldValue?.toString() || null, newValue: newValue?.toString() || null, changedBy: email, proofDocument, timestamp: new Date().toISOString() }); } catch (error) { console.error("Failed to log change:", error); } }; const handleFieldChange = async (field, value)=>{ console.log("Field change:", { field, value }); let newValue = value; if (field === "availability") { if (Array.isArray(value)) { const dayMap = { mon: "monday", tue: "tuesday", wed: "wednesday", thu: "thursday", fri: "friday", sat: "saturday", sun: "sunday" }; const obj = {}; Object.values(dayMap).forEach((day)=>{ obj[day] = false; }); value.forEach((shortDay)=>{ const fullDay = dayMap[shortDay]; if (fullDay) obj[fullDay] = true; }); newValue = JSON.stringify(obj); } } const oldValue = sitter[field]; setSitter((prev)=>({ ...prev, [field]: newValue })); setChangedFields((prev)=>new Set([ ...prev, field ])); await logChange(field, oldValue, newValue); // Extra logging for home details fields if ([ "lift_available", "pet_stay_ac", "home_verified_by_sniffbnb", "terrace_available" ].includes(field)) { console.log(`Home details field '${field}' changed:`, { oldValue, newValue }); } }; const handleImageAction = async (field, action, file = null)=>{ try { console.log("Image action:", { field, action, file }); if (action === "download") { // file is the image url for download const url = file || sitter && sitter[field]; if (url) { try { const response = await fetch(url, { mode: "cors" }); if (!response.ok) throw new Error("Failed to fetch image for download"); const blob = await response.blob(); const blobUrl = window.URL.createObjectURL(blob); const link = document.createElement("a"); link.href = blobUrl; link.download = url.split("/").pop() || "image.jpg"; document.body.appendChild(link); link.click(); document.body.removeChild(link); window.URL.revokeObjectURL(blobUrl); console.log("Image download triggered:", url); } catch (err) { console.error("Image download failed:", err); setError("Failed to download image. Please try again."); } } return; } if (action === "upload" && file) { console.log("Uploading image for field:", field); const { url } = await upload({ file }); if (url) { console.log("Upload successful:", { field, url }); if ([ "pet_photos", "home_photos" ].includes(field)) { let currentPhotos = []; try { currentPhotos = sitter[field] ? JSON.parse(sitter[field]) : []; if (!Array.isArray(currentPhotos)) currentPhotos = []; } catch (e) { console.error("Error parsing current photos:", e); currentPhotos = []; } console.log("Current photos before update:", currentPhotos); const newPhotos = [ ...currentPhotos, url ]; console.log("New photos array:", newPhotos); const newPhotoString = JSON.stringify(newPhotos); console.log("New photos JSON string:", newPhotoString); setSitter((prev)=>({ ...prev, [field]: newPhotoString })); setChangedFields((prev)=>new Set([ ...prev, field ])); await logChange(field, sitter[field], newPhotoString); } else { console.log("Updating single photo:", { field, url }); setSitter((prev)=>({ ...prev, [field]: url })); setChangedFields((prev)=>new Set([ ...prev, field ])); await logChange(field, sitter[field], url); } } } else if (action === "delete") { console.log("Deleting image for field:", field); if ([ "pet_photos", "home_photos" ].includes(field)) { const currentPhotos = sitter[field] ? JSON.parse(sitter[field]) : []; const newPhotos = currentPhotos.filter((_, index)=>index !== parseInt(file)); console.log("Updating multiple photos after deletion:", { field, newPhotos }); setSitter((prev)=>({ ...prev, [field]: JSON.stringify(newPhotos) })); setChangedFields((prev)=>new Set([ ...prev, field ])); await logChange(field, sitter[field], JSON.stringify(newPhotos)); } else { console.log("Deleting single photo:", { field }); setSitter((prev)=>({ ...prev, [field]: "" })); setChangedFields((prev)=>new Set([ ...prev, field ])); await logChange(field, sitter[field], ""); } } } catch (error) { console.error("Image action error:", error); setError(`Failed to ${action} image. Please try again.`); } }; const getInputType = (field)=>{ if (field.includes("description")) return "textarea"; if ([ "enabled", "email_verified", "contact_verified", "has_garden" ].includes(field)) return "boolean"; if ([ "years_experience", "grooming_experience", "home_visits", "pets_cared", "latitude", "longitude" ].includes(field)) return "number"; return "text"; }; const isReadOnlyField = (field)=>{ if (email === "rajatdembla@sniffbnb.com") { return false; } return [ "id", "sitter_id", "email_verified", "contact_verified" ].includes(field); }; const handleAuthenticationError = (error)=>{ console.error("Authentication error:", error); setAuthError("An error occurred during authentication. Please try again."); setLoginLoading(false); }; const handleLogin = async (e)=>{ e.preventDefault(); setLoginLoading(true); setAuthError(""); try { const response = await fetch("/api/db/admin_database", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM admin_users WHERE email = ? AND password = ?", values: [ email, password ] }) }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); console.log("Login attempt result:", { success: data && data.length > 0 }); if (data && data.length > 0) { setIsAuthenticated(true); setAuthError(""); } else { setAuthError("Invalid email or password"); } } catch (error) { handleAuthenticationError(error); } finally{ setLoginLoading(false); } }; const extractSitterIdFromUrl = (input)=>{ try { // Check for sniffbnb.com/profilepage?sitter_id=... pattern const urlPattern = /sniffbnb\.com\/profilepage\?sitter_id=([A-Z0-9]+)/i; const match = input.match(urlPattern); if (match && match[1]) return match[1]; // Also check for urlbox.io preview links with sniffbnb.com/profilepage inside const urlboxPattern = /url=https%3A%2F%2Fwww\.sniffbnb\.com%2Fprofilepage%3Fsitter_id%3D([A-Z0-9]+)/i; const match2 = input.match(urlboxPattern); if (match2 && match2[1]) return match2[1]; return null; } catch { return null; } }; const handleSearchInputChange = async (e)=>{ const value = e.target.value; setSearchInput(value); // --- NEW: If input is a sniffbnb profile URL, extract sitter_id and open profile --- const sitterIdFromUrl = extractSitterIdFromUrl(value); if (sitterIdFromUrl) { await handleSitterSelect(sitterIdFromUrl); setSearchSuggestions([]); return; } if (!value.trim()) { setSearchSuggestions([]); setBulkSitters([]); setShowBulkDelete(false); return; } // Check if input contains commas (bulk search) if (value.includes(",") && email === "rajatdembla@sniffbnb.com") { const ids = value.split(",").map((id)=>id.trim()).filter((id)=>id); console.log("Processing comma-separated IDs:", ids); try { const response = await fetch("/api/db/sitter_profile-8046707", { method: "POST", body: JSON.stringify({ query: ` SELECT id, sitter_id, name, contact, email, enabled, disabled_reason, location FROM sitter_profile WHERE sitter_id IN (${ids.map(()=>"?").join(",")}) `, values: ids }) }); if (!response.ok) throw new Error("Bulk search failed"); const data = await response.json(); console.log("Bulk search results:", data); setBulkSitters(data); setShowBulkDelete(true); setSearchSuggestions([]); return; } catch (error) { console.error("Bulk search error:", error); setBulkSitters([]); setShowBulkDelete(false); } } else { setBulkSitters([]); setShowBulkDelete(false); } // Special handling for super admin if (email === "rajatdembla@sniffbnb.com") { const response = await fetch("/api/db/sitter_profile-8046707", { method: "POST", body: JSON.stringify({ query: ` SELECT DISTINCT sitter_id, contact, name FROM sitter_profile WHERE (sitter_id LIKE ? OR contact LIKE ? OR LOWER(name) LIKE LOWER(?)) AND name IS NOT NULL AND name != '' LIMIT 5 `, values: [ `%${value}%`, `%${value}%`, `%${value}%` ] }) }); if (!response.ok) throw new Error("Search failed"); const data = await response.json(); setSearchSuggestions(data); return; } // Regular admin search logic if (/^\d+$/.test(value)) { setSearchType("number"); const response = await fetch("/api/db/sitter_profile-8046707", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `sitter_profile` WHERE sitter_id = ?", values: [ value ] }) }); const data = await response.json(); if (data && data.length > 0) { setSitter(data[0]); console.log("Found sitter:", { sitterId: data[0].sitter_id, contact: data[0].contact, name: data[0].name, enabled: data[0].enabled }); setLoading(false); setSearchSuggestions([]); return; } } // If no match found by phone or input is not a phone number, continue with existing search logic let response = await fetch("/api/db/sitter_profile-8046707", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `sitter_profile` WHERE sitter_id = ?", values: [ searchInput ] }) }); let data = await response.json(); if (!data || data.length === 0) { response = await fetch("/api/db/sitter_profile-8046707", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `sitter_profile` WHERE (sitter_id LIKE ? OR LOWER(name) LIKE LOWER(?) OR LOWER(email) LIKE LOWER(?)) AND enabled = 0", values: [ `%${searchInput}%`, `%${searchInput}%`, `%${searchInput}%` ] }) }); data = await response.json(); } console.log("Database query results:", { recordCount: data?.length || 0, results: data }); if (data && data.length > 0) { setSitter(data[0]); console.log("Found sitter:", { sitterId: data[0].sitter_id, contact: data[0].contact, name: data[0].name }); } else { console.log("No sitter found matching search criteria:", searchInput); setError("No sitter found with the provided details"); } }; const handleSearch = async ()=>{ setPendingChange(null); setLoading(true); setError(""); setSitter(null); try { console.log("Search initiated with input:", searchInput); // Special handling for super admin if (email === "rajatdembla@sniffbnb.com") { const response = await fetch("/api/db/sitter_profile-8046707", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `sitter_profile` WHERE sitter_id = ? OR contact LIKE ? OR LOWER(name) LIKE LOWER(?)", values: [ searchInput, `%${searchInput}%`, `%${searchInput}%` ] }) }); const data = await response.json(); if (data && data.length > 0) { setSitter(data[0]); console.log("Found sitter:", { sitterId: data[0].sitter_id, contact: data[0].contact, name: data[0].name, enabled: data[0].enabled }); setLoading(false); setSearchSuggestions([]); return; } } else { // Regular admin search logic // If input is a 10-digit number, search both enabled and disabled sitters by contact if (/^\d{10}$/.test(searchInput)) { console.log("Searching by 10-digit phone number"); const response = await fetch("/api/db/sitter_profile-8046707", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `sitter_profile` WHERE contact = ?", values: [ searchInput ] }) }); const data = await response.json(); if (data && data.length > 0) { setSitter(data[0]); console.log("Found sitter by phone:", { sitterId: data[0].sitter_id, contact: data[0].contact, name: data[0].name, enabled: data[0].enabled }); setLoading(false); setSearchSuggestions([]); return; } } // If no match found by phone or input is not a phone number, continue with existing search logic let response = await fetch("/api/db/sitter_profile-8046707", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `sitter_profile` WHERE sitter_id = ?", values: [ searchInput ] }) }); let data = await response.json(); if (!data || data.length === 0) { response = await fetch("/api/db/sitter_profile-8046707", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `sitter_profile` WHERE (sitter_id LIKE ? OR LOWER(name) LIKE LOWER(?) OR LOWER(email) LIKE LOWER(?)) AND enabled = 0", values: [ `%${searchInput}%`, `%${searchInput}%`, `%${searchInput}%` ] }) }); data = await response.json(); } console.log("Database query results:", { recordCount: data?.length || 0, results: data }); if (data && data.length > 0) { setSitter(data[0]); console.log("Found sitter:", { sitterId: data[0].sitter_id, contact: data[0].contact, name: data[0].name }); } else { console.log("No sitter found matching search criteria:", searchInput); setError("No sitter found with the provided details"); } } } catch (error) { console.error("Search operation failed:", error); setError("Failed to search for sitter. Please try again."); } finally{ setLoading(false); setSearchSuggestions([]); } }; const handleUpdate = async ()=>{ if (!sitter || changedFields.size === 0) return; setLoading(true); setError(""); let saved = false; let attempts = 0; const maxAttempts = 5; let lastError = null; while(!saved && attempts < maxAttempts){ attempts++; try { console.log("Fields to update:", Array.from(changedFields)); console.log("Current sitter state:", sitter); const fieldsToUpdate = Array.from(changedFields); const setClause = fieldsToUpdate.map((field)=>`\`${field}\` = ?`).join(", "); const values = fieldsToUpdate.map((field)=>sitter[field]); // Log home details fields specifically [ "lift_available", "pet_stay_ac", "home_verified_by_sniffbnb", "terrace_available" ].forEach((field)=>{ if (fieldsToUpdate.includes(field)) { console.log(`Saving home details field '${field}':`, sitter[field]); } }); console.log("Update query values:", values); const response = await fetch("/api/db/sitter_profile-8046707", { method: "POST", body: JSON.stringify({ query: `UPDATE \`sitter_profile\` SET ${setClause} WHERE id = ?`, values: [ ...values, sitter.id ] }) }); if (!response.ok) throw new Error(`Update failed: ${response.status}`); const result = await response.json(); console.log("Deletion result:", result); // Check if update was successful by fetching the sitter again const checkResponse = await fetch("/api/db/sitter_profile-8046707", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `sitter_profile` WHERE id = ?", values: [ sitter.id ] }) }); if (!checkResponse.ok) throw new Error("Failed to verify update"); const checkData = await checkResponse.json(); let allMatch = true; if (checkData && checkData[0]) { for (const field of fieldsToUpdate){ if (checkData[0][field] != sitter[field]) { allMatch = false; break; } } } else { allMatch = false; } if (allMatch) { saved = true; console.log("Update successful and verified"); setShowConfirmation(true); setTimeout(()=>setShowConfirmation(false), 3000); setChangedFields(new Set()); } else { lastError = "Database values do not match after update. Retrying..."; console.error(lastError); } } catch (error) { lastError = error; console.error("Update error (attempt " + attempts + "):", error); } } if (!saved) { setError("Failed to update after multiple attempts. Please try again."); } setLoading(false); }; const handleSignOut = ()=>{ setIsAuthenticated(false); setSitter(null); setSearchInput(""); setError(""); setEmail(""); setPassword(""); setAuthError(""); }; const handleTabChange = (key)=>{ setSelectedSection(key); }; // Fix: fetchDisabledSitters should always set totalPages correctly and never show error on first load if data is present const fetchDisabledSitters = async (page = 1, verificationPendingOnly = showVerificationPendingOnly)=>{ setError(""); const offset = (page - 1) * PAGE_SIZE; try { let query = `SELECT id, name, sitter_id, disabled_reason, created_at, profile_picture, contact, email, location, description, service_pricing, availability, verification, pan_card, address_proof, govt_id, bank_proof, pet_photos, home_photos FROM sitter_profile WHERE enabled = 0`; let values = []; if (verificationPendingOnly) { query += ` AND LOWER(verification) = 'verification pending'`; } query += ` ORDER BY created_at DESC LIMIT ${Number(PAGE_SIZE)} OFFSET ${Number(offset)}`; const response = await fetch("/api/db/sitter_profile-8046707", { method: "POST", body: JSON.stringify({ query, values }) }); if (!response.ok) { throw new Error(`Failed to fetch disabled sitters: ${response.status}`); } const data = await response.json(); const more = data.length === PAGE_SIZE; setRecentDisabledSitters(data); setHasMore(more); setTotalPages(page); setCurrentPage(page); if (data.length === 0) { setError("No disabled sitters found"); } else { setError(""); } } catch (error) { console.error("Error fetching disabled sitters:", error); setError("Failed to load disabled sitters"); } }; React.useEffect(()=>{ if (isAuthenticated) { fetchDisabledSitters(1, showVerificationPendingOnly); } // eslint-disable-next-line }, [ isAuthenticated, showVerificationPendingOnly ]); // Add a new state to remember the last opened sitter ID const [lastOpenedSitterId, setLastOpenedSitterId] = React.useState(null); const handleSitterSelect = async (sitterId)=>{ setLastOpenedSitterId(sitterId); console.log("Selected sitter ID:", sitterId); await setSearchInput(sitterId); try { console.log("Searching for sitter:", sitterId); const response = await fetch("/api/db/sitter_profile-8046707", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `sitter_profile` WHERE sitter_id = ?", values: [ sitterId ] }) }); if (!response.ok) { throw new Error(`Search failed with status: ${response.status}`); } const data = await response.json(); console.log("Search results:", data); if (data && data.length > 0) { setSitter(data[0]); } else { setError("No sitter found with the provided ID"); } } catch (error) { console.error("Search error:", error); setError("Failed to search for sitter"); } }; const REFRESH_INTERVAL = 30000; // 30 seconds React.useEffect(()=>{ let intervalId; const refreshSitterData = async ()=>{ if (!sitter) return; try { const response = await fetch("/api/db/sitter_profile-8046707", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `sitter_profile` WHERE sitter_id = ?", values: [ sitter.sitter_id ] }) }); if (!response.ok) throw new Error("Refresh failed"); const data = await response.json(); if (data && data.length > 0) { const newData = data[0]; if (JSON.stringify(newData) !== JSON.stringify(sitter)) { console.log("Sitter data auto-updated:", { timestamp: new Date().toISOString(), changes: true }); setSitter(newData); setLastUpdate(new Date()); } } } catch (error) { console.error("Auto-refresh error:", error); } }; intervalId = setInterval(refreshSitterData, REFRESH_INTERVAL); return ()=>{ if (intervalId) clearInterval(intervalId); }; }, [ sitter ]); // In useEffect, keep background refresh but do not show loading to user React.useEffect(()=>{ let intervalId; const refreshDisabledSitters = async ()=>{ if (!isAuthenticated) return; // Don't set loading state for background refresh try { const offset = (currentPage - 1) * PAGE_SIZE; const response = await fetch("/api/db/sitter_profile-8046707", { method: "POST", body: JSON.stringify({ query: `SELECT id, name, sitter_id, disabled_reason, created_at, profile_picture, contact, email, location, description, service_pricing, availability, verification, pan_card, address_proof, govt_id, bank_proof, pet_photos, home_photos FROM sitter_profile WHERE enabled = 0 ORDER BY created_at DESC LIMIT ${Number(PAGE_SIZE)} OFFSET ${Number(offset)}`, values: [] }) }); if (!response.ok) throw new Error("Background refresh failed"); const data = await response.json(); setRecentDisabledSitters(data || []); } catch (error) { console.error("[Background refresh] Error:", error); } }; intervalId = setInterval(refreshDisabledSitters, REFRESH_INTERVAL); return ()=>{ if (intervalId) clearInterval(intervalId); }; }, [ isAuthenticated, currentPage ]); const LastUpdateIndicator = ()=>/*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 text-xs text-gray-500", __source: { fileName: "", lineNumber: 930, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sync fa-spin text-green-500", __source: { fileName: "", lineNumber: 931, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 932, columnNumber: 7 }, __self: this }, "Last updated: ", lastUpdate.toLocaleTimeString())); if (!isAuthenticated) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-indigo-50 to-white flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 940, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white rounded-2xl shadow-xl p-6 md:p-8 border border-gray-100", __source: { fileName: "", lineNumber: 941, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 942, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-900 mb-2", __source: { fileName: "", lineNumber: 943, columnNumber: 13 }, __self: this }, "Sitter Profile Editor"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 946, columnNumber: 13 }, __self: this }, "Please sign in to continue")), authError && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-red-50 text-red-600 rounded-xl border border-red-100 flex items-center", __source: { fileName: "", lineNumber: 950, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 951, columnNumber: 15 }, __self: this }), authError), /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, className: "space-y-6", __source: { fileName: "", lineNumber: 956, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 957, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 958, columnNumber: 15 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: email, onChange: (e)=>setEmail(e.target.value), className: "w-full px-4 py-2 border border-gray-200 rounded-xl focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition-all duration-200", required: true, __source: { fileName: "", lineNumber: 961, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 970, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 971, columnNumber: 15 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", value: password, onChange: (e)=>setPassword(e.target.value), className: "w-full px-4 py-2 border border-gray-200 rounded-xl focus:ring-2 focus:ring-indigo-500 focus:border-transparent transition-all duration-200", required: true, __source: { fileName: "", lineNumber: 974, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-gradient-to-r from-indigo-600 to-indigo-700 text-white py-2 px-4 rounded-xl hover:from-indigo-700 hover:to-indigo-800 transition-all duration-200 flex items-center justify-center gap-2", disabled: loginLoading, __source: { fileName: "", lineNumber: 983, columnNumber: 13 }, __self: this }, loginLoading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 990, columnNumber: 19 }, __self: this }), "Signing in...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-in-alt mr-2", __source: { fileName: "", lineNumber: 995, columnNumber: 19 }, __self: this }), "Sign In"))))); } const handleBulkDelete = async ()=>{ setBulkDeleteError(""); setBulkDeleteLoading(true); console.log("Starting bulk delete process"); try { // Verify password first const authResponse = await fetch("/api/lock-page-function", { method: "POST", body: JSON.stringify({ key: deletePassword }) }); const authData = await authResponse.json(); console.log("Password verification result:", authData.locked ? "Failed" : "Success"); if (authData.locked) { setBulkDeleteError("Invalid password"); setBulkDeleteLoading(false); return; } // Proceed with deletion const sitterIds = bulkSitters.map((sitter)=>sitter.sitter_id); console.log(`Deleting ${sitterIds.length} sitter profiles`); const response = await fetch("/api/db/sitter_profile-8046707", { method: "POST", body: JSON.stringify({ query: `DELETE FROM sitter_profile WHERE sitter_id IN (${sitterIds.map(()=>"?").join(",")})`, values: sitterIds }) }); if (!response.ok) throw new Error("Deletion failed"); const result = await response.json(); console.log("Deletion result:", result); // Clear the search and bulk data setSearchInput(""); setBulkSitters([]); setShowBulkDelete(false); setDeletePassword(""); // Show success message setError(""); alert(`Successfully deleted ${sitterIds.length} sitter profiles`); } catch (error) { console.error("Bulk delete error:", error); setBulkDeleteError("Failed to delete profiles. Please try again."); } finally{ setBulkDeleteLoading(false); } }; // Update handleGoBack to properly scroll to the sitter row const handleGoBack = ()=>{ if (sitter) { console.log("Going back to list view, will scroll to:", sitter.sitter_id); const sitterId = sitter.sitter_id; // Store the ID before clearing sitter setSitter(null); setSearchInput(""); setError(""); setSearchSuggestions([]); // Refresh the list and then scroll fetchDisabledSitters(currentPage).then(()=>{ // Give the list time to render setTimeout(()=>{ const row = document.getElementById(`sitter-row-${sitterId}`); if (row) { console.log("Scrolling to sitter row:", sitterId); row.scrollIntoView({ behavior: "smooth", block: "center" }); // Add a highlight effect row.classList.add("ring-2", "ring-indigo-400"); setTimeout(()=>row.classList.remove("ring-2", "ring-indigo-400"), 2000); } else { console.log("Could not find sitter row:", sitterId); } }, 100); }); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-gray-50 to-white", __source: { fileName: "", lineNumber: 1098, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "sticky top-0 bg-white shadow-lg z-20 backdrop-blur-lg bg-white/90", __source: { fileName: "", lineNumber: 1099, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 1100, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-stretch md:items-center gap-3 p-4", __source: { fileName: "", lineNumber: 1101, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 1102, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 1103, columnNumber: 15 }, __self: this }, "Sitter Profile Editor"), /*#__PURE__*/ React.createElement("button", { onClick: handleSignOut, className: "md:hidden px-3 py-1.5 text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 1106, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt", __source: { fileName: "", lineNumber: 1110, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 relative search-container", __source: { fileName: "", lineNumber: 1114, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 1115, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: searchInput, onChange: handleSearchInputChange, onKeyDown: (e)=>e.key === "Enter" && handleSearch(), placeholder: "Search by ID, contact or name", className: "w-full px-4 py-2 pr-10 border border-gray-200 rounded-xl focus:ring-2 focus:ring-indigo-500 focus:border-transparent text-sm shadow-sm", disabled: loading, __source: { fileName: "", lineNumber: 1116, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-2", __source: { fileName: "", lineNumber: 1125, columnNumber: 17 }, __self: this }, searchInput && /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setSearchInput(""); setError(""); setSitter(null); setSearchSuggestions([]); }, className: "text-gray-400 hover:text-gray-600 transition-colors", __source: { fileName: "", lineNumber: 1127, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 1136, columnNumber: 23 }, __self: this })))), searchSuggestions.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "absolute z-10 w-full mt-2 bg-white rounded-xl shadow-xl border border-gray-100 overflow-hidden", __source: { fileName: "", lineNumber: 1143, columnNumber: 17 }, __self: this }, searchSuggestions.map((suggestion, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>{ handleSitterSelect(suggestion.sitter_id); setSearchSuggestions([]); }, className: "w-full px-4 py-3 text-left hover:bg-gray-50 flex items-center justify-between border-b last:border-0 border-gray-100", __source: { fileName: "", lineNumber: 1145, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "min-w-0", __source: { fileName: "", lineNumber: 1153, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-medium text-gray-900 truncate", __source: { fileName: "", lineNumber: 1154, columnNumber: 25 }, __self: this }, suggestion.name), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 1157, columnNumber: 25 }, __self: this }, "ID: ", suggestion.sitter_id, suggestion.contact && ` • ${suggestion.contact}`)), /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-right text-gray-400 ml-2 flex-shrink-0", __source: { fileName: "", lineNumber: 1162, columnNumber: 23 }, __self: this }))))), showBulkDelete && bulkSitters.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-6 bg-white rounded-xl shadow-lg p-6 border border-gray-200", __source: { fileName: "", lineNumber: 1170, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 1171, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-900", __source: { fileName: "", lineNumber: 1172, columnNumber: 19 }, __self: this }, "Bulk Profile Management"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 1175, columnNumber: 19 }, __self: this }, bulkSitters.length, " profiles found")), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 1180, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-gray-200", __source: { fileName: "", lineNumber: 1181, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 1182, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 1183, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 1184, columnNumber: 25 }, __self: this }, "ID"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 1187, columnNumber: 25 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 1190, columnNumber: 25 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 1193, columnNumber: 25 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 1196, columnNumber: 25 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", __source: { fileName: "", lineNumber: 1199, columnNumber: 25 }, __self: this }, "Location"))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white divide-y divide-gray-200", __source: { fileName: "", lineNumber: 1204, columnNumber: 21 }, __self: this }, bulkSitters.map((sitter)=>/*#__PURE__*/ React.createElement("tr", { key: sitter.id, className: "hover:bg-gray-50", __source: { fileName: "", lineNumber: 1206, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 1207, columnNumber: 27 }, __self: this }, sitter.sitter_id), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", __source: { fileName: "", lineNumber: 1210, columnNumber: 27 }, __self: this }, sitter.name), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", __source: { fileName: "", lineNumber: 1213, columnNumber: 27 }, __self: this }, sitter.contact), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", __source: { fileName: "", lineNumber: 1216, columnNumber: 27 }, __self: this }, sitter.email), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap", __source: { fileName: "", lineNumber: 1219, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${sitter.enabled ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}`, __source: { fileName: "", lineNumber: 1220, columnNumber: 29 }, __self: this }, sitter.enabled ? "Enabled" : "Disabled")), /*#__PURE__*/ React.createElement("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", __source: { fileName: "", lineNumber: 1230, columnNumber: 27 }, __self: this }, sitter.location)))))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 border-t border-gray-200 pt-6", __source: { fileName: "", lineNumber: 1239, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "sm:flex sm:items-center sm:justify-between", __source: { fileName: "", lineNumber: 1240, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "sm:flex sm:items-center", __source: { fileName: "", lineNumber: 1241, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "password", placeholder: "Enter your password to confirm deletion", value: deletePassword, onChange: (e)=>setDeletePassword(e.target.value), className: "max-w-xs px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent", __source: { fileName: "", lineNumber: 1242, columnNumber: 23 }, __self: this }), bulkDeleteError && /*#__PURE__*/ React.createElement("p", { className: "mt-2 sm:mt-0 sm:ml-4 text-sm text-red-600", __source: { fileName: "", lineNumber: 1250, columnNumber: 25 }, __self: this }, bulkDeleteError)), /*#__PURE__*/ React.createElement("button", { onClick: handleBulkDelete, disabled: bulkDeleteLoading || !deletePassword, className: "mt-3 sm:mt-0 w-full sm:w-auto px-6 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 1255, columnNumber: 21 }, __self: this }, bulkDeleteLoading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 1262, columnNumber: 27 }, __self: this }), "Deleting...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash-alt", __source: { fileName: "", lineNumber: 1267, columnNumber: 27 }, __self: this }), "Delete All Profiles"))))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 1277, columnNumber: 13 }, __self: this }, sitter && /*#__PURE__*/ React.createElement("a", { href: `https://www.sniffbnb.com/profilepage?sitter_id=${sitter.sitter_id}`, target: "_blank", rel: "noopener noreferrer", className: "px-4 py-2 text-indigo-600 hover:text-indigo-800 flex items-center gap-2 text-sm font-medium transition-colors duration-200", title: "Open public profile page", __source: { fileName: "", lineNumber: 1280, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-link", __source: { fileName: "", lineNumber: 1287, columnNumber: 19 }, __self: this })), sitter && /*#__PURE__*/ React.createElement("button", { onClick: handleGoBack, className: "px-4 py-2 bg-gray-100 hover:bg-gray-200 rounded-lg text-gray-700 flex items-center gap-2 shadow-sm border border-gray-200", __source: { fileName: "", lineNumber: 1292, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left", __source: { fileName: "", lineNumber: 1296, columnNumber: 19 }, __self: this }), "Go Back"), sitter && /*#__PURE__*/ React.createElement("button", { onClick: async ()=>{ setHomeVerifying(true); try { let phone = sitter.contact || ""; if (!phone) { alert("No phone number found for this sitter."); console.log("No phone number found for sitter:", sitter); setHomeVerifying(false); return; } if (!phone.startsWith("91")) { phone = "91" + phone.replace(/^0+/, ""); } console.log("Sending home verification for phone:", phone); const res = await fetch("/api/home-verification", { method: "POST", body: JSON.stringify({ phoneNumbers: [ phone ] }) }); const data = await res.json(); console.log("Home verification response:", data); if (data.success) { alert("Home verification WhatsApp sent!"); } else { alert("Failed to send home verification. See console for details."); } } catch (err) { console.error("Home verification error:", err); alert("Error sending home verification. See console for details."); } setHomeVerifying(false); }, disabled: homeVerifying, className: "px-2 py-1 bg-green-600 hover:bg-green-700 text-white rounded flex items-center gap-1 text-xs shadow-sm border border-green-700", style: { minWidth: 36, minHeight: 32 }, __source: { fileName: "", lineNumber: 1304, columnNumber: 17 }, __self: this }, homeVerifying ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 1351, columnNumber: 21 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fab fa-whatsapp", __source: { fileName: "", lineNumber: 1353, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden sm:inline", __source: { fileName: "", lineNumber: 1355, columnNumber: 19 }, __self: this }, "Home verification")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setSitter(null); setSearchInput(""); setError(""); setSearchSuggestions([]); }, className: "px-4 py-2 text-gray-600 hover:text-gray-900 flex items-center gap-2 text-sm font-medium transition-colors duration-200", __source: { fileName: "", lineNumber: 1359, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home", __source: { fileName: "", lineNumber: 1368, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 1369, columnNumber: 17 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("button", { onClick: handleSearch, className: "flex-1 md:flex-none px-6 py-2 bg-gradient-to-r from-indigo-600 to-indigo-700 text-white rounded-xl flex items-center justify-center gap-2 hover:from-indigo-700 hover:to-indigo-800 transition-all duration-200 shadow-md hover:shadow-lg disabled:opacity-50 disabled:cursor-not-allowed text-sm font-medium", disabled: loading || !searchInput.trim(), __source: { fileName: "", lineNumber: 1372, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 1379, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 1380, columnNumber: 21 }, __self: this }, "Searching...")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search", __source: { fileName: "", lineNumber: 1384, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 1385, columnNumber: 21 }, __self: this }, "Search"))), /*#__PURE__*/ React.createElement("button", { onClick: handleSignOut, className: "hidden md:flex px-4 py-2 text-gray-600 hover:text-gray-900 items-center gap-2 text-sm font-medium transition-colors duration-200", __source: { fileName: "", lineNumber: 1390, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt", __source: { fileName: "", lineNumber: 1394, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 1395, columnNumber: 17 }, __self: this }, "Sign Out")))))), /*#__PURE__*/ React.createElement("div", { className: "p-4 md:p-6", __source: { fileName: "", lineNumber: 1402, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 1403, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-xl p-4 md:p-6 border border-gray-100", __source: { fileName: "", lineNumber: 1404, columnNumber: 11 }, __self: this }, hasTriedLoading && error && /*#__PURE__*/ React.createElement("div", { className: "mb-6 p-4 bg-red-50 text-red-600 rounded-xl border border-red-100 flex items-center", __source: { fileName: "", lineNumber: 1406, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 1407, columnNumber: 17 }, __self: this }), error), showConfirmation && /*#__PURE__*/ React.createElement("div", { className: "fixed top-4 right-4 bg-green-500 text-white px-6 py-3 rounded-xl shadow-lg flex items-center animate-fade-in-down", __source: { fileName: "", lineNumber: 1413, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-2", __source: { fileName: "", lineNumber: 1414, columnNumber: 17 }, __self: this }), "Updated successfully!"), !sitter && /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 1420, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-900 mb-6", __source: { fileName: "", lineNumber: 1421, columnNumber: 17 }, __self: this }, "Recently Disabled Sitters"), /*#__PURE__*/ React.createElement("div", { className: "mb-4 flex items-center gap-4", __source: { fileName: "", lineNumber: 1424, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center gap-2 cursor-pointer", __source: { fileName: "", lineNumber: 1425, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: showVerificationPendingOnly, onChange: ()=>setShowVerificationPendingOnly((v)=>!v), className: "form-checkbox h-4 w-4 text-indigo-600 border-gray-300 rounded", __source: { fileName: "", lineNumber: 1426, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-700", __source: { fileName: "", lineNumber: 1432, columnNumber: 21 }, __self: this }, "Show only verification pending"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-4", __source: { fileName: "", lineNumber: 1437, columnNumber: 17 }, __self: this }, recentDisabledSitters.map((disabledSitter)=>{ let petPhotos = []; let homePhotos = []; try { petPhotos = Array.isArray(JSON.parse(disabledSitter.pet_photos || "[]")) ? JSON.parse(disabledSitter.pet_photos || "[]") : []; homePhotos = Array.isArray(JSON.parse(disabledSitter.home_photos || "[]")) ? JSON.parse(disabledSitter.home_photos || "[]") : []; } catch (e) { console.error("Error parsing photos for sitter:", disabledSitter.sitter_id, e); } // --- Fix: Always check for 'verification pending' in a robust way --- let verificationValue = (disabledSitter.verification || "").toString().trim().toLowerCase(); const isVerificationPending = verificationValue === "verification pending"; // --- End fix --- const pendingItems = { contact: !disabledSitter.contact || disabledSitter.contact.trim() === "", email: !disabledSitter.email || disabledSitter.email.trim() === "", location: !disabledSitter.location || disabledSitter.location.trim() === "", description: !disabledSitter.description || disabledSitter.description.trim() === "", servicePricing: !disabledSitter.service_pricing || disabledSitter.service_pricing.trim() === "", availability: !disabledSitter.availability || disabledSitter.availability.trim() === "", panCard: !disabledSitter.pan_card || disabledSitter.pan_card.trim() === "", addressProof: !disabledSitter.address_proof || disabledSitter.address_proof.trim() === "", govtId: !disabledSitter.govt_id || disabledSitter.govt_id.trim() === "", bankProof: !disabledSitter.bank_proof || disabledSitter.bank_proof.trim() === "", petPhotos: Math.max(0, 5 - petPhotos.length), homePhotos: Math.max(0, 4 - homePhotos.length) }; const hasPendingItems = Object.values(pendingItems).some((value)=>typeof value === "boolean" ? value : value > 0); if (!hasPendingItems) return null; const hasPendingBasicInfo = pendingItems.contact || pendingItems.email || pendingItems.location || pendingItems.description || pendingItems.servicePricing || pendingItems.availability; const hasPendingDocuments = pendingItems.panCard || pendingItems.addressProof || pendingItems.govtId || pendingItems.bankProof; const hasPendingPhotos = pendingItems.petPhotos > 0 || pendingItems.homePhotos > 0; return /*#__PURE__*/ React.createElement("button", { key: disabledSitter.id, id: `sitter-row-${disabledSitter.sitter_id}`, onClick: ()=>handleSitterSelect(disabledSitter.sitter_id), className: `w-full text-left p-4 border border-gray-200 rounded-xl hover:bg-gray-50 transition-all duration-200 shadow-sm ${isVerificationPending ? "bg-[#FFFBEA]" : ""}`, __source: { fileName: "", lineNumber: 1529, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-3 items-center", __source: { fileName: "", lineNumber: 1539, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 1540, columnNumber: 27 }, __self: this }, disabledSitter.profile_picture ? /*#__PURE__*/ React.createElement("img", { src: disabledSitter.profile_picture, alt: disabledSitter.name, className: "w-12 h-12 rounded-full object-cover border-2 border-gray-200 shadow-md", __source: { fileName: "", lineNumber: 1542, columnNumber: 31 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded-full bg-gray-200 flex items-center justify-center", __source: { fileName: "", lineNumber: 1548, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-gray-400 text-xl", __source: { fileName: "", lineNumber: 1549, columnNumber: 33 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-grow min-w-0", __source: { fileName: "", lineNumber: 1553, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-2", __source: { fileName: "", lineNumber: 1554, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1555, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-base font-semibold text-gray-900 truncate", __source: { fileName: "", lineNumber: 1556, columnNumber: 33 }, __self: this }, disabledSitter.name), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 1559, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 font-mono", __source: { fileName: "", lineNumber: 1560, columnNumber: 35 }, __self: this }, "ID: ", disabledSitter.sitter_id))), isVerificationPending ? /*#__PURE__*/ React.createElement("span", { className: "flex-shrink-0 inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-[#FFFBEA] text-yellow-900 border border-yellow-300", __source: { fileName: "", lineNumber: 1566, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle mr-1", __source: { fileName: "", lineNumber: 1567, columnNumber: 35 }, __self: this }), "Verification Pending") : null), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 1572, columnNumber: 29 }, __self: this }, pendingItems.contact && /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center bg-gray-100 px-3 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 1574, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone-alt mr-1 text-blue-400", __source: { fileName: "", lineNumber: 1575, columnNumber: 35 }, __self: this }), "Contact"), pendingItems.email && /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center bg-gray-100 px-3 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 1580, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope mr-1 text-blue-400", __source: { fileName: "", lineNumber: 1581, columnNumber: 35 }, __self: this }), "Email"), pendingItems.location && /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center bg-gray-100 px-3 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 1586, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt mr-1 text-blue-400", __source: { fileName: "", lineNumber: 1587, columnNumber: 35 }, __self: this }), "Location"), pendingItems.description && /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center bg-gray-100 px-3 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 1592, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-alt mr-1 text-blue-400", __source: { fileName: "", lineNumber: 1593, columnNumber: 35 }, __self: this }), "Description"), pendingItems.servicePricing && /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center bg-gray-100 px-3 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 1598, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tags mr-1 text-blue-400", __source: { fileName: "", lineNumber: 1599, columnNumber: 35 }, __self: this }), "Pricing"), pendingItems.availability && /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center bg-gray-100 px-3 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 1604, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar mr-1 text-blue-400", __source: { fileName: "", lineNumber: 1605, columnNumber: 35 }, __self: this }), "Availability"), pendingItems.panCard && /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center bg-gray-100 px-3 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 1610, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-id-card mr-1 text-purple-400", __source: { fileName: "", lineNumber: 1611, columnNumber: 35 }, __self: this }), "PAN Card"), pendingItems.addressProof && /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center bg-gray-100 px-3 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 1616, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home mr-1 text-purple-400", __source: { fileName: "", lineNumber: 1617, columnNumber: 35 }, __self: this }), "Address"), pendingItems.govtId && /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center bg-gray-100 px-3 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 1622, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-id-badge mr-1 text-purple-400", __source: { fileName: "", lineNumber: 1623, columnNumber: 35 }, __self: this }), "Govt ID"), pendingItems.bankProof && /*#__PURE__*/ React.createElement("span", { className: "inline-flex items-center bg-gray-100 px-3 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 1628, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-university mr-1 text-purple-400", __source: { fileName: "", lineNumber: 1629, columnNumber: 35 }, __self: this }), "Bank")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4", __source: { fileName: "", lineNumber: 1634, columnNumber: 29 }, __self: this }, pendingItems.petPhotos > 0 && /*#__PURE__*/ React.createElement("div", { className: "flex-1 min-w-[120px]", __source: { fileName: "", lineNumber: 1636, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-xs mb-1", __source: { fileName: "", lineNumber: 1637, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 1638, columnNumber: 37 }, __self: this }, "Pet Photos"), /*#__PURE__*/ React.createElement("span", { className: "font-medium text-gray-700", __source: { fileName: "", lineNumber: 1641, columnNumber: 37 }, __self: this }, 5 - pendingItems.petPhotos, "/5")), /*#__PURE__*/ React.createElement("div", { className: "h-1.5 bg-gray-100 rounded-full overflow-hidden", __source: { fileName: "", lineNumber: 1645, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full bg-indigo-500 rounded-full", style: { width: `${(5 - pendingItems.petPhotos) / 5 * 100}%` }, __source: { fileName: "", lineNumber: 1646, columnNumber: 37 }, __self: this }))), pendingItems.homePhotos > 0 && /*#__PURE__*/ React.createElement("div", { className: "flex-1 min-w-[120px]", __source: { fileName: "", lineNumber: 1659, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-xs mb-1", __source: { fileName: "", lineNumber: 1660, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 1661, columnNumber: 37 }, __self: this }, "Home Photos"), /*#__PURE__*/ React.createElement("span", { className: "font-medium text-gray-700", __source: { fileName: "", lineNumber: 1664, columnNumber: 37 }, __self: this }, 4 - pendingItems.homePhotos, "/4")), /*#__PURE__*/ React.createElement("div", { className: "h-1.5 bg-gray-100 rounded-full overflow-hidden", __source: { fileName: "", lineNumber: 1668, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full bg-indigo-500 rounded-full", style: { width: `${(4 - pendingItems.homePhotos) / 4 * 100}%` }, __source: { fileName: "", lineNumber: 1669, columnNumber: 37 }, __self: this })))), disabledSitter.disabled_reason && /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 mt-2", __source: { fileName: "", lineNumber: 1683, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 1684, columnNumber: 33 }, __self: this }, "Reason:"), " ", disabledSitter.disabled_reason)), /*#__PURE__*/ React.createElement("a", { href: `https://www.sniffbnb.com/profilepage?sitter_id=${disabledSitter.sitter_id}`, target: "_blank", rel: "noopener noreferrer", className: "text-indigo-600 hover:text-indigo-800 ml-2", title: "Open public profile page", __source: { fileName: "", lineNumber: 1689, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-link", __source: { fileName: "", lineNumber: 1696, columnNumber: 29 }, __self: this })))); }), recentDisabledSitters.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "col-span-2 text-center py-12 bg-gray-50 rounded-xl border border-gray-200", __source: { fileName: "", lineNumber: 1703, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-slash text-gray-400 text-4xl mb-3", __source: { fileName: "", lineNumber: 1704, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 1705, columnNumber: 23 }, __self: this }, "No disabled sitters found"))), recentDisabledSitters.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center gap-4 mt-6", __source: { fileName: "", lineNumber: 1710, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 rounded-lg border bg-white text-gray-700 hover:bg-gray-100 disabled:opacity-50 flex items-center gap-2", onClick: async ()=>{ if (loading) return; setLoading(true); const prevPage = Math.max(1, currentPage - 1); setCurrentPage(prevPage); await fetchDisabledSitters(prevPage); setLoading(false); }, disabled: currentPage === 1 || loading, __source: { fileName: "", lineNumber: 1711, columnNumber: 21 }, __self: this }, loading && currentPage !== 1 ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 1725, columnNumber: 27 }, __self: this }), "Loading...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-left mr-2", __source: { fileName: "", lineNumber: 1730, columnNumber: 27 }, __self: this }), " Previous")), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1734, columnNumber: 21 }, __self: this }, "Page ", currentPage, " of ", totalPages), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 rounded-lg border bg-white text-gray-700 hover:bg-gray-100 disabled:opacity-50 flex items-center gap-2", onClick: async ()=>{ if (loading) return; setLoading(true); const nextPage = currentPage + 1; setCurrentPage(nextPage); await fetchDisabledSitters(nextPage); setLoading(false); }, disabled: !hasMore || loading, __source: { fileName: "", lineNumber: 1737, columnNumber: 21 }, __self: this }, loading && currentPage !== totalPages ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 1751, columnNumber: 27 }, __self: this }), "Loading...") : /*#__PURE__*/ React.createElement(React.Fragment, null, "Next ", /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-right ml-2", __source: { fileName: "", lineNumber: 1756, columnNumber: 32 }, __self: this }))), !hasMore && /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500 mt-2", __source: { fileName: "", lineNumber: 1761, columnNumber: 23 }, __self: this }, "No more data."))), sitter && /*#__PURE__*/ React.createElement("div", { className: "space-y-6 md:space-y-8", __source: { fileName: "", lineNumber: 1771, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-6", __source: { fileName: "", lineNumber: 1772, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-48 flex-shrink-0 border-r border-gray-200 pt-2", __source: { fileName: "", lineNumber: 1774, columnNumber: 19 }, __self: this }, Object.entries(sections).map(([key, section])=>/*#__PURE__*/ React.createElement("button", { key: key, onClick: ()=>handleTabChange(key), className: `w-full px-4 py-3 text-left text-sm transition-all duration-200 flex items-center gap-2 ${selectedSection === key ? "text-indigo-600 bg-indigo-50 border-r-2 border-indigo-600" : "text-gray-600 hover:bg-gray-50"}`, __source: { fileName: "", lineNumber: 1776, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${section.icon} w-5`, __source: { fileName: "", lineNumber: 1786, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "truncate", __source: { fileName: "", lineNumber: 1787, columnNumber: 25 }, __self: this }, section.title)))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 min-h-[calc(100vh-300px)] overflow-y-auto", __source: { fileName: "", lineNumber: 1793, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 1794, columnNumber: 21 }, __self: this }, sections[selectedSection].fields.map((field)=>{ const value = sitter[field]; const isMultipleImages = [ "pet_photos", "home_photos" ].includes(field); const isSingleImage = [ "profile_picture", "pan_card", "address_proof", "govt_id", "bank_proof" ].includes(field); const inputType = getInputType(field); const isReadOnly = isReadOnlyField(field); const fieldLabel = field.split("_").map((word)=>word.charAt(0).toUpperCase() + word.slice(1)).join(" "); // --- Food Included Dropdown --- if (field === "food_included") { return /*#__PURE__*/ React.createElement("div", { key: field, className: "col-span-full bg-white rounded-lg p-4 shadow-sm border border-gray-100", __source: { fileName: "", lineNumber: 1821, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 1825, columnNumber: 31 }, __self: this }, "Food Included"), /*#__PURE__*/ React.createElement("select", { className: "w-full px-3 py-2 border rounded text-sm", value: value || "", onChange: (e)=>{ handleFieldChange(field, e.target.value); console.log("Food Included changed:", e.target.value); }, disabled: isReadOnly, __source: { fileName: "", lineNumber: 1828, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 1840, columnNumber: 33 }, __self: this }, "Select"), /*#__PURE__*/ React.createElement("option", { value: "Basic Home Meal Included", __source: { fileName: "", lineNumber: 1841, columnNumber: 33 }, __self: this }, "Basic Home Meal Included"), /*#__PURE__*/ React.createElement("option", { value: "Basic Customized Meal Included", __source: { fileName: "", lineNumber: 1844, columnNumber: 33 }, __self: this }, "Basic Customized Meal Included"), /*#__PURE__*/ React.createElement("option", { value: "Meal Excluded", __source: { fileName: "", lineNumber: 1847, columnNumber: 33 }, __self: this }, "Meal Excluded"))); } if (field === "pet_breeds_handled") { // List of common breeds (updated and sorted alphabetically, 'Other' last) const allBreeds = [ "Afghan Hound", "Akita", "Alaskan Malamute", "American Staffordshire", "Basset Hound", "Beagle", "Belgian Malinois", "Bernese Mountain Dog", "Bird", "Border Collie", "Boston Terrier", "Boxer", "Bullmastiff", "Bulldog", "Cavalier King Charles Spaniel", "Chihuahua", "Chow chow", "Cocker Spaniel", "Dachshund", "Dalmatian", "Doberman", "English Setter", "French Bulldog", "German Shepherd", "Golden Retriever", "Great Dane", "Greyhound", "Havanese", "Indian spitz", "Indie", "Irish Setter", "Jack Russell Terrier", "Labrador", "Labrador Retriever", "Lhasa Apso", "Maltese", "Miniature Schnauzer", "Newfoundland", "Papillon", "Pekingese", "PITBULL", "Pitbull", "Pointer", "Pomeranian", "Poodle", "Pug", "Rabbit", "Rottweiler", "Saint Bernard", "Saluki", "Samoyed", "Shiba Inu", "Shih Tzu", "Shetland Sheepdog", "Siberian Husky", "Small Dog", "Tibetan Mastiff", "Whippet", "Yorkshire Terrier", // 'Other' always last "Other" ]; // Remove duplicates and sort alphabetically except 'Other' last const uniqueBreeds = Array.from(new Set(allBreeds.filter((b)=>b && b !== "Other"))).sort((a, b)=>a.localeCompare(b)); uniqueBreeds.push("Other"); // Parse the value as an array let breeds = []; try { breeds = value ? JSON.parse(value) : []; if (!Array.isArray(breeds)) breeds = []; } catch { breeds = []; } return /*#__PURE__*/ React.createElement("div", { className: "col-span-full bg-white rounded-lg p-4 shadow-sm border border-gray-100", __source: { fileName: "", lineNumber: 1934, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 1935, columnNumber: 31 }, __self: this }, "Pet Breeds Handled"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 1938, columnNumber: 31 }, __self: this }, breeds.map((breed, idx)=>/*#__PURE__*/ React.createElement("span", { key: idx, className: "flex items-center bg-gray-100 px-3 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 1940, columnNumber: 35 }, __self: this }, breed))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-2", __source: { fileName: "", lineNumber: 1948, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("select", { className: "px-3 py-2 border rounded text-sm", value: selectedBreed, onChange: (e)=>setSelectedBreed(e.target.value), __source: { fileName: "", lineNumber: 1949, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 1956, columnNumber: 35 }, __self: this }, "Select breed"), uniqueBreeds.map((breed)=>/*#__PURE__*/ React.createElement("option", { key: breed, value: breed, __source: { fileName: "", lineNumber: 1958, columnNumber: 37 }, __self: this }, breed))), selectedBreed === "Other" && /*#__PURE__*/ React.createElement("input", { className: "px-3 py-2 border rounded text-sm", placeholder: "Enter custom breed", value: customBreed, onChange: (e)=>setCustomBreed(e.target.value), __source: { fileName: "", lineNumber: 1964, columnNumber: 35 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", className: "px-3 py-2 bg-green-600 text-white rounded hover:bg-green-700", onClick: ()=>{ let breedToAdd = selectedBreed === "Other" ? customBreed : selectedBreed; if (breedToAdd && !breeds.includes(breedToAdd)) { const newBreeds = [ ...breeds, breedToAdd ]; handleFieldChange(field, JSON.stringify(newBreeds)); console.log("Breed added:", breedToAdd, "Current breeds:", newBreeds); } setSelectedBreed(""); setCustomBreed(""); }, __source: { fileName: "", lineNumber: 1973, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus", __source: { fileName: "", lineNumber: 2001, columnNumber: 35 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 2004, columnNumber: 31 }, __self: this }, breeds.map((breed, idx)=>/*#__PURE__*/ React.createElement("span", { key: idx, className: "flex items-center bg-gray-100 px-3 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 2006, columnNumber: 35 }, __self: this }, breed, /*#__PURE__*/ React.createElement("button", { type: "button", className: "ml-2 text-red-500 hover:text-red-700", onClick: ()=>{ const newBreeds = breeds.filter((b)=>b !== breed); handleFieldChange(field, JSON.stringify(newBreeds)); console.log("Breed removed:", breed, "Current breeds:", newBreeds); }, __source: { fileName: "", lineNumber: 2011, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash-alt", __source: { fileName: "", lineNumber: 2030, columnNumber: 39 }, __self: this })))))); } if (field === "home_type") { const homeTypes = [ "Apartment / Flat", "Independent House", "Villa / Gated Bungalow", "Builder Floor", "Farmhouse", "Other" ]; return /*#__PURE__*/ React.createElement("div", { className: "col-span-full bg-white rounded-lg p-4 shadow-sm border border-gray-100", __source: { fileName: "", lineNumber: 2049, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 2050, columnNumber: 31 }, __self: this }, "Home Type"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-2", __source: { fileName: "", lineNumber: 2053, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("select", { className: "px-3 py-2 border rounded text-sm", value: value === undefined ? "" : homeTypes.includes(value) ? value : "Other", onChange: (e)=>{ if (e.target.value === "Other") { handleFieldChange(field, ""); } else { handleFieldChange(field, e.target.value); } }, __source: { fileName: "", lineNumber: 2054, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 2071, columnNumber: 35 }, __self: this }, "Select home type"), homeTypes.map((type)=>/*#__PURE__*/ React.createElement("option", { key: type, value: type, __source: { fileName: "", lineNumber: 2073, columnNumber: 37 }, __self: this }, type))), (value && !homeTypes.includes(value) || value === "") && /*#__PURE__*/ React.createElement("input", { className: "px-3 py-2 border rounded text-sm", placeholder: "Enter custom home type", value: value && !homeTypes.includes(value) ? value : "", onChange: (e)=>handleFieldChange(field, e.target.value), __source: { fileName: "", lineNumber: 2080, columnNumber: 35 }, __self: this }))); } if (field === "floor_number") { return /*#__PURE__*/ React.createElement("div", { key: field, className: "bg-white rounded-lg p-4 shadow-sm border border-gray-100", __source: { fileName: "", lineNumber: 2100, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 2104, columnNumber: 31 }, __self: this }, "Floor Number"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 2107, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", min: "0", step: "1", value: value || "", onChange: (e)=>handleFieldChange(field, e.target.value.replace(/[^0-9]/g, "")), disabled: isReadOnlyField(field), className: `w-full px-3 py-2 border rounded-lg text-sm ${isReadOnlyField(field) ? "bg-gray-50 cursor-not-allowed" : "focus:ring-2 focus:ring-indigo-500 focus:border-transparent"}`, placeholder: "Enter floor number...", __source: { fileName: "", lineNumber: 2108, columnNumber: 33 }, __self: this }))); } if (field === "home_size") { return /*#__PURE__*/ React.createElement("div", { key: field, className: "bg-white rounded-lg p-4 shadow-sm border border-gray-100", __source: { fileName: "", lineNumber: 2134, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 2138, columnNumber: 31 }, __self: this }, "Home Size"), /*#__PURE__*/ React.createElement("select", { className: "w-full px-3 py-2 border rounded text-sm", value: value || "", onChange: (e)=>handleFieldChange(field, e.target.value), disabled: isReadOnlyField(field), __source: { fileName: "", lineNumber: 2141, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 2149, columnNumber: 33 }, __self: this }, "Select Home Size"), /*#__PURE__*/ React.createElement("option", { value: "1 BHK", __source: { fileName: "", lineNumber: 2150, columnNumber: 33 }, __self: this }, "1 BHK"), /*#__PURE__*/ React.createElement("option", { value: "2 BHK", __source: { fileName: "", lineNumber: 2151, columnNumber: 33 }, __self: this }, "2 BHK"), /*#__PURE__*/ React.createElement("option", { value: "3 BHK", __source: { fileName: "", lineNumber: 2152, columnNumber: 33 }, __self: this }, "3 BHK"), /*#__PURE__*/ React.createElement("option", { value: "4 BHK", __source: { fileName: "", lineNumber: 2153, columnNumber: 33 }, __self: this }, "4 BHK"), /*#__PURE__*/ React.createElement("option", { value: "5 BHK", __source: { fileName: "", lineNumber: 2154, columnNumber: 33 }, __self: this }, "5 BHK"))); } if (field === "host_owns_pet") { return /*#__PURE__*/ React.createElement("div", { key: field, className: "bg-white rounded-lg p-4 shadow-sm border border-gray-100", __source: { fileName: "", lineNumber: 2162, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 2166, columnNumber: 31 }, __self: this }, "Does host own a pet?"), /*#__PURE__*/ React.createElement("select", { className: "w-full px-3 py-2 border rounded text-sm", value: value || "", onChange: (e)=>handleFieldChange(field, e.target.value), disabled: isReadOnlyField(field), __source: { fileName: "", lineNumber: 2169, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 2177, columnNumber: 33 }, __self: this }, "Select"), /*#__PURE__*/ React.createElement("option", { value: "Yes", __source: { fileName: "", lineNumber: 2178, columnNumber: 33 }, __self: this }, "Yes"), /*#__PURE__*/ React.createElement("option", { value: "No", __source: { fileName: "", lineNumber: 2179, columnNumber: 33 }, __self: this }, "No"))); } if (field === "host_pet_breed_type" || field === "host_pet_nature" || field === "host_pet_aggressive" || field === "host_pet_friendly") { // Only show these if host_owns_pet is "Yes" if (sitter.host_owns_pet !== "Yes") return null; if (field === "host_pet_breed_type") { return /*#__PURE__*/ React.createElement("div", { key: field, className: "bg-white rounded-lg p-4 shadow-sm border border-gray-100", __source: { fileName: "", lineNumber: 2196, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 2200, columnNumber: 33 }, __self: this }, "Host Pet Breed/Type"), /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full px-3 py-2 border rounded text-sm", value: value || "", onChange: (e)=>handleFieldChange(field, e.target.value), disabled: isReadOnlyField(field), placeholder: "Enter breed or type", __source: { fileName: "", lineNumber: 2203, columnNumber: 33 }, __self: this })); } if (field === "host_pet_nature") { return /*#__PURE__*/ React.createElement("div", { key: field, className: "bg-white rounded-lg p-4 shadow-sm border border-gray-100", __source: { fileName: "", lineNumber: 2219, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 2223, columnNumber: 33 }, __self: this }, "Nature of Pet"), /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full px-3 py-2 border rounded text-sm", value: value || "", onChange: (e)=>handleFieldChange(field, e.target.value), disabled: isReadOnlyField(field), placeholder: "e.g. Calm, Playful, Shy", __source: { fileName: "", lineNumber: 2226, columnNumber: 33 }, __self: this })); } if (field === "host_pet_aggressive") { return /*#__PURE__*/ React.createElement("div", { key: field, className: "bg-white rounded-lg p-4 shadow-sm border border-gray-100", __source: { fileName: "", lineNumber: 2242, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 2246, columnNumber: 33 }, __self: this }, "Is the pet aggressive?"), /*#__PURE__*/ React.createElement("select", { className: "w-full px-3 py-2 border rounded text-sm", value: value || "", onChange: (e)=>handleFieldChange(field, e.target.value), disabled: isReadOnlyField(field), __source: { fileName: "", lineNumber: 2249, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 2257, columnNumber: 35 }, __self: this }, "Select"), /*#__PURE__*/ React.createElement("option", { value: "Yes", __source: { fileName: "", lineNumber: 2258, columnNumber: 35 }, __self: this }, "Yes"), /*#__PURE__*/ React.createElement("option", { value: "No", __source: { fileName: "", lineNumber: 2259, columnNumber: 35 }, __self: this }, "No"))); } if (field === "host_pet_friendly") { return /*#__PURE__*/ React.createElement("div", { key: field, className: "bg-white rounded-lg p-4 shadow-sm border border-gray-100", __source: { fileName: "", lineNumber: 2267, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 2271, columnNumber: 33 }, __self: this }, "Is the pet friendly?"), /*#__PURE__*/ React.createElement("select", { className: "w-full px-3 py-2 border rounded text-sm", value: value || "", onChange: (e)=>handleFieldChange(field, e.target.value), disabled: isReadOnlyField(field), __source: { fileName: "", lineNumber: 2274, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 2282, columnNumber: 35 }, __self: this }, "Select"), /*#__PURE__*/ React.createElement("option", { value: "Yes", __source: { fileName: "", lineNumber: 2283, columnNumber: 35 }, __self: this }, "Yes"), /*#__PURE__*/ React.createElement("option", { value: "No", __source: { fileName: "", lineNumber: 2284, columnNumber: 35 }, __self: this }, "No"))); } } if (field === "can_handle_aggressive_pet") { return /*#__PURE__*/ React.createElement("div", { key: field, className: "bg-white rounded-lg p-4 shadow-sm border border-gray-100", __source: { fileName: "", lineNumber: 2293, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 2297, columnNumber: 31 }, __self: this }, "Can host handle aggressive pet?"), /*#__PURE__*/ React.createElement("select", { className: "w-full px-3 py-2 border rounded text-sm", value: value || "", onChange: (e)=>handleFieldChange(field, e.target.value), disabled: isReadOnlyField(field), __source: { fileName: "", lineNumber: 2300, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 2308, columnNumber: 33 }, __self: this }, "Select"), /*#__PURE__*/ React.createElement("option", { value: "Yes", __source: { fileName: "", lineNumber: 2309, columnNumber: 33 }, __self: this }, "Yes"), /*#__PURE__*/ React.createElement("option", { value: "No", __source: { fileName: "", lineNumber: 2310, columnNumber: 33 }, __self: this }, "No"))); } if (isMultipleImages) { const maxPhotos = field === "pet_photos" ? 5 : 4; const photos = value ? JSON.parse(value) : []; return /*#__PURE__*/ React.createElement("div", { key: field, className: "col-span-full bg-white rounded-lg p-4 shadow-sm border border-gray-100", __source: { fileName: "", lineNumber: 2320, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-3", __source: { fileName: "", lineNumber: 2324, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 2325, columnNumber: 33 }, __self: this }, fieldLabel), /*#__PURE__*/ React.createElement("span", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 2328, columnNumber: 33 }, __self: this }, photos.length, " of ", maxPhotos)), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3", __source: { fileName: "", lineNumber: 2332, columnNumber: 31 }, __self: this }, photos.map((photo, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "relative group aspect-square", __source: { fileName: "", lineNumber: 2334, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: photo, alt: `${fieldLabel} ${index + 1}`, className: "w-full h-full object-cover rounded-lg cursor-pointer", onClick: ()=>{ setGalleryImages(photos); setGalleryIndex(index); setShowImagePreview(photo); }, __source: { fileName: "", lineNumber: 2338, columnNumber: 37 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-1 right-1 flex flex-col gap-1 opacity-0 group-hover:opacity-100 transition-opacity", __source: { fileName: "", lineNumber: 2348, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleImageAction(field, "delete", index.toString()), className: "p-1.5 bg-red-500 text-white rounded-full opacity-0 group-hover:opacity-100 transition-opacity", __source: { fileName: "", lineNumber: 2349, columnNumber: 39 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash-alt text-xs", __source: { fileName: "", lineNumber: 2359, columnNumber: 41 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleImageAction(field, "download", photo), className: "p-1.5 bg-green-500 text-white rounded-full opacity-0 group-hover:opacity-100 transition-opacity", __source: { fileName: "", lineNumber: 2361, columnNumber: 39 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download text-xs", __source: { fileName: "", lineNumber: 2371, columnNumber: 41 }, __self: this }))))), photos.length < maxPhotos && /*#__PURE__*/ React.createElement("label", { className: "aspect-square border-2 border-dashed border-gray-300 rounded-lg flex flex-col items-center justify-center text-gray-400 cursor-pointer hover:border-indigo-500 hover:text-indigo-500 transition-colors", __source: { fileName: "", lineNumber: 2377, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus text-xl", __source: { fileName: "", lineNumber: 2378, columnNumber: 37 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: (e)=>{ if (e.target.files?.[0]) { handleImageAction(field, "upload", e.target.files[0]); } }, className: "hidden", __source: { fileName: "", lineNumber: 2379, columnNumber: 37 }, __self: this })))); } if (isSingleImage) { return /*#__PURE__*/ React.createElement("div", { key: field, className: "col-span-full bg-white rounded-lg p-4 shadow-sm border border-gray-100", __source: { fileName: "", lineNumber: 2402, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-900 mb-3", __source: { fileName: "", lineNumber: 2406, columnNumber: 31 }, __self: this }, fieldLabel), /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-4", __source: { fileName: "", lineNumber: 2409, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative group w-24 h-24 flex-shrink-0", __source: { fileName: "", lineNumber: 2410, columnNumber: 33 }, __self: this }, value ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("img", { src: value, alt: fieldLabel, className: "w-full h-full object-cover rounded-lg cursor-pointer", onClick: ()=>{ setGalleryImages([ value ]); setGalleryIndex(0); setShowImagePreview(value); }, __source: { fileName: "", lineNumber: 2413, columnNumber: 39 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-1 right-1 flex flex-col gap-1 opacity-0 group-hover:opacity-100 transition-opacity", __source: { fileName: "", lineNumber: 2423, columnNumber: 39 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleImageAction(field, "delete"), className: "p-1.5 bg-red-500 text-white rounded-full opacity-0 group-hover:opacity-100 transition-opacity", __source: { fileName: "", lineNumber: 2424, columnNumber: 41 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash-alt text-xs", __source: { fileName: "", lineNumber: 2430, columnNumber: 43 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleImageAction(field, "download"), className: "p-1.5 bg-green-500 text-white rounded-full opacity-0 group-hover:opacity-100 transition-opacity", __source: { fileName: "", lineNumber: 2432, columnNumber: 41 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download text-xs", __source: { fileName: "", lineNumber: 2438, columnNumber: 43 }, __self: this })))) : /*#__PURE__*/ React.createElement("div", { className: "w-full h-full border-2 border-dashed border-gray-300 rounded-lg flex items-center justify-center text-gray-400", __source: { fileName: "", lineNumber: 2443, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-image text-xl", __source: { fileName: "", lineNumber: 2444, columnNumber: 39 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 2448, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: (e)=>{ if (e.target.files?.[0]) { handleImageAction(field, "upload", e.target.files[0]); } }, className: "w-full text-sm text-gray-500 file:mr-3 file:py-1.5 file:px-3 file:rounded-full file:border-0 file:text-sm file:font-medium file:bg-indigo-600 file:text-white hover:file:bg-indigo-700 transition-all", __source: { fileName: "", lineNumber: 2449, columnNumber: 35 }, __self: this })))); } // PRICING FIELD (NEW) if (field === "service_pricing") { const allServiceTypes = [ "Pet Boarding", "Daycare Services", "Dog Walking", "House Sitting", "Drop-In Visits", "Pet Grooming" ]; const allPetTypes = [ "Puppy", "Small Dog", "Medium Dog", "Large Dog", "Giant Dog", "Cat", "Rabbit", "Bird" ]; let pricingData = {}; try { pricingData = sitter?.service_pricing ? JSON.parse(sitter.service_pricing) : {}; } catch (e) { pricingData = {}; } const getPrice = (service, pet)=>pricingData[service]?.[pet] || ""; const handlePriceChange = (service, pet, price)=>{ const updatedPricing = { ...pricingData }; if (!updatedPricing[service]) updatedPricing[service] = {}; updatedPricing[service][pet] = price; handleFieldChange("service_pricing", JSON.stringify(updatedPricing)); }; // New: Delete a pet type from a service const handleDeletePetType = (service, pet)=>{ const updatedPricing = { ...pricingData }; if (updatedPricing[service]) { delete updatedPricing[service][pet]; // If no pets left, remove the service if (Object.keys(updatedPricing[service]).length === 0) { delete updatedPricing[service]; } handleFieldChange("service_pricing", JSON.stringify(updatedPricing)); } }; // New: Delete a full service const handleDeleteService = (service)=>{ const updatedPricing = { ...pricingData }; delete updatedPricing[service]; handleFieldChange("service_pricing", JSON.stringify(updatedPricing)); }; return /*#__PURE__*/ React.createElement("div", { key: field, className: "bg-white rounded-lg p-4 shadow-sm border border-gray-100 col-span-full", __source: { fileName: "", lineNumber: 2540, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 2544, columnNumber: 31 }, __self: this }, fieldLabel), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 2547, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full border border-gray-200 rounded-lg", __source: { fileName: "", lineNumber: 2548, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 2549, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 2550, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "p-2 bg-gray-50 border-b", __source: { fileName: "", lineNumber: 2551, columnNumber: 39 }, __self: this }), allPetTypes.map((pet)=>/*#__PURE__*/ React.createElement("th", { key: pet, className: "p-2 bg-gray-50 border-b text-xs font-bold text-gray-700", __source: { fileName: "", lineNumber: 2553, columnNumber: 41 }, __self: this }, pet)), /*#__PURE__*/ React.createElement("th", { className: "p-2 bg-gray-50 border-b", __source: { fileName: "", lineNumber: 2560, columnNumber: 39 }, __self: this }))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 2563, columnNumber: 35 }, __self: this }, allServiceTypes.map((service)=>/*#__PURE__*/ React.createElement("tr", { key: service, __source: { fileName: "", lineNumber: 2565, columnNumber: 39 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-2 font-medium text-gray-700 border-b bg-gray-50 flex items-center gap-2", __source: { fileName: "", lineNumber: 2566, columnNumber: 41 }, __self: this }, service, pricingData[service] && /*#__PURE__*/ React.createElement("button", { type: "button", className: "ml-2 px-2 py-1 bg-red-100 text-red-700 rounded text-xs hover:bg-red-200", onClick: ()=>handleDeleteService(service), title: `Delete entire ${service} service`, __source: { fileName: "", lineNumber: 2569, columnNumber: 45 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash-alt", __source: { fileName: "", lineNumber: 2577, columnNumber: 47 }, __self: this }))), allPetTypes.map((pet)=>/*#__PURE__*/ React.createElement("td", { key: pet, className: "p-2 border-b relative group", __source: { fileName: "", lineNumber: 2582, columnNumber: 43 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 2586, columnNumber: 45 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", min: "0", className: "w-20 px-2 py-1 border rounded text-sm", value: getPrice(service, pet), onChange: (e)=>handlePriceChange(service, pet, e.target.value), disabled: isReadOnly, placeholder: "—", __source: { fileName: "", lineNumber: 2587, columnNumber: 47 }, __self: this }), pricingData[service]?.[pet] !== undefined && /*#__PURE__*/ React.createElement("button", { type: "button", className: "px-2 py-1 bg-red-100 text-red-700 rounded text-xs hover:bg-red-200", onClick: ()=>handleDeletePetType(service, pet), title: `Delete ${pet} from ${service}`, __source: { fileName: "", lineNumber: 2604, columnNumber: 49 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash-alt", __source: { fileName: "", lineNumber: 2615, columnNumber: 51 }, __self: this }))))), /*#__PURE__*/ React.createElement("td", { className: "p-2 border-b", __source: { fileName: "", lineNumber: 2621, columnNumber: 41 }, __self: this }))))))); } if (field === "availability") { // Parse the value as an object with day:bool let days = [ "mon", "tue", "wed", "thu", "fri", "sat", "sun" ]; let selected = []; try { if (value) { let parsed = JSON.parse(value); if (Array.isArray(parsed)) { selected = parsed; } else if (typeof parsed === "object") { const map = { mon: "monday", tue: "tuesday", wed: "wednesday", thu: "thursday", fri: "friday", sat: "saturday", sun: "sunday" }; selected = days.filter((d)=>parsed[map[d]] === true); } } if (!Array.isArray(selected)) selected = []; } catch (e) { selected = []; } return /*#__PURE__*/ React.createElement("div", { key: field, className: "bg-white rounded-lg p-4 shadow-sm border border-gray-100 col-span-full", __source: { fileName: "", lineNumber: 2668, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 2672, columnNumber: 31 }, __self: this }, "Availability"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-7 gap-2", __source: { fileName: "", lineNumber: 2675, columnNumber: 31 }, __self: this }, days.map((day)=>{ const isSelected = selected.includes(day); return /*#__PURE__*/ React.createElement("button", { key: day, type: "button", className: `flex flex-col items-center justify-center px-2 py-2 rounded-lg border text-xs font-medium transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-indigo-500 ${isSelected ? "bg-indigo-600 text-white border-indigo-600" : "bg-gray-50 text-gray-700 border-gray-200"}`, onClick: ()=>{ let newSelected; if (isSelected) { newSelected = selected.filter((d)=>d !== day); } else { newSelected = [ ...selected, day ]; } handleFieldChange(field, newSelected); }, disabled: isReadOnlyField(field), tabIndex: 0, "aria-pressed": isSelected, __source: { fileName: "", lineNumber: 2679, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "capitalize", __source: { fileName: "", lineNumber: 2703, columnNumber: 39 }, __self: this }, day), isSelected ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mt-1", __source: { fileName: "", lineNumber: 2705, columnNumber: 41 }, __self: this }) : /*#__PURE__*/ React.createElement("span", { className: "mt-1 w-3 h-3 inline-block", __source: { fileName: "", lineNumber: 2707, columnNumber: 41 }, __self: this })); }))); } if (field === "lift_available" || field === "terrace_available" || field === "pet_stay_ac" || field === "home_verified_by_sniffbnb") { return /*#__PURE__*/ React.createElement("div", { key: field, className: "bg-white rounded-lg p-4 shadow-sm border border-gray-100", __source: { fileName: "", lineNumber: 2724, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 2728, columnNumber: 31 }, __self: this }, field.split("_").map((word)=>word.charAt(0).toUpperCase() + word.slice(1)).join(" ")), /*#__PURE__*/ React.createElement("select", { className: "w-full px-3 py-2 border rounded-lg text-sm", value: value || "0", onChange: (e)=>handleFieldChange(field, e.target.value), disabled: isReadOnlyField(field), __source: { fileName: "", lineNumber: 2738, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "0", __source: { fileName: "", lineNumber: 2746, columnNumber: 33 }, __self: this }, "No"), /*#__PURE__*/ React.createElement("option", { value: "1", __source: { fileName: "", lineNumber: 2747, columnNumber: 33 }, __self: this }, "Yes"))); } // Default field rendering return /*#__PURE__*/ React.createElement("div", { key: field, className: `bg-white rounded-lg p-4 shadow-sm border border-gray-100 ${inputType === "textarea" ? "col-span-full" : ""}`, __source: { fileName: "", lineNumber: 2755, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-900 mb-2", __source: { fileName: "", lineNumber: 2761, columnNumber: 29 }, __self: this }, fieldLabel), field === "description" && /*#__PURE__*/ React.createElement("button", { type: "button", className: "mb-2 px-4 py-1 bg-indigo-600 text-white rounded hover:bg-indigo-700 text-xs font-medium", onClick: async ()=>{ try { // Log start console.log("Generating self-written description for sitter:", sitter); // Build a self-written description using sitter info const openers = [ "Hi, I'm", "Hello! My name is", "Hey there, I'm", "I'm", "Greetings! I'm" ]; const petLoverLines = [ "a passionate pet lover", "an experienced animal caretaker", "dedicated to making pets feel at home", "someone who truly enjoys spending time with animals", "committed to providing the best care for your pets" ]; const years = sitter?.years_experience ? `with ${sitter.years_experience} years of experience` : ""; const petsCared = sitter?.pets_cared ? `I've cared for ${sitter.pets_cared} pets so far` : ""; const hasGarden = sitter?.has_garden === "1" ? "I have a lovely garden where pets can play and relax" : ""; const city = sitter?.city ? `based in ${sitter.city}` : ""; const services = sitter?.service_pricing ? (()=>{ try { const pricing = JSON.parse(sitter.service_pricing); const offered = Object.keys(pricing || {}); if (offered.length > 0) { return `I offer ${offered.join(", ")}`; } return ""; } catch { return ""; } })() : ""; // Compose the description as if written by the sitter const opener = openers[Math.floor(Math.random() * openers.length)] + " " + (sitter?.name || "your sitter") + (city ? `, ${city}.` : "."); const aboutMe = petLoverLines[Math.floor(Math.random() * petLoverLines.length)]; const details = [ years, petsCared, hasGarden, services ].filter(Boolean).join(". "); const closing = "I look forward to meeting your furry family member!"; const description = [ opener, aboutMe, details, closing ].filter(Boolean).join(" "); // Log generated description console.log("Generated self-written description:", description); // Set the description field handleFieldChange("description", description); } catch (err) { console.error("Failed to generate description:", err); alert("Could not generate description. Check console for details."); } }, __source: { fileName: "", lineNumber: 2765, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-magic mr-1", __source: { fileName: "", lineNumber: 2883, columnNumber: 33 }, __self: this }), "Generate Description"), field === "contact" && /*#__PURE__*/ React.createElement("button", { type: "button", className: "mb-2 px-3 py-1 bg-blue-600 text-white rounded hover:bg-blue-700 text-xs font-medium", onClick: async ()=>{ try { console.log("Fetch button clicked for contact number"); // 1. Get the email from the sitter object const email = sitter?.email; if (!email) { alert("No email found for this sitter."); return; } // 2. Fetch the row from sitteremailotpverification const userRes = await fetch("/api/db/sitteremailotpverification", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM email_otp WHERE email = ?", values: [ email ] }) }); const userRows = await userRes.json(); if (!userRows.length) { alert("No OTP email verification found for this email."); return; } const userRow = userRows[0]; const userDate = userRow.created_at ? userRow.created_at.split("T")[0] : null; const userTime = userRow.created_at ? userRow.created_at.split("T")[1]?.slice(0, 8) : null; if (!userDate || !userTime) { alert("No date/time found for this user."); return; } // 3. Find the nearest time in sitterotpwhatsappverification for the same date const otpRes = await fetch("/api/db/sitterotpwhatsappverification", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM whatsapp_otp WHERE created_at LIKE ?", values: [ `${userDate}%` ] }) }); const otpRows = await otpRes.json(); if (!otpRows.length) { alert("No OTP found for this date."); return; } // Find the row with the closest time let minDiff = Infinity; let bestRow = null; for (const row of otpRows){ const otpTime = row.created_at.split("T")[1]?.slice(0, 8); if (!otpTime) continue; const diff = Math.abs(new Date(`${userDate}T${userTime}`) - new Date(`${userDate}T${otpTime}`)); if (diff < minDiff) { minDiff = diff; bestRow = row; } } if (!bestRow) { alert("No matching OTP found for this date."); return; } const contact = bestRow.phone_number; if (!contact) { alert("No contact found in OTP row."); return; } // 4. Check if this contact is already in any sitter profile const checkRes = await fetch("/api/db/sitter_profile-8046707", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM sitter_profile WHERE contact LIKE ?", values: [ `%${contact.slice(-10)}` ] }) }); const checkRows = await checkRes.json(); if (checkRows.length > 0) { alert("No contact found (already used in another profile)."); return; } // 5. Set the contact field to last 10 digits handleFieldChange("contact", contact.slice(-10)); alert("Contact fetched and set!"); } catch (err) { console.error("Fetch contact error:", err); alert("Error fetching contact. See console for details."); } }, __source: { fileName: "", lineNumber: 2889, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download mr-1", __source: { fileName: "", lineNumber: 3020, columnNumber: 33 }, __self: this }), "Fetch"), inputType === "textarea" ? /*#__PURE__*/ React.createElement("textarea", { value: value || "", onChange: (e)=>handleFieldChange(field, e.target.value), disabled: isReadOnly, rows: 3, className: `w-full px-3 py-2 border rounded-lg text-sm ${isReadOnly ? "bg-gray-50 cursor-not-allowed" : "focus:ring-2 focus:ring-indigo-500 focus:border-transparent"}`, placeholder: `Enter ${fieldLabel.toLowerCase()}...`, __source: { fileName: "", lineNumber: 3025, columnNumber: 31 }, __self: this }) : inputType === "boolean" ? /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 3040, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: value || "0", onChange: (e)=>handleFieldChange(field, e.target.value), disabled: isReadOnly, className: `w-full px-3 py-2 border rounded-lg appearance-none bg-white text-sm ${isReadOnly ? "bg-gray-50 cursor-not-allowed" : "focus:ring-2 focus:ring-indigo-500 focus:border-transparent"}`, __source: { fileName: "", lineNumber: 3041, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "0", __source: { fileName: "", lineNumber: 3053, columnNumber: 35 }, __self: this }, "No"), /*#__PURE__*/ React.createElement("option", { value: "1", __source: { fileName: "", lineNumber: 3054, columnNumber: 35 }, __self: this }, "Yes")), /*#__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: 3056, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-down text-xs", __source: { fileName: "", lineNumber: 3057, columnNumber: 35 }, __self: this }))) : /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 3061, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: inputType, min: inputType === "number" ? "0" : undefined, value: value || "", onChange: (e)=>handleFieldChange(field, e.target.value), disabled: isReadOnly, className: `w-full px-3 py-2 border rounded-lg text-sm ${isReadOnly ? "bg-gray-50 cursor-not-allowed" : "focus:ring-2 focus:ring-indigo-500 focus:border-transparent"}`, placeholder: `Enter ${fieldLabel.toLowerCase()}...`, __source: { fileName: "", lineNumber: 3062, columnNumber: 33 }, __self: this }))); })))), /*#__PURE__*/ React.createElement("div", { className: "sticky bottom-0 bg-white p-4 border-t border-gray-200 -mx-4 -mb-6 md:-mx-6", __source: { fileName: "", lineNumber: 3087, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto flex items-center justify-between", __source: { fileName: "", lineNumber: 3088, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 3089, columnNumber: 21 }, __self: this }, changedFields.size > 0 ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center text-indigo-600", __source: { fileName: "", lineNumber: 3091, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle mr-2", __source: { fileName: "", lineNumber: 3092, columnNumber: 27 }, __self: this }), changedFields.size, " field(s) modified") : /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 3096, columnNumber: 25 }, __self: this }, "No changes made")), /*#__PURE__*/ React.createElement("button", { onClick: handleUpdate, className: "px-6 py-2 bg-gradient-to-r from-indigo-600 to-indigo-700 text-white rounded-lg hover:from-indigo-700 hover:to-indigo-800 transition-all duration-200 disabled:opacity-50 flex items-center gap-2 shadow-md hover:shadow-lg", disabled: loading || changedFields.size === 0, __source: { fileName: "", lineNumber: 3099, columnNumber: 21 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 3106, columnNumber: 27 }, __self: this }), "Saving Changes...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-save", __source: { fileName: "", lineNumber: 3111, columnNumber: 27 }, __self: this }), "Save Changes"))))), showImagePreview && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-80", __source: { fileName: "", lineNumber: 3122, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative max-w-3xl w-full flex flex-col items-center", __source: { fileName: "", lineNumber: 3123, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "absolute top-4 right-4 text-white text-2xl bg-black bg-opacity-40 rounded-full p-2 hover:bg-opacity-70", onClick: ()=>setShowImagePreview(null), "aria-label": "Close preview", __source: { fileName: "", lineNumber: 3124, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 3129, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center w-full", __source: { fileName: "", lineNumber: 3131, columnNumber: 19 }, __self: this }, galleryImages.length > 1 && /*#__PURE__*/ React.createElement("button", { className: "text-white text-3xl px-4 py-2 hover:bg-black/30 rounded-full", onClick: ()=>{ const newIndex = (galleryIndex - 1 + galleryImages.length) % galleryImages.length; setGalleryIndex(newIndex); setShowImagePreview(galleryImages[newIndex]); }, "aria-label": "Previous image", __source: { fileName: "", lineNumber: 3133, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-left", __source: { fileName: "", lineNumber: 3144, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("img", { src: showImagePreview, alt: "Preview", className: "max-h-[80vh] max-w-full rounded-xl shadow-lg border-4 border-white", __source: { fileName: "", lineNumber: 3147, columnNumber: 21 }, __self: this }), galleryImages.length > 1 && /*#__PURE__*/ React.createElement("button", { className: "text-white text-3xl px-4 py-2 hover:bg-black/30 rounded-full", onClick: ()=>{ const newIndex = (galleryIndex + 1) % galleryImages.length; setGalleryIndex(newIndex); setShowImagePreview(galleryImages[newIndex]); }, "aria-label": "Next image", __source: { fileName: "", lineNumber: 3153, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-right", __source: { fileName: "", lineNumber: 3163, columnNumber: 25 }, __self: this }))), galleryImages.length > 1 && /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mt-4", __source: { fileName: "", lineNumber: 3168, columnNumber: 21 }, __self: this }, galleryImages.map((img, idx)=>/*#__PURE__*/ React.createElement("button", { key: idx, className: `w-12 h-12 rounded border-2 ${idx === galleryIndex ? "border-indigo-500" : "border-white"} overflow-hidden focus:outline-none`, onClick: ()=>{ setGalleryIndex(idx); setShowImagePreview(galleryImages[idx]); }, __source: { fileName: "", lineNumber: 3170, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: img, alt: "thumb", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 3182, columnNumber: 27 }, __self: this })))))))))); }