Scheduled Meetings

${meetingsHTML}`; try { const response = await fetch("/integrations/pdf-generation/pdf", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ source: { html } }) }); if (!response.ok) { throw new Error("PDF generation failed"); } const blob = await response.blob(); const url = window.URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = "scheduled-meetings.pdf"; document.body.appendChild(a); a.click(); window.URL.revokeObjectURL(url); document.body.removeChild(a); } catch (error) { console.error("Error generating PDF:", error); alert("Failed to generate PDF"); } }; return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#e3f2fd] to-[#bbdefb] p-4 font-roboto" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-4xl mx-auto bg-white/95 backdrop-blur-sm rounded-xl shadow-lg p-8 transform hover:scale-[1.01] transition-transform duration-300" }, /* @__PURE__ */ React.createElement("h1", { className: "text-4xl font-bold text-[#1976d2] mb-8 text-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-calendar-alt mr-3" }), "Meeting Scheduler"), /* @__PURE__ */ React.createElement("div", { className: "mb-8", style: { animation: "slideIn 0.5s ease-out" } }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-semibold mb-4 text-[#1976d2] flex items-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-users mr-2" }), "Add Participants"), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col md:flex-row gap-4" }, /* @__PURE__ */ React.createElement( "input", { type: "text", name: "name", placeholder: "Name", value: name, onChange: (e) => setName(e.target.value), className: "p-3 border-2 border-[#1976d2]/20 rounded-lg focus:border-[#1976d2] outline-none transition-colors duration-300 flex-1" } ), /* @__PURE__ */ React.createElement( "input", { type: "email", name: "email", placeholder: "Email", value: email, onChange: (e) => setEmail(e.target.value), className: "p-3 border-2 border-[#1976d2]/20 rounded-lg focus:border-[#1976d2] outline-none transition-colors duration-300 flex-1" } ), /* @__PURE__ */ React.createElement( "button", { onClick: addParticipant, className: "bg-[#1976d2] text-white px-8 py-3 rounded-lg hover:bg-[#1565c0] transition-colors duration-300 flex items-center justify-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-plus mr-2" }), "Add" ))), /* @__PURE__ */ React.createElement("div", { className: "mb-8", style: { animation: "slideIn 0.6s ease-out" } }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-semibold mb-4 text-[#1a237e] flex items-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-calendar-day mr-2" }), "Select Date"), /* @__PURE__ */ React.createElement( "input", { type: "date", name: "date", value: selectedDate, onChange: (e) => setSelectedDate(e.target.value), className: "p-3 border-2 border-[#1a237e]/20 rounded-lg focus:border-[#1a237e] outline-none transition-colors duration-300 w-full" } )), /* @__PURE__ */ React.createElement("div", { className: "mb-8", style: { animation: "slideIn 0.7s ease-out" } }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-semibold mb-4 text-[#1976d2] flex items-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-clock mr-2" }), "Available Time Slots"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4" }, timeOptions.map((time) => /* @__PURE__ */ React.createElement( "button", { key: time, onClick: () => handleTimeSlotToggle(time), className: `p-3 rounded-lg transition-all duration-300 transform hover:scale-105 ${timeSlots.includes(time) ? "bg-[#1976d2] text-white shadow-lg" : "bg-[#1976d2]/10 hover:bg-[#1976d2]/20"}` }, time )))), /* @__PURE__ */ React.createElement("div", { className: "mb-8", style: { animation: "slideIn 0.8s ease-out" } }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-semibold mb-4 text-[#1a237e] flex items-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-user-friends mr-2" }), "Participants"), /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, participants.map((p, index) => /* @__PURE__ */ React.createElement( "div", { key: index, className: "flex items-center gap-3 bg-[#1a237e]/5 p-4 rounded-lg hover:bg-[#1a237e]/10 transition-colors duration-300" }, /* @__PURE__ */ React.createElement("div", { className: "w-10 h-10 rounded-full bg-[#1a237e] text-white flex items-center justify-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-user" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "font-semibold" }, p.name), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-gray-600" }, p.email)) )))), showSuccess && /* @__PURE__ */ React.createElement( "div", { className: "fixed top-4 right-4 bg-green-500 text-white p-4 rounded-lg shadow-lg", style: { animation: "slideIn 0.5s ease-out" } }, "Meeting scheduled successfully! \u{1F389}" ), /* @__PURE__ */ React.createElement( "button", { onClick: handleScheduleMeeting, className: "w-full bg-[#1976d2] text-white py-4 rounded-lg hover:bg-[#1565c0] transition-all duration-300 flex items-center justify-center text-lg font-semibold shadow-lg", style: { animation: "pulse 2s infinite" } }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-paper-plane mr-2" }), "Schedule Meeting" ), /* @__PURE__ */ React.createElement("div", { className: "mt-8 border-t pt-8" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-semibold mb-4 text-[#1a237e] flex items-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-list mr-2" }), "Scheduled Meetings"), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, scheduledMeetings.map((meeting, index) => /* @__PURE__ */ React.createElement("div", { key: index, className: "bg-[#1a237e]/5 p-4 rounded-lg" }, /* @__PURE__ */ React.createElement("div", { className: "font-semibold text-[#1976d2]" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-calendar-day mr-2" }), meeting.date), /* @__PURE__ */ React.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-clock mr-2 text-[#1976d2]" }), meeting.timeSlots.join(", ")), /* @__PURE__ */ React.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React.createElement("div", { className: "font-medium text-[#1976d2]" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-users mr-2" }), "Participants:"), meeting.participants.map((p, i) => /* @__PURE__ */ React.createElement("div", { key: i, className: "ml-6 text-sm" }, p.name, " (", p.email, ")"))))))), scheduledMeetings.length > 0 && /* @__PURE__ */ React.createElement( "button", { onClick: handleExportPDF, className: "mt-4 w-full bg-[#4caf50] text-white py-4 rounded-lg hover:bg-[#43a047] transition-all duration-300 flex items-center justify-center text-lg font-semibold shadow-lg" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-file-pdf mr-2" }), "Export as PDF" )), /* @__PURE__ */ React.createElement("style", { jsx: true, global: true }, ` @keyframes slideIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } `)); } var page_default = MainComponent; return __toCommonJS(page_exports); })();