Table ${table.number} - ${table.label}
Chair	Guest Name	Role	Email	Phone	Address
${guest.id}	${guest.name}	${guest.role}	${guest.email}	${guest.phone}	${guest.address}

`).join(''); const pictorialMapHtml = `

${tables.map((table)=>`

Table ${table.number}

${table.label}

${(guestsByTable[table.number] || []).map((guest, index)=>`

${guest.id}

`).join('')}

`; fetch('/integrations/pdf-generation/pdf', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ source: { html: ` Wedding Reception Seat Map

Wedding Reception Seat Map

Pictorial Seating Arrangement

${pictorialMapHtml}

Detailed Seating Arrangement

${tableHtml} ` } }) }).then((response)=>response.blob()).then((blob)=>{ const url = window.URL.createObjectURL(blob); const a = document.createElement('a'); a.style.display = 'none'; a.href = url; a.download = 'wedding_reception_seat_map.pdf'; document.body.appendChild(a); a.click(); window.URL.revokeObjectURL(url); }).catch((error)=>console.error('Error generating PDF:', error)).finally(()=>{ setIsGenerating(false); }); }; const PictorialMap = ()=>/*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-4 mt-8", __source: { fileName: "", lineNumber: 184, columnNumber: 5 }, __self: this }, tables.map((table)=>/*#__PURE__*/ React.createElement("div", { key: table.number, className: "w-48 h-48 bg-pink-100 rounded-full flex flex-col justify-center items-center shadow-md relative", __source: { fileName: "", lineNumber: 186, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-pink-800", __source: { fileName: "", lineNumber: 187, columnNumber: 11 }, __self: this }, "Table ", table.number), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-pink-600", __source: { fileName: "", lineNumber: 188, columnNumber: 11 }, __self: this }, table.label), (guestsByTable[table.number] || []).map((guest, index, array)=>/*#__PURE__*/ React.createElement("div", { key: guest.id, className: "absolute w-6 h-6 bg-pink-300 rounded-full flex justify-center items-center text-xs text-pink-800", style: { transform: `rotate(${index * (360 / array.length)}deg) translate(70px) rotate(-${index * (360 / array.length)}deg)` }, title: `${guest.name} - ${guest.role}`, __source: { fileName: "", lineNumber: 190, columnNumber: 13 }, __self: this }, guest.id))))); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-pink-100 to-pink-300 p-8 text-pink-900 flex flex-col", __source: { fileName: "", lineNumber: 207, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", href: "https://ucarecdn.com/e7f9b8d5-2f7e-443f-a3c6-32f8ff7caa96/", type: "image/png", __source: { fileName: "", lineNumber: 208, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold text-center mb-8 text-pink-800 font-playfair-display", __source: { fileName: "", lineNumber: 209, columnNumber: 7 }, __self: this }, "Wedding Reception Seating Arrangement"), /*#__PURE__*/ React.createElement("p", { className: "text-center mb-6 bg-white p-4 rounded-lg shadow-md text-pink-700 max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 210, columnNumber: 1 }, __self: this }, 'Start by adding tables, then add guests to each table. Once you\'re done, click "Generate and Print Seat Map" to create your seating chart!'), weather && /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6 bg-white p-6 rounded-lg shadow-md max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 215, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 text-pink-700", __source: { fileName: "", lineNumber: 216, columnNumber: 3 }, __self: this }, "Weather Forecast"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 217, columnNumber: 3 }, __self: this }, "Current Weather in ", location), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 218, columnNumber: 3 }, __self: this }, weather.current.temp_c, "°C, ", weather.current.condition.text), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-4", __source: { fileName: "", lineNumber: 219, columnNumber: 3 }, __self: this }, forecast && forecast.map((day, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-pink-100 p-3 rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 221, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 222, columnNumber: 9 }, __self: this }, new Date(day.date).toLocaleDateString(undefined, { weekday: 'short' })), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 223, columnNumber: 9 }, __self: this }, day.day.avgtemp_c, "°C"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 224, columnNumber: 9 }, __self: this }, day.day.condition.text))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto bg-white rounded-lg shadow-xl p-8 flex-grow", __source: { fileName: "", lineNumber: 231, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 232, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 text-pink-700", __source: { fileName: "", lineNumber: 233, columnNumber: 3 }, __self: this }, "Tables"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-3 mb-4 justify-center", __source: { fileName: "", lineNumber: 234, columnNumber: 1 }, __self: this }, tables.map((table)=>/*#__PURE__*/ React.createElement("div", { key: table.number, className: "bg-pink-100 px-6 py-3 rounded-full text-pink-700 shadow-sm", __source: { fileName: "", lineNumber: 236, columnNumber: 7 }, __self: this }, "Table ", table.number, " - ", table.label))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 241, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", name: "tableNumber", placeholder: "Table Number", value: currentTable.number, onChange: (e)=>setCurrentTable({ ...currentTable, number: e.target.value }), className: "border border-pink-300 rounded px-4 py-2 w-full focus:outline-none focus:ring-2 focus:ring-pink-400", __source: { fileName: "", lineNumber: 242, columnNumber: 5 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "tableLabel", value: currentTable.label, onChange: (e)=>setCurrentTable({ ...currentTable, label: e.target.value }), className: "border border-pink-300 rounded px-4 py-2 w-full focus:outline-none focus:ring-2 focus:ring-pink-400", __source: { fileName: "", lineNumber: 250, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 256, columnNumber: 7 }, __self: this }, "Select Table Label"), /*#__PURE__*/ React.createElement("option", { value: "Bridal party", __source: { fileName: "", lineNumber: 257, columnNumber: 7 }, __self: this }, "Bridal party"), /*#__PURE__*/ React.createElement("option", { value: "Bride's Family", __source: { fileName: "", lineNumber: 258, columnNumber: 7 }, __self: this }, "Bride's Family"), /*#__PURE__*/ React.createElement("option", { value: "Groom's Family", __source: { fileName: "", lineNumber: 259, columnNumber: 7 }, __self: this }, "Groom's Family"), /*#__PURE__*/ React.createElement("option", { value: "Bride's Close Friends", __source: { fileName: "", lineNumber: 260, columnNumber: 7 }, __self: this }, "Bride's Close Friends"), /*#__PURE__*/ React.createElement("option", { value: "Groom's Close Friends", __source: { fileName: "", lineNumber: 261, columnNumber: 7 }, __self: this }, "Groom's Close Friends"), /*#__PURE__*/ React.createElement("option", { value: "Bride's Colleagues", __source: { fileName: "", lineNumber: 262, columnNumber: 7 }, __self: this }, "Bride's Colleagues"), /*#__PURE__*/ React.createElement("option", { value: "Groom's Colleagues", __source: { fileName: "", lineNumber: 263, columnNumber: 7 }, __self: this }, "Groom's Colleagues"), /*#__PURE__*/ React.createElement("option", { value: "Planners", __source: { fileName: "", lineNumber: 264, columnNumber: 7 }, __self: this }, "Planners"), /*#__PURE__*/ React.createElement("option", { value: "Vendors", __source: { fileName: "", lineNumber: 265, columnNumber: 7 }, __self: this }, "Vendors"), /*#__PURE__*/ React.createElement("option", { value: "Clergy", __source: { fileName: "", lineNumber: 266, columnNumber: 7 }, __self: this }, "Clergy"), /*#__PURE__*/ React.createElement("option", { value: "Church Family", __source: { fileName: "", lineNumber: 267, columnNumber: 7 }, __self: this }, "Church Family"), /*#__PURE__*/ React.createElement("option", { value: "Neighbors", __source: { fileName: "", lineNumber: 268, columnNumber: 7 }, __self: this }, "Neighbors"), /*#__PURE__*/ React.createElement("option", { value: "VIP-Sponsors", __source: { fileName: "", lineNumber: 269, columnNumber: 7 }, __self: this }, "VIP-Sponsors"), /*#__PURE__*/ React.createElement("option", { value: "Performers", __source: { fileName: "", lineNumber: 270, columnNumber: 7 }, __self: this }, "Performers"), /*#__PURE__*/ React.createElement("option", { value: "Kids", __source: { fileName: "", lineNumber: 271, columnNumber: 7 }, __self: this }, "Kids"), /*#__PURE__*/ React.createElement("option", { value: "Teens", __source: { fileName: "", lineNumber: 272, columnNumber: 7 }, __self: this }, "Teens"), /*#__PURE__*/ React.createElement("option", { value: "Well wishers", __source: { fileName: "", lineNumber: 273, columnNumber: 7 }, __self: this }, "Well wishers"))), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 276, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: addTable, className: "bg-pink-500 text-white px-6 py-2 rounded-full hover:bg-pink-600 transition duration-300 ease-in-out transform hover:scale-105 focus:outline-none focus:ring-2 focus:ring-pink-400 shadow-md", disabled: !currentTable.number || !currentTable.label, __source: { fileName: "", lineNumber: 277, columnNumber: 5 }, __self: this }, "Add Table"))), tables.length === 0 && /*#__PURE__*/ React.createElement("p", { className: "text-pink-600 mb-4 text-center italic", __source: { fileName: "", lineNumber: 287, columnNumber: 11 }, __self: this }, "Please add at least one table before adding guests."), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 290, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 text-pink-700", __source: { fileName: "", lineNumber: 291, columnNumber: 11 }, __self: this }, editingGuest ? 'Edit Guest' : 'Add Guest'), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 292, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "guestName", placeholder: "Guest Name", value: currentGuest.name, onChange: (e)=>setCurrentGuest({ ...currentGuest, name: e.target.value }), className: "border border-pink-300 rounded px-4 py-2 w-full focus:outline-none focus:ring-2 focus:ring-pink-400", disabled: tables.length === 0, __source: { fileName: "", lineNumber: 293, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "guestEmail", placeholder: "Guest Email", value: currentGuest.email, onChange: (e)=>setCurrentGuest({ ...currentGuest, email: e.target.value }), className: "border border-pink-300 rounded px-4 py-2 w-full focus:outline-none focus:ring-2 focus:ring-pink-400", disabled: tables.length === 0, __source: { fileName: "", lineNumber: 302, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "guestPhone", placeholder: "Guest Phone", value: currentGuest.phone, onChange: (e)=>setCurrentGuest({ ...currentGuest, phone: e.target.value }), className: "border border-pink-300 rounded px-4 py-2 w-full focus:outline-none focus:ring-2 focus:ring-pink-400", disabled: tables.length === 0, __source: { fileName: "", lineNumber: 311, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "guestAddress", placeholder: "Guest Address", value: currentGuest.address, onChange: (e)=>setCurrentGuest({ ...currentGuest, address: e.target.value }), className: "border border-pink-300 rounded px-4 py-2 w-full focus:outline-none focus:ring-2 focus:ring-pink-400", disabled: tables.length === 0, __source: { fileName: "", lineNumber: 320, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "tableNumber", value: currentGuest.tableNumber, onChange: (e)=>setCurrentGuest({ ...currentGuest, tableNumber: e.target.value }), className: "border border-pink-300 rounded px-4 py-2 w-full focus:outline-none focus:ring-2 focus:ring-pink-400", disabled: tables.length === 0, __source: { fileName: "", lineNumber: 329, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 336, columnNumber: 3 }, __self: this }, "Select Table"), tables.map((table)=>/*#__PURE__*/ React.createElement("option", { key: table.number, value: table.number, __source: { fileName: "", lineNumber: 338, columnNumber: 5 }, __self: this }, "Table ", table.number, " - ", table.label))), /*#__PURE__*/ React.createElement("select", { name: "guestRole", value: currentGuest.role, onChange: (e)=>setCurrentGuest({ ...currentGuest, role: e.target.value }), className: "border border-pink-300 rounded px-4 py-2 w-full focus:outline-none focus:ring-2 focus:ring-pink-400", disabled: tables.length === 0, __source: { fileName: "", lineNumber: 341, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 348, columnNumber: 15 }, __self: this }, "Select Role"), /*#__PURE__*/ React.createElement("option", { value: "bride", __source: { fileName: "", lineNumber: 349, columnNumber: 15 }, __self: this }, "Bride"), /*#__PURE__*/ React.createElement("option", { value: "groom", __source: { fileName: "", lineNumber: 350, columnNumber: 15 }, __self: this }, "Groom"), /*#__PURE__*/ React.createElement("option", { value: "bridesmaid", __source: { fileName: "", lineNumber: 351, columnNumber: 15 }, __self: this }, "Bridesmaid"), /*#__PURE__*/ React.createElement("option", { value: "bestman", __source: { fileName: "", lineNumber: 352, columnNumber: 15 }, __self: this }, "Best Man"), /*#__PURE__*/ React.createElement("option", { value: "groomsman", __source: { fileName: "", lineNumber: 353, columnNumber: 15 }, __self: this }, "Groomsman"), /*#__PURE__*/ React.createElement("option", { value: "maidofhonor", __source: { fileName: "", lineNumber: 354, columnNumber: 15 }, __self: this }, "Maid of Honor"), /*#__PURE__*/ React.createElement("option", { value: "flowergirl", __source: { fileName: "", lineNumber: 355, columnNumber: 15 }, __self: this }, "Flower Girl"), /*#__PURE__*/ React.createElement("option", { value: "pageboy", __source: { fileName: "", lineNumber: 356, columnNumber: 15 }, __self: this }, "Page Boy"), /*#__PURE__*/ React.createElement("option", { value: "ringbearer", __source: { fileName: "", lineNumber: 357, columnNumber: 15 }, __self: this }, "Ring Bearer"), /*#__PURE__*/ React.createElement("option", { value: "plusone", __source: { fileName: "", lineNumber: 358, columnNumber: 15 }, __self: this }, "+1"), /*#__PURE__*/ React.createElement("option", { value: "motherofbride", __source: { fileName: "", lineNumber: 359, columnNumber: 15 }, __self: this }, "Mother of the Bride"), /*#__PURE__*/ React.createElement("option", { value: "motherofgroom", __source: { fileName: "", lineNumber: 360, columnNumber: 15 }, __self: this }, "Mother of the Groom"), /*#__PURE__*/ React.createElement("option", { value: "fatherofbride", __source: { fileName: "", lineNumber: 361, columnNumber: 15 }, __self: this }, "Father of the Bride"), /*#__PURE__*/ React.createElement("option", { value: "fatherofgroom", __source: { fileName: "", lineNumber: 362, columnNumber: 15 }, __self: this }, "Father of the Groom"), /*#__PURE__*/ React.createElement("option", { value: "bridefamily", __source: { fileName: "", lineNumber: 363, columnNumber: 15 }, __self: this }, "Bride's Family"), /*#__PURE__*/ React.createElement("option", { value: "bridefriend", __source: { fileName: "", lineNumber: 364, columnNumber: 15 }, __self: this }, "Bride's Friend"), /*#__PURE__*/ React.createElement("option", { value: "bridecolleague", __source: { fileName: "", lineNumber: 365, columnNumber: 15 }, __self: this }, "Bride's Colleague"), /*#__PURE__*/ React.createElement("option", { value: "groomfriend", __source: { fileName: "", lineNumber: 366, columnNumber: 15 }, __self: this }, "Groom's Friend"), /*#__PURE__*/ React.createElement("option", { value: "groomcolleague", __source: { fileName: "", lineNumber: 367, columnNumber: 15 }, __self: this }, "Groom's Colleague"), /*#__PURE__*/ React.createElement("option", { value: "groomfamily", __source: { fileName: "", lineNumber: 368, columnNumber: 15 }, __self: this }, "Groom's Family"), /*#__PURE__*/ React.createElement("option", { value: "vipsponsor", __source: { fileName: "", lineNumber: 369, columnNumber: 15 }, __self: this }, "VIP-Sponsor"), /*#__PURE__*/ React.createElement("option", { value: "planner", __source: { fileName: "", lineNumber: 370, columnNumber: 15 }, __self: this }, "Planner"), /*#__PURE__*/ React.createElement("option", { value: "organiser", __source: { fileName: "", lineNumber: 371, columnNumber: 15 }, __self: this }, "Organiser"), /*#__PURE__*/ React.createElement("option", { value: "mc", __source: { fileName: "", lineNumber: 372, columnNumber: 15 }, __self: this }, "MC"), /*#__PURE__*/ React.createElement("option", { value: "host", __source: { fileName: "", lineNumber: 373, columnNumber: 15 }, __self: this }, "Host"), /*#__PURE__*/ React.createElement("option", { value: "performer", __source: { fileName: "", lineNumber: 374, columnNumber: 15 }, __self: this }, "Performer"), /*#__PURE__*/ React.createElement("option", { value: "churchfamily", __source: { fileName: "", lineNumber: 375, columnNumber: 15 }, __self: this }, "Church Family"), /*#__PURE__*/ React.createElement("option", { value: "neighbor", __source: { fileName: "", lineNumber: 376, columnNumber: 15 }, __self: this }, "Neighbor"), /*#__PURE__*/ React.createElement("option", { value: "clergy", __source: { fileName: "", lineNumber: 377, columnNumber: 15 }, __self: this }, "Clergy"), /*#__PURE__*/ React.createElement("option", { value: "vendor", __source: { fileName: "", lineNumber: 378, columnNumber: 15 }, __self: this }, "Vendor")), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2 flex justify-center mt-4", __source: { fileName: "", lineNumber: 380, columnNumber: 13 }, __self: this }, editingGuest ? /*#__PURE__*/ React.createElement("button", { onClick: updateGuest, className: `bg-green-500 text-white px-8 py-3 rounded-full hover:bg-green-600 transition duration-300 ease-in-out transform hover:scale-105 focus:outline-none focus:ring-2 focus:ring-green-400 shadow-md ${!currentGuest.name || !currentGuest.tableNumber ? 'opacity-50 cursor-not-allowed' : ''}`, disabled: !currentGuest.name || !currentGuest.tableNumber, __source: { fileName: "", lineNumber: 382, columnNumber: 17 }, __self: this }, "Update Guest") : /*#__PURE__*/ React.createElement("button", { onClick: addGuest, className: `bg-pink-500 text-white px-8 py-3 rounded-full hover:bg-pink-600 transition duration-300 ease-in-out transform hover:scale-105 focus:outline-none focus:ring-2 focus:ring-pink-400 shadow-md ${tables.length === 0 || !currentGuest.name || !currentGuest.tableNumber ? 'opacity-50 cursor-not-allowed' : ''}`, disabled: tables.length === 0 || !currentGuest.name || !currentGuest.tableNumber, __source: { fileName: "", lineNumber: 390, columnNumber: 17 }, __self: this }, "Add Guest")))), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 402, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 text-pink-700", __source: { fileName: "", lineNumber: 403, columnNumber: 11 }, __self: this }, "Guest List"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 404, columnNumber: 11 }, __self: this }, guests.map((guest)=>/*#__PURE__*/ React.createElement("li", { key: guest.id, className: "bg-pink-50 p-4 rounded-lg shadow-sm hover:shadow-md transition duration-300", __source: { fileName: "", lineNumber: 406, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 407, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg", __source: { fileName: "", lineNumber: 408, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 409, columnNumber: 11 }, __self: this }, "Chair ", guest.id, ":"), " ", guest.name, " - Table ", guest.tableNumber), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 411, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>editGuest(guest), className: "text-blue-500 hover:text-blue-700 mr-3 transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 412, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit", __source: { fileName: "", lineNumber: 413, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>removeGuest(guest.id), className: "text-red-500 hover:text-red-700 transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 415, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash-alt", __source: { fileName: "", lineNumber: 416, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-sm text-gray-600", __source: { fileName: "", lineNumber: 420, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 421, columnNumber: 9 }, __self: this }, "Role: ", guest.role), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 422, columnNumber: 9 }, __self: this }, "Email: ", guest.email), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 423, columnNumber: 9 }, __self: this }, "Phone: ", guest.phone), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 424, columnNumber: 9 }, __self: this }, "Address: ", guest.address)))))), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4 text-pink-700", __source: { fileName: "", lineNumber: 431, columnNumber: 9 }, __self: this }, "Pictorial Seating Arrangement"), /*#__PURE__*/ React.createElement(PictorialMap, { __source: { fileName: "", lineNumber: 432, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mb-6 text-center", __source: { fileName: "", lineNumber: 434, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: generateSeatMap, className: `bg-pink-500 text-white px-10 py-4 rounded-full text-lg font-semibold hover:bg-pink-600 transition duration-300 ease-in-out transform hover:scale-105 focus:outline-none focus:ring-2 focus:ring-pink-400 shadow-md ${isGenerating ? 'opacity-50 cursor-not-allowed' : ''}`, disabled: isGenerating, __source: { fileName: "", lineNumber: 435, columnNumber: 3 }, __self: this }, isGenerating ? 'Generating...' : 'Generate and Print Seat Map'))), /*#__PURE__*/ React.createElement("footer", { className: "mt-8 text-center text-white bg-pink-700 py-4 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 445, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 446, columnNumber: 3 }, __self: this }, "Powered by Five Stars App Solutions"), /*#__PURE__*/ React.createElement("p", { className: "text-sm mt-2", __source: { fileName: "", lineNumber: 447, columnNumber: 3 }, __self: this }, "© 2024 All Rights Reserved"))); }