function MainComponent() { const [formData, setFormData] = useState({ title: "", description: "", price: "", city: "", address: "", floor_number: "", has_elevator: false, payment_method: "cash", preferred_date: "", images: [] }); const [loading, setLoading] = useState(false); const [error, setError] = useState(""); const [uploadingImages, setUploadingImages] = useState(false); const fileInputRef = React.useRef(); const handleImageUpload = async (files)=>{ setUploadingImages(true); const newImages = [ ...formData.images ]; try { for (const file of files){ const { url, error } = await useUpload({ file }); if (error) { console.error("Error uploading image:", error); continue; } if (url) { newImages.push(url); } } setFormData((prev)=>({ ...prev, images: newImages })); } catch (error) { console.error("Error uploading images:", error); } finally{ setUploadingImages(false); } }; const removeImage = (index)=>{ setFormData((prev)=>({ ...prev, images: prev.images.filter((_, i)=>i !== index) })); }; const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); setError(""); try { const response = await fetch("/api/create-ad-demo", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); if (!response.ok) { throw new Error("Errore nella creazione dell'annuncio"); } // Redirect to the house dashboard in demo mode window.location.href = "/house-dashboard"; } catch (error) { console.error("Errore:", error); setError(error.message || "Non è stato possibile creare l'annuncio. Riprova."); } finally{ setLoading(false); } }; const handleChange = (e)=>{ const { name, value, type, checked } = e.target; setFormData((prev)=>({ ...prev, [name]: type === "checkbox" ? checked : value })); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 90, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto py-6 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 91, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mt-6 text-3xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, "Crea un Nuovo Annuncio"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-sm text-gray-600", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, "Inserisci i dettagli del lavoro che hai bisogno di far svolgere")), /*#__PURE__*/ React.createElement("div", { className: "mt-5 md:mt-0 md:col-span-2", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "shadow sm:rounded-md sm:overflow-hidden", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-4 py-5 bg-white space-y-6 sm:p-6", __source: { fileName: "", lineNumber: 104, columnNumber: 15 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 rounded-md p-4", __source: { fileName: "", lineNumber: 106, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-red-600", __source: { fileName: "", lineNumber: 107, columnNumber: 21 }, __self: this }, error)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 111, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "title", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 112, columnNumber: 19 }, __self: this }, "Titolo dell'Annuncio"), /*#__PURE__*/ React.createElement("div", { className: "mt-1", __source: { fileName: "", lineNumber: 118, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "title", id: "title", required: true, value: formData.title, onChange: handleChange, className: "shadow-sm focus:ring-[#357AFF] focus:border-[#357AFF] block w-full sm:text-sm border-gray-300 rounded-md", placeholder: "Es: Pulizia appartamento 80mq", __source: { fileName: "", lineNumber: 119, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 132, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "description", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 133, columnNumber: 19 }, __self: this }, "Descrizione"), /*#__PURE__*/ React.createElement("div", { className: "mt-1", __source: { fileName: "", lineNumber: 139, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { id: "description", name: "description", rows: 4, required: true, value: formData.description, onChange: handleChange, className: "shadow-sm focus:ring-[#357AFF] focus:border-[#357AFF] block w-full sm:text-sm border-gray-300 rounded-md", placeholder: "Descrivi il lavoro da svolgere...", __source: { fileName: "", lineNumber: 140, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-6 gap-6", __source: { fileName: "", lineNumber: 153, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "col-span-6 sm:col-span-3", __source: { fileName: "", lineNumber: 154, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "price", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 155, columnNumber: 21 }, __self: this }, "Prezzo (€)"), /*#__PURE__*/ React.createElement("div", { className: "mt-1", __source: { fileName: "", lineNumber: 161, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", name: "price", id: "price", required: true, min: "0", step: "0.01", value: formData.price, onChange: handleChange, className: "shadow-sm focus:ring-[#357AFF] focus:border-[#357AFF] block w-full sm:text-sm border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 162, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "col-span-6 sm:col-span-3", __source: { fileName: "", lineNumber: 176, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "city", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 177, columnNumber: 21 }, __self: this }, "Città"), /*#__PURE__*/ React.createElement("select", { id: "city", name: "city", required: true, value: formData.city, onChange: handleChange, className: "mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-[#357AFF] focus:border-[#357AFF] sm:text-sm", __source: { fileName: "", lineNumber: 183, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 191, columnNumber: 23 }, __self: this }, "Seleziona una città"), /*#__PURE__*/ React.createElement("option", { value: "Roma", __source: { fileName: "", lineNumber: 192, columnNumber: 23 }, __self: this }, "Roma"), /*#__PURE__*/ React.createElement("option", { value: "Milano", __source: { fileName: "", lineNumber: 193, columnNumber: 23 }, __self: this }, "Milano"), /*#__PURE__*/ React.createElement("option", { value: "Napoli", __source: { fileName: "", lineNumber: 194, columnNumber: 23 }, __self: this }, "Napoli"), /*#__PURE__*/ React.createElement("option", { value: "Torino", __source: { fileName: "", lineNumber: 195, columnNumber: 23 }, __self: this }, "Torino"), /*#__PURE__*/ React.createElement("option", { value: "Palermo", __source: { fileName: "", lineNumber: 196, columnNumber: 23 }, __self: this }, "Palermo")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 201, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "address", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 202, columnNumber: 19 }, __self: this }, "Indirizzo"), /*#__PURE__*/ React.createElement("div", { className: "mt-1", __source: { fileName: "", lineNumber: 208, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "address", id: "address", required: true, value: formData.address, onChange: handleChange, className: "shadow-sm focus:ring-[#357AFF] focus:border-[#357AFF] block w-full sm:text-sm border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 209, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-6 gap-6", __source: { fileName: "", lineNumber: 221, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "col-span-6 sm:col-span-3", __source: { fileName: "", lineNumber: 222, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "floor_number", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 223, columnNumber: 21 }, __self: this }, "Piano"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "floor_number", id: "floor_number", value: formData.floor_number, onChange: handleChange, className: "mt-1 focus:ring-[#357AFF] focus:border-[#357AFF] block w-full shadow-sm sm:text-sm border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 229, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "col-span-6 sm:col-span-3", __source: { fileName: "", lineNumber: 239, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center h-full", __source: { fileName: "", lineNumber: 240, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "has_elevator", name: "has_elevator", type: "checkbox", checked: formData.has_elevator, onChange: handleChange, className: "h-4 w-4 text-[#357AFF] focus:ring-[#357AFF] border-gray-300 rounded", __source: { fileName: "", lineNumber: 241, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "has_elevator", className: "ml-2 block text-sm text-gray-900", __source: { fileName: "", lineNumber: 249, columnNumber: 23 }, __self: this }, "Presenza Ascensore")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 259, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 260, columnNumber: 19 }, __self: this }, "Immagini"), /*#__PURE__*/ React.createElement("div", { className: "mt-2 flex justify-center px-6 pt-5 pb-6 border-2 border-gray-300 border-dashed rounded-md", __source: { fileName: "", lineNumber: 263, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-1 text-center", __source: { fileName: "", lineNumber: 264, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "mx-auto h-12 w-12 text-gray-400", stroke: "currentColor", fill: "none", viewBox: "0 0 48 48", "aria-hidden": "true", __source: { fileName: "", lineNumber: 265, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", __source: { fileName: "", lineNumber: 272, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex text-sm text-gray-600", __source: { fileName: "", lineNumber: 279, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "file-upload", className: "relative cursor-pointer bg-white rounded-md font-medium text-[#357AFF] hover:text-[#2E69DE] focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-[#357AFF]", __source: { fileName: "", lineNumber: 280, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 284, columnNumber: 27 }, __self: this }, "Carica un file"), /*#__PURE__*/ React.createElement("input", { id: "file-upload", name: "file-upload", type: "file", className: "sr-only", multiple: true, accept: "image/*", ref: fileInputRef, onChange: (e)=>handleImageUpload(e.target.files), __source: { fileName: "", lineNumber: 285, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "pl-1", __source: { fileName: "", lineNumber: 296, columnNumber: 25 }, __self: this }, "o trascina e rilascia")), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 298, columnNumber: 23 }, __self: this }, "PNG, JPG, GIF fino a 10MB"))), uploadingImages && /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 305, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-5 h-5 border-2 border-[#357AFF] border-t-transparent rounded-full animate-spin mr-2", __source: { fileName: "", lineNumber: 306, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 307, columnNumber: 23 }, __self: this }, "Caricamento immagini...")), formData.images.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-4 grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4", __source: { fileName: "", lineNumber: 314, columnNumber: 21 }, __self: this }, formData.images.map((image, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "relative", __source: { fileName: "", lineNumber: 316, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image, alt: `Immagine ${index + 1}`, className: "h-24 w-full object-cover rounded-lg", __source: { fileName: "", lineNumber: 317, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>removeImage(index), className: "absolute top-0 right-0 -mt-2 -mr-2 bg-red-500 text-white rounded-full p-1 hover:bg-red-600 focus:outline-none", __source: { fileName: "", lineNumber: 322, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", __source: { fileName: "", lineNumber: 327, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12", __source: { fileName: "", lineNumber: 333, columnNumber: 31 }, __self: this }))))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 347, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: `w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-[#357AFF] hover:bg-[#2E69DE] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#357AFF] ${loading ? "opacity-50 cursor-not-allowed" : ""}`, __source: { fileName: "", lineNumber: 348, columnNumber: 19 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "w-5 h-5 border-2 border-white border-t-transparent rounded-full animate-spin", __source: { fileName: "", lineNumber: 356, columnNumber: 23 }, __self: this }) : "Pubblica Annuncio")))))))); }