\n 🏠\n

\n BunkAway Booking\n

\n\n {submissionStatus === 'success' && (\n

\n Booking submitted successfully! Our team will review and contact you soon.\n

\n )}\n\n {submissionStatus === 'error' && (\n

\n Oops! Something went wrong. Please try again or contact support.\n

\n )}\n\n

\n {/* Travel Information */}\n

Travel Information

\n \n \n \n\n {/* Primary Guest Details */}\n

Primary Guest Details

\n \n \n\n {/* Primary Guest Government ID */}\n

\n \n Primary Guest Government ID (Front)\n \n \n

\n \n Primary Guest Government ID (Back)\n \n \n

\n\n {/* Additional Guests */}\n {parseInt(formData.guestCount) > 1 && (\n <>\n

Additional Guest Details

\n {formData.additionalGuests.map((guest, index) => (\n

\n Guest {index + 2}\n

\n handleInputChange(e, index)}\n required\n />\n

\n \n Government ID (Front)\n \n handleInputChange(e, index)}\n required \n />\n

\n \n Government ID (Back)\n \n handleInputChange(e, index)}\n required \n />\n

\n ))}\n \n {formData.additionalGuests.length < parseInt(formData.guestCount) - 1 && (\n \n )}\n \n )}\n\n {/* Property Selection */}\n

Property Selection

\n \n\n {property === \"60 Feet road, Bombay Hospital, Indore\" && (\n \n )}\n\n {/* Check-in/out Details */}\n

Stay Details

\n \n Check-in Date and Time\n \n \n \n

\n\n

\n \n Check-out Date and Time\n \n \n \n

\n\n {/* Contact Method */}\n

Contact Information

\n \n\n {formData.contactMethod && (\n \n )}\n\n {/* Submit Button */}\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n BunkAway Booking\n \n \n \n \n \n

\n \n \n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" }\n });\n}","createdAt",["D",1740512209378],"version",17,"currentUserHasLiked","likeCount",1,"forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_129":130,"_131":132},"handle","bunkaway","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydFhyZDk0QVY3a1lxY0VkbExKVjB6Z3JrRFkifQ","forkedVal","interval","slug","bunkaway/airbnb","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[141,144,148,152,156,160,164,168,172,176,180,184,188,192,196,200,203,206],{"_117":118,"_142":-5,"_115":143,"_112":110},"prId",["D",1740512209378],{"_117":145,"_142":-5,"_115":146,"_112":147},16,["D",1740512127102],"aa2aa910-f3af-11ef-ae2f-569c3dd06744",{"_117":149,"_142":-5,"_115":150,"_112":151},15,["D",1740511971754],"4d9004de-f3af-11ef-9ec7-569c3dd06744",{"_117":153,"_142":-5,"_115":154,"_112":155},14,["D",1740511914104],"2b30d67a-f3af-11ef-89f4-569c3dd06744",{"_117":157,"_142":-5,"_115":158,"_112":159},13,["D",1740511750921],"c9ed56b8-f3ae-11ef-b784-569c3dd06744",{"_117":161,"_142":-5,"_115":162,"_112":163},12,["D",1740511237294],"97c721ce-f3ad-11ef-9415-569c3dd06744",{"_117":165,"_142":-5,"_115":166,"_112":167},11,["D",1740511122555],"536344c2-f3ad-11ef-a365-569c3dd06744",{"_117":169,"_142":-5,"_115":170,"_112":171},10,["D",1740510960253],"f2a72644-f3ac-11ef-b34c-569c3dd06744",{"_117":173,"_142":-5,"_115":174,"_112":175},9,["D",1740510883289],"c4cc4ede-f3ac-11ef-9720-569c3dd06744",{"_117":177,"_142":-5,"_115":178,"_112":179},8,["D",1740510739459],"6f0c5d86-f3ac-11ef-8792-569c3dd06744",{"_117":181,"_142":-5,"_115":182,"_112":183},7,["D",1740510650678],"3a21afd6-f3ac-11ef-b1a3-569c3dd06744",{"_117":185,"_142":-5,"_115":186,"_112":187},6,["D",1740510520746],"ecaff8a2-f3ab-11ef-984c-569c3dd06744",{"_117":189,"_142":-5,"_115":190,"_112":191},5,["D",1740510425876],"b4239502-f3ab-11ef-9518-569c3dd06744",{"_117":193,"_142":-5,"_115":194,"_112":195},4,["D",1740510281012],"5dcb0b0e-f3ab-11ef-b3aa-569c3dd06744",{"_117":197,"_142":-5,"_115":198,"_112":199},3,["D",1740510167437],"1a17d400-f3ab-11ef-968c-569c3dd06744",{"_117":90,"_142":-5,"_115":201,"_112":202},["D",1740510059619],"d9d5a5a2-f3aa-11ef-8483-569c3dd06744",{"_117":121,"_142":-5,"_115":204,"_112":205},["D",1740509875078],"6bd649e4-f3aa-11ef-bb35-569c3dd06744",{"_117":31,"_142":-5,"_115":207,"_112":208},["D",1740509782255],"3483d72c-f3aa-11ef-9e18-569c3dd06744","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":216,"_217":218,"_94":219},"single","redirect","/v/bunkaway/airbnb/versions",{"_112":167,"_113":220,"_117":165,"_115":221,"_222":99,"_100":101,"_107":108,"_129":130,"_11":96,"_223":-5,"_224":-5,"_225":-5,"_213":26,"_135":136},"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction App() {\n const [property, setProperty] = useState(\"\");\n const [room, setRoom] = useState(\"\");\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [submissionStatus, setSubmissionStatus] = useState(null);\n const [formData, setFormData] = useState({\n primaryGuestName: \"\",\n guestCount: 1,\n checkInDate: \"\",\n checkOutDate: \"\",\n checkInTime: \"\",\n checkOutTime: \"\",\n contactMethod: \"\",\n contactValue: \"\",\n primaryGovernmentIdFront: null,\n primaryGovernmentIdBack: null,\n additionalGuests: [],\n comingFrom: \"\",\n goingTo: \"\",\n purposeOfVisit: \"\"\n });\n\n const properties = [\n \"60 Feet road, Bombay Hospital, Indore\",\n \"Sector 32A, Chandigarh\",\n \"Mohali\"\n ];\n\n const roomsByProperty = {\n \"60 Feet road, Bombay Hospital, Indore\": [\"Flat 302\", \"Flat 202\", \"Flat 101\"]\n };\n\n const purposeOptions = [\n \"Travel\",\n \"Work\",\n \"Party\",\n \"Couple Stay\",\n \"Chill with Friends\"\n ];\n\n const inputStyle = {\n width: \"100%\",\n padding: \"12px 16px\",\n border: \"1px solid #DDDDDD\",\n borderRadius: \"8px\",\n fontSize: \"16px\",\n transition: \"border-color 0.2s ease\",\n marginBottom: \"16px\"\n };\n\n const sectionTitleStyle = {\n fontSize: \"18px\",\n fontWeight: \"600\",\n color: \"#484848\",\n marginBottom: \"16px\",\n borderBottom: \"1px solid #DDDDDD\",\n paddingBottom: \"8px\"\n };\n\n const handleInputChange = (e, guestIndex = null) => {\n const { name, value, files } = e.target;\n \n if (guestIndex !== null) {\n const updatedGuests = [...formData.additionalGuests];\n updatedGuests[guestIndex] = {\n ...updatedGuests[guestIndex],\n [name]: files ? files[0] : value\n };\n \n setFormData(prev => ({\n ...prev,\n additionalGuests: updatedGuests\n }));\n } else {\n setFormData(prev => ({\n ...prev,\n [name]: files ? files[0] : value\n }));\n }\n };\n\n const addAdditionalGuest = () => {\n setFormData(prev => ({\n ...prev,\n additionalGuests: [\n ...prev.additionalGuests, \n {\n name: \"\",\n governmentIdFront: null,\n governmentIdBack: null\n }\n ]\n }));\n };\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n setIsSubmitting(true);\n setSubmissionStatus(null);\n\n try {\n // Validate all required fields\n const requiredFields = [\n 'primaryGuestName', 'guestCount', 'checkInDate', 'checkOutDate',\n 'checkInTime', 'checkOutTime', 'contactMethod', 'contactValue',\n 'comingFrom', 'goingTo', 'purposeOfVisit'\n ];\n\n const missingFields = requiredFields.filter(field => {\n return !formData[field] || formData[field] === '';\n });\n\n if (missingFields.length > 0) {\n throw new Error(`Missing required fields: ${missingFields.join(', ')}`);\n }\n\n // Dynamically import email module\n const { email } = await import(\"https://esm.town/v/std/email\");\n\n // Prepare detailed email HTML with all booking information\n const emailHtml = `\n \n \n

🏠 BunkAway Booking Request

\n \n

Travel Details

Coming From: ${formData.comingFrom}

Going To: ${formData.goingTo}

Purpose of Visit: ${formData.purposeOfVisit}

\n\n

Booking Information

Property: ${property}

Room: ${room || 'Not Specified'}

Check-in: ${formData.checkInDate} at ${formData.checkInTime}

Check-out: ${formData.checkOutDate} at ${formData.checkOutTime}

\n\n

Guest Details

Primary Guest

Name: ${formData.primaryGuestName}

Total Guests: ${formData.guestCount}

\n\n ${formData.additionalGuests.length > 0 ? `\n

Additional Guests

\n ${formData.additionalGuests.map((guest, index) => `\n

Guest ${index + 2}: ${guest.name}

\n `).join('')}\n ` : ''}\n\n

Contact Information

Contact Method: ${formData.contactMethod}

Contact Value: ${formData.contactValue}

\n \n \n `;\n\n // Send email with comprehensive details\n await email({\n to: [\"bunkaway.booking@gmail.com\"],\n subject: `New Booking Request - ${formData.primaryGuestName}`,\n html: emailHtml\n });\n\n // Reset form and show success\n setSubmissionStatus('success');\n setIsSubmitting(false);\n } catch (error) {\n console.error('Detailed Submission Error:', error);\n \n // More informative error handling\n setSubmissionStatus('error');\n setIsSubmitting(false);\n }\n };\n\n return (\n

\n 🏠\n

\n BunkAway Booking\n

\n\n {submissionStatus === 'success' && (\n

\n Booking submitted successfully! Our team will review and contact you soon.\n

\n )}\n\n {submissionStatus === 'error' && (\n

\n Oops! Something went wrong. Please try again or contact support.\n

\n )}\n\n \n

\n \n \n \n \n `, {\n headers: { \"Content-Type\": \"text/html\" }\n });\n}",["D",1740511122555],"valName","deletedAt","messageId","threadId","routes/_app","actionData","errors"]

airbnb

Version 11