${party.title}

${party.host_name}

${address}

${new Date(party.date).toLocaleString()}

${party.current_guests} / ${party.max_guests || "∞"} guests

${party.venue_type !== "house" ? `

Cover: $${party.cover_charge || "Free"}

${party.dress_code ? `

${party.dress_code}

` : ""} ` : ""}

` }); marker.addListener("click", ()=>{ if (activeInfoWindow) { activeInfoWindow.close(); } infoWindow.open(mapRef.current, marker); setActiveInfoWindow(infoWindow); }); markersRef.current.set(party.id, { marker, infoWindow }); } }); if (markersRef.current.size > 0) { const bounds = new google.maps.LatLngBounds(); markersRef.current.forEach(({ marker })=>{ bounds.extend(marker.getPosition()); }); mapRef.current.fitBounds(bounds); } }, [ filteredParties, activeInfoWindow ]); const getPartyStatusColor = (status)=>{ switch(status){ case "upcoming": return "#ffd700"; case "in_progress": return "#ff6b6b"; case "completed": return "#4CAF50"; default: return "#9e9e9e"; } }; React.useEffect(()=>{ const script = document.createElement("script"); script.src = `https://maps.googleapis.com/maps/api/js?key=${window.GOOGLE_MAPS_API_KEY}&libraries=places`; script.async = true; script.onload = ()=>{ setMapLoaded(true); initializeMap(); }; document.body.appendChild(script); return ()=>{ if (script.parentNode) { script.parentNode.removeChild(script); } }; }, [ initializeMap ]); React.useEffect(()=>{ if (mapLoaded) { updateMapMarkers(); } }, [ mapLoaded, updateMapMarkers ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#004d40] to-[#00695c] text-white p-4", __source: { fileName: "", lineNumber: 575, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 576, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes shimmer { 0% { background-position: -1000px 0; } 100% { background-position: 1000px 0; } } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } `), /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 590, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-12 pt-8", __source: { fileName: "", lineNumber: 591, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 592, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold bg-gradient-to-r from-[#ffd700] to-[#ffeb3b] text-transparent bg-clip-text", style: { animation: "float 3s ease-in-out infinite" }, __source: { fileName: "", lineNumber: 593, columnNumber: 13 }, __self: this }, "Pre-Drinks Australia 🎉"), /*#__PURE__*/ React.createElement("div", { className: "absolute -bottom-2 left-0 w-full h-1 bg-gradient-to-r from-[#ffd700] to-[#ffeb3b] rounded-full", __source: { fileName: "", lineNumber: 599, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 601, columnNumber: 11 }, __self: this }, user ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 603, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/map", className: "bg-white bg-opacity-10 text-white px-4 py-2 rounded-full hover:bg-opacity-20 transition-all", __source: { fileName: "", lineNumber: 604, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt mr-2", __source: { fileName: "", lineNumber: 608, columnNumber: 19 }, __self: this }), "Venue Map"), /*#__PURE__*/ React.createElement("a", { href: "/social/profile", className: "bg-white bg-opacity-10 text-white px-4 py-2 rounded-full hover:bg-opacity-20 transition-all", __source: { fileName: "", lineNumber: 610, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 614, columnNumber: 19 }, __self: this }), "Profile"), /*#__PURE__*/ React.createElement("a", { href: "/social/feed", className: "bg-white bg-opacity-10 text-white px-4 py-2 rounded-full hover:bg-opacity-20 transition-all", __source: { fileName: "", lineNumber: 616, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-stream mr-2", __source: { fileName: "", lineNumber: 620, columnNumber: 19 }, __self: this }), "Social Feed"), /*#__PURE__*/ React.createElement("a", { href: "/drinks", className: "bg-white bg-opacity-10 text-white px-6 py-3 rounded-full font-semibold transform transition-all hover:scale-105 hover:bg-opacity-20", __source: { fileName: "", lineNumber: 622, columnNumber: 17 }, __self: this }, "Order Drinks"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowCreateModal(true), className: "bg-gradient-to-r from-[#ffd700] to-[#ffeb3b] text-[#004d40] px-8 py-3 rounded-full font-semibold transform transition-all hover:scale-105 hover:shadow-lg hover:from-[#ffe54c] hover:to-[#fff176] focus:outline-none focus:ring-2 focus:ring-[#ffd700] focus:ring-opacity-50", __source: { fileName: "", lineNumber: 628, columnNumber: 17 }, __self: this }, "Host an Event"), /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "bg-white bg-opacity-10 text-white px-4 py-2 rounded-full hover:bg-opacity-20 transition-all", __source: { fileName: "", lineNumber: 634, columnNumber: 17 }, __self: this }, "Sign Out")) : /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 642, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "bg-white bg-opacity-10 text-white px-6 py-3 rounded-full font-semibold transform transition-all hover:scale-105 hover:bg-opacity-20", __source: { fileName: "", lineNumber: 643, columnNumber: 17 }, __self: this }, "Sign In"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "bg-gradient-to-r from-[#ffd700] to-[#ffeb3b] text-[#004d40] px-6 py-3 rounded-full font-semibold transform transition-all hover:scale-105 hover:shadow-lg hover:from-[#ffe54c] hover:to-[#fff176]", __source: { fileName: "", lineNumber: 649, columnNumber: 17 }, __self: this }, "Sign Up")))), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-500 bg-opacity-20 border border-red-500 text-red-100 px-6 py-4 rounded-lg mb-6 backdrop-blur-sm", __source: { fileName: "", lineNumber: 661, columnNumber: 11 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 666, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { id: "party-map", className: "w-full h-[400px] rounded-2xl shadow-xl", __source: { fileName: "", lineNumber: 667, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8 flex justify-between items-center", __source: { fileName: "", lineNumber: 673, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: selectedVenueType, onChange: (e)=>setSelectedVenueType(e.target.value), className: "px-6 py-3 border-2 border-[#ffd700] bg-transparent rounded-full text-white focus:outline-none focus:ring-2 focus:ring-[#ffd700] focus:border-transparent backdrop-blur-sm", __source: { fileName: "", lineNumber: 674, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "all", className: "bg-[#1a1a2e]", __source: { fileName: "", lineNumber: 679, columnNumber: 13 }, __self: this }, "All Venues"), /*#__PURE__*/ React.createElement("option", { value: "house", className: "bg-[#1a1a2e]", __source: { fileName: "", lineNumber: 682, columnNumber: 13 }, __self: this }, "House Parties"), /*#__PURE__*/ React.createElement("option", { value: "club", className: "bg-[#1a1a2e]", __source: { fileName: "", lineNumber: 685, columnNumber: 13 }, __self: this }, "Clubs"), /*#__PURE__*/ React.createElement("option", { value: "bar", className: "bg-[#1a1a2e]", __source: { fileName: "", lineNumber: 688, columnNumber: 13 }, __self: this }, "Bars"), /*#__PURE__*/ React.createElement("option", { value: "pub", className: "bg-[#1a1a2e]", __source: { fileName: "", lineNumber: 691, columnNumber: 13 }, __self: this }, "Pubs")), /*#__PURE__*/ React.createElement("select", { value: selectedStatus, onChange: (e)=>setSelectedStatus(e.target.value), className: "px-6 py-3 border-2 border-[#ffd700] bg-transparent rounded-full text-white focus:outline-none focus:ring-2 focus:ring-[#ffd700] focus:border-transparent backdrop-blur-sm", __source: { fileName: "", lineNumber: 695, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "all", className: "bg-[#1a1a2e]", __source: { fileName: "", lineNumber: 700, columnNumber: 13 }, __self: this }, "All Status"), /*#__PURE__*/ React.createElement("option", { value: "upcoming", className: "bg-[#1a1a2e]", __source: { fileName: "", lineNumber: 703, columnNumber: 13 }, __self: this }, "Upcoming"), /*#__PURE__*/ React.createElement("option", { value: "in_progress", className: "bg-[#1a1a2e]", __source: { fileName: "", lineNumber: 706, columnNumber: 13 }, __self: this }, "In Progress"), /*#__PURE__*/ React.createElement("option", { value: "completed", className: "bg-[#1a1a2e]", __source: { fileName: "", lineNumber: 709, columnNumber: 13 }, __self: this }, "Completed"), /*#__PURE__*/ React.createElement("option", { value: "cancelled", className: "bg-[#1a1a2e]", __source: { fileName: "", lineNumber: 712, columnNumber: 13 }, __self: this }, "Cancelled"))), loading ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 719, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-block w-16 h-16 border-4 border-[#ff6b6b] border-t-transparent rounded-full animate-spin", __source: { fileName: "", lineNumber: 720, columnNumber: 13 }, __self: this })) : parties.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-16 text-gray-300", __source: { fileName: "", lineNumber: 723, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-6xl mb-4", __source: { fileName: "", lineNumber: 724, columnNumber: 13 }, __self: this }, "🎉"), /*#__PURE__*/ React.createElement("p", { className: "text-xl", __source: { fileName: "", lineNumber: 725, columnNumber: 13 }, __self: this }, "No parties planned yet. Be the first to host one!")) : /*#__PURE__*/ React.createElement("div", { className: "grid gap-8", style: { animation: "fadeIn 0.6s ease-out" }, __source: { fileName: "", lineNumber: 730, columnNumber: 11 }, __self: this }, filteredParties.map((party, index)=>/*#__PURE__*/ React.createElement("div", { key: party.id, className: `bg-white bg-opacity-5 backdrop-blur-lg rounded-2xl p-8 transform transition-all hover:scale-[1.02] hover:bg-opacity-10 ${party.status === "cancelled" ? "opacity-50" : ""}`, style: { animation: `fadeIn 0.6s ease-out ${index * 0.1}s` }, __source: { fileName: "", lineNumber: 735, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-8", __source: { fileName: "", lineNumber: 742, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-grow", __source: { fileName: "", lineNumber: 743, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 mb-4", __source: { fileName: "", lineNumber: 744, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${getVenueIcon(party.venue_type)} text-2xl text-[#ffd700]`, __source: { fileName: "", lineNumber: 745, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold bg-gradient-to-r from-white to-gray-300 text-transparent bg-clip-text", __source: { fileName: "", lineNumber: 748, columnNumber: 23 }, __self: this }, party.title), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 ml-auto", __source: { fileName: "", lineNumber: 751, columnNumber: 23 }, __self: this }, party.is_private && /*#__PURE__*/ React.createElement("span", { className: "px-3 py-1 rounded-full text-sm bg-purple-500 bg-opacity-20 text-purple-300", __source: { fileName: "", lineNumber: 753, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock mr-1", __source: { fileName: "", lineNumber: 754, columnNumber: 29 }, __self: this }), "Private"), /*#__PURE__*/ React.createElement("span", { className: `px-3 py-1 rounded-full text-sm ${party.status === "upcoming" ? "bg-green-500 bg-opacity-20 text-green-300" : party.status === "in_progress" ? "bg-[#ffd700] bg-opacity-20 text-[#ffd700]" : party.status === "completed" ? "bg-gray-500 bg-opacity-20 text-gray-300" : "bg-red-500 bg-opacity-20 text-red-300"}`, __source: { fileName: "", lineNumber: 757, columnNumber: 25 }, __self: this }, party.status.replace("_", " ").charAt(0).toUpperCase() + party.status.slice(1)))), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 mb-6 leading-relaxed", __source: { fileName: "", lineNumber: 775, columnNumber: 21 }, __self: this }, party.description), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-6", __source: { fileName: "", lineNumber: 779, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 text-gray-300", __source: { fileName: "", lineNumber: 780, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user text-[#ff6b6b]", __source: { fileName: "", lineNumber: 781, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 782, columnNumber: 25 }, __self: this }, party.host_name)), party.display_address ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 text-gray-300", __source: { fileName: "", lineNumber: 785, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-[#ff6b6b]", __source: { fileName: "", lineNumber: 786, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 787, columnNumber: 27 }, __self: this }, party.display_address)) : /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 text-gray-300", __source: { fileName: "", lineNumber: 790, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-[#ff6b6b]", __source: { fileName: "", lineNumber: 791, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "italic", __source: { fileName: "", lineNumber: 792, columnNumber: 27 }, __self: this }, "Address visible after joining")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 text-gray-300", __source: { fileName: "", lineNumber: 797, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar text-[#ff6b6b]", __source: { fileName: "", lineNumber: 798, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 799, columnNumber: 25 }, __self: this }, new Date(party.date).toLocaleString())), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 text-gray-300", __source: { fileName: "", lineNumber: 801, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-[#ff6b6b]", __source: { fileName: "", lineNumber: 802, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 803, columnNumber: 25 }, __self: this }, party.current_guests, " / ", party.max_guests || "∞", " ", "guests", party.plus_one_count > 0 && ` (+${party.plus_one_count} plus ones)`)), party.rsvp_deadline && /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 text-gray-300", __source: { fileName: "", lineNumber: 811, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-[#ff6b6b]", __source: { fileName: "", lineNumber: 812, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 813, columnNumber: 27 }, __self: this }, "RSVP by:", " ", new Date(party.rsvp_deadline).toLocaleString())), party.venue_type !== "house" && /*#__PURE__*/ React.createElement(React.Fragment, null, party.cover_charge && /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 text-gray-300", __source: { fileName: "", lineNumber: 822, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-dollar-sign text-[#ff6b6b]", __source: { fileName: "", lineNumber: 823, columnNumber: 31 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 824, columnNumber: 31 }, __self: this }, "Cover charge: $", party.cover_charge)), party.dress_code && /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 text-gray-300", __source: { fileName: "", lineNumber: 828, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tshirt text-[#ff6b6b]", __source: { fileName: "", lineNumber: 829, columnNumber: 31 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 830, columnNumber: 31 }, __self: this }, "Dress code: ", party.dress_code)))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4 mb-6", __source: { fileName: "", lineNumber: 837, columnNumber: 21 }, __self: this }, party.tinder_link && /*#__PURE__*/ React.createElement("a", { href: party.tinder_link, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-to-r from-[#ff6b6b] to-[#ff8585] text-white transform transition-all hover:scale-105", __source: { fileName: "", lineNumber: 839, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-fire", __source: { fileName: "", lineNumber: 845, columnNumber: 27 }, __self: this }), "Tinder Group"), party.bumble_link && /*#__PURE__*/ React.createElement("a", { href: party.bumble_link, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-to-r from-[#ffd93d] to-[#ffe066] text-black transform transition-all hover:scale-105", __source: { fileName: "", lineNumber: 850, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bee", __source: { fileName: "", lineNumber: 856, columnNumber: 27 }, __self: this }), "Bumble Group")), party.photos?.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 863, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-4 text-[#ff6b6b]", __source: { fileName: "", lineNumber: 864, columnNumber: 25 }, __self: this }, "Photos"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 overflow-x-auto pb-4", __source: { fileName: "", lineNumber: 867, columnNumber: 25 }, __self: this }, party.photos.map((photo)=>/*#__PURE__*/ React.createElement("img", { key: photo.id, src: photo.photo_url, alt: photo.caption || "Venue photo", className: "w-32 h-32 object-cover rounded-lg transform transition-all hover:scale-105 hover:shadow-lg", __source: { fileName: "", lineNumber: 869, columnNumber: 29 }, __self: this })))), party.venue_type !== "house" && party.drink_specials?.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 882, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-4 text-[#ff6b6b]", __source: { fileName: "", lineNumber: 883, columnNumber: 27 }, __self: this }, "Drink Specials"), /*#__PURE__*/ React.createElement("div", { className: "grid gap-4", __source: { fileName: "", lineNumber: 886, columnNumber: 27 }, __self: this }, party.drink_specials.map((drink)=>/*#__PURE__*/ React.createElement("div", { key: drink.id, className: "flex justify-between items-center bg-white bg-opacity-5 rounded-lg p-4", __source: { fileName: "", lineNumber: 888, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 892, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold text-white", __source: { fileName: "", lineNumber: 893, columnNumber: 35 }, __self: this }, drink.drink_name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 896, columnNumber: 35 }, __self: this }, drink.description)), /*#__PURE__*/ React.createElement("span", { className: "font-bold text-[#ff6b6b]", __source: { fileName: "", lineNumber: 900, columnNumber: 33 }, __self: this }, "$", drink.price))))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 909, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 mb-4", __source: { fileName: "", lineNumber: 910, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-[#ff6b6b]", __source: { fileName: "", lineNumber: 911, columnNumber: 25 }, __self: this }, "Reviews"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 914, columnNumber: 25 }, __self: this }, "(", party.review_count, " reviews,", " ", party.avg_rating.toFixed(1), " ⭐)")), party.reviews?.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 920, columnNumber: 25 }, __self: this }, party.reviews.map((review)=>/*#__PURE__*/ React.createElement("div", { key: review.id, className: "bg-white bg-opacity-5 rounded-lg p-4", __source: { fileName: "", lineNumber: 922, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mb-2", __source: { fileName: "", lineNumber: 926, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium text-white", __source: { fileName: "", lineNumber: 927, columnNumber: 33 }, __self: this }, review.reviewer_name), /*#__PURE__*/ React.createElement("span", { className: "text-yellow-400", __source: { fileName: "", lineNumber: 930, columnNumber: 33 }, __self: this }, "⭐".repeat(review.rating))), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300", __source: { fileName: "", lineNumber: 934, columnNumber: 31 }, __self: this }, review.review_text))))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4", __source: { fileName: "", lineNumber: 943, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setSelectedParty(party); setShowReviewModal(true); }, className: "text-[#ffd700] hover:text-[#ffe54c] transition-colors", __source: { fileName: "", lineNumber: 944, columnNumber: 23 }, __self: this }, "Add Review"), party.venue_type !== "house" && /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setSelectedParty(party); setShowDrinkSpecialModal(true); }, className: "text-[#ffd700] hover:text-[#ffe54c] transition-colors", __source: { fileName: "", lineNumber: 954, columnNumber: 25 }, __self: this }, "Add Drink Special"), /*#__PURE__*/ React.createElement("label", { className: "cursor-pointer text-[#ffd700] hover:text-[#ffe54c] transition-colors", __source: { fileName: "", lineNumber: 964, columnNumber: 23 }, __self: this }, "Add Photo", /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", className: "hidden", onChange: (e)=>handleAddPhoto(e, party.id), __source: { fileName: "", lineNumber: 966, columnNumber: 25 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-end", __source: { fileName: "", lineNumber: 976, columnNumber: 19 }, __self: this }, (!party.max_guests || party.current_guests < party.max_guests) && /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 979, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Your name", className: "bg-white bg-opacity-10 border border-[#ff6b6b] rounded-full px-4 py-2 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-[#ff6b6b] focus:border-transparent", value: joinName, onChange: (e)=>setJoinName(e.target.value), __source: { fileName: "", lineNumber: 980, columnNumber: 25 }, __self: this }), party.is_private && /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Invitation code", className: "bg-white bg-opacity-10 border border-[#ff6b6b] rounded-full px-4 py-2 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-[#ff6b6b] focus:border-transparent", value: invitationCode, onChange: (e)=>setInvitationCode(e.target.value), __source: { fileName: "", lineNumber: 988, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleJoinParty(party.id), className: "bg-gradient-to-r from-[#ff6b6b] to-[#ff8585] text-white px-6 py-2 rounded-full transform transition-all hover:scale-105", __source: { fileName: "", lineNumber: 996, columnNumber: 25 }, __self: this }, "Join"))))))), showCreateModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-70 backdrop-blur-sm flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 1012, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a2e] rounded-2xl p-8 max-w-md w-full border border-[#ff6b6b] shadow-2xl", __source: { fileName: "", lineNumber: 1013, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 1014, columnNumber: 15 }, __self: this }, "Host an Event"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleCreateParty, __source: { fileName: "", lineNumber: 1015, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1016, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1017, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1018, columnNumber: 21 }, __self: this }, "Venue Type"), /*#__PURE__*/ React.createElement("select", { className: "mt-1 block w-full border rounded-md px-3 py-2", value: formData.venueType, onChange: (e)=>setFormData({ ...formData, venueType: e.target.value }), __source: { fileName: "", lineNumber: 1021, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "house", __source: { fileName: "", lineNumber: 1028, columnNumber: 23 }, __self: this }, "House Party"), /*#__PURE__*/ React.createElement("option", { value: "club", __source: { fileName: "", lineNumber: 1029, columnNumber: 23 }, __self: this }, "Club"), /*#__PURE__*/ React.createElement("option", { value: "bar", __source: { fileName: "", lineNumber: 1030, columnNumber: 23 }, __self: this }, "Bar"), /*#__PURE__*/ React.createElement("option", { value: "pub", __source: { fileName: "", lineNumber: 1031, columnNumber: 23 }, __self: this }, "Pub"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1034, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1035, columnNumber: 21 }, __self: this }, "Title"), /*#__PURE__*/ React.createElement("input", { type: "text", required: true, className: "mt-1 block w-full border rounded-md px-3 py-2", value: formData.title, onChange: (e)=>setFormData({ ...formData, title: e.target.value }), __source: { fileName: "", lineNumber: 1038, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1048, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1049, columnNumber: 21 }, __self: this }, "Description"), /*#__PURE__*/ React.createElement("textarea", { className: "mt-1 block w-full border rounded-md px-3 py-2", value: formData.description, onChange: (e)=>setFormData({ ...formData, description: e.target.value }), __source: { fileName: "", lineNumber: 1052, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1063, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1064, columnNumber: 21 }, __self: this }, "Your Name"), /*#__PURE__*/ React.createElement("input", { type: "text", required: true, className: "mt-1 block w-full border rounded-md px-3 py-2", value: formData.hostName, onChange: (e)=>setFormData({ ...formData, hostName: e.target.value }), __source: { fileName: "", lineNumber: 1067, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 1077, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1078, columnNumber: 21 }, __self: this }, "Address"), /*#__PURE__*/ React.createElement("input", { type: "text", required: true, className: "mt-1 block w-full border rounded-md px-3 py-2", value: formData.address, onChange: handleAddressChange, placeholder: "Start typing to search...", __source: { fileName: "", lineNumber: 1081, columnNumber: 21 }, __self: this }), addressSuggestions.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "absolute z-10 w-full bg-white border rounded-md mt-1 shadow-lg", __source: { fileName: "", lineNumber: 1090, columnNumber: 23 }, __self: this }, addressSuggestions.map((suggestion)=>/*#__PURE__*/ React.createElement("div", { key: suggestion.place_id, className: "px-4 py-2 hover:bg-gray-100 cursor-pointer", onClick: ()=>selectAddress(suggestion), __source: { fileName: "", lineNumber: 1092, columnNumber: 27 }, __self: this }, suggestion.description)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1103, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1104, columnNumber: 21 }, __self: this }, "Date & Time"), /*#__PURE__*/ React.createElement("input", { type: "datetime-local", required: true, className: "mt-1 block w-full border rounded-md px-3 py-2", value: formData.date, onChange: (e)=>setFormData({ ...formData, date: e.target.value }), __source: { fileName: "", lineNumber: 1107, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1117, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1118, columnNumber: 21 }, __self: this }, "Max Guests (optional)"), /*#__PURE__*/ React.createElement("input", { type: "number", className: "mt-1 block w-full border rounded-md px-3 py-2", value: formData.maxGuests, onChange: (e)=>setFormData({ ...formData, maxGuests: e.target.value }), __source: { fileName: "", lineNumber: 1121, columnNumber: 21 }, __self: this })), formData.venueType !== "house" && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1132, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1133, columnNumber: 25 }, __self: this }, "Cover Charge ($)"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "0.01", className: "mt-1 block w-full border rounded-md px-3 py-2", value: formData.coverCharge, onChange: (e)=>setFormData({ ...formData, coverCharge: e.target.value }), __source: { fileName: "", lineNumber: 1136, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1149, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1150, columnNumber: 25 }, __self: this }, "Dress Code"), /*#__PURE__*/ React.createElement("input", { type: "text", className: "mt-1 block w-full border rounded-md px-3 py-2", value: formData.dressCode, onChange: (e)=>setFormData({ ...formData, dressCode: e.target.value }), placeholder: "e.g., Smart casual, No thongs", __source: { fileName: "", lineNumber: 1153, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "border-t pt-4 mt-4", __source: { fileName: "", lineNumber: 1168, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1169, columnNumber: 21 }, __self: this }, "Dating App Groups"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1172, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1173, columnNumber: 23 }, __self: this }, "Tinder Group Link"), /*#__PURE__*/ React.createElement("input", { type: "url", className: "mt-1 block w-full border rounded-md px-3 py-2", value: formData.tinderLink, onChange: (e)=>setFormData({ ...formData, tinderLink: e.target.value }), placeholder: "https://tinder.com/group/...", __source: { fileName: "", lineNumber: 1176, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-3", __source: { fileName: "", lineNumber: 1189, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1190, columnNumber: 23 }, __self: this }, "Bumble Group Link"), /*#__PURE__*/ React.createElement("input", { type: "url", className: "mt-1 block w-full border rounded-md px-3 py-2", value: formData.bumbleLink, onChange: (e)=>setFormData({ ...formData, bumbleLink: e.target.value }), placeholder: "https://bumble.com/group/...", __source: { fileName: "", lineNumber: 1193, columnNumber: 23 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 flex justify-end gap-3", __source: { fileName: "", lineNumber: 1208, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setShowCreateModal(false), className: "px-4 py-2 border rounded-md text-gray-600 hover:bg-gray-50", __source: { fileName: "", lineNumber: 1209, columnNumber: 19 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600", __source: { fileName: "", lineNumber: 1216, columnNumber: 19 }, __self: this }, "Create Party"))))), showReviewModal && selectedParty && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 1229, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 max-w-md w-full", __source: { fileName: "", lineNumber: 1230, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 1231, columnNumber: 15 }, __self: this }, "Add Review"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleAddReview, __source: { fileName: "", lineNumber: 1232, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1233, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1234, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1235, columnNumber: 21 }, __self: this }, "Your Name"), /*#__PURE__*/ React.createElement("input", { type: "text", required: true, className: "mt-1 block w-full border rounded-md px-3 py-2", value: reviewData.reviewerName, onChange: (e)=>setReviewData({ ...reviewData, reviewerName: e.target.value }), __source: { fileName: "", lineNumber: 1238, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1251, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1252, columnNumber: 21 }, __self: this }, "Rating"), /*#__PURE__*/ React.createElement("select", { className: "mt-1 block w-full border rounded-md px-3 py-2", value: reviewData.rating, onChange: (e)=>setReviewData({ ...reviewData, rating: Number(e.target.value) }), __source: { fileName: "", lineNumber: 1255, columnNumber: 21 }, __self: this }, [ 5, 4, 3, 2, 1 ].map((rating)=>/*#__PURE__*/ React.createElement("option", { key: rating, value: rating, __source: { fileName: "", lineNumber: 1266, columnNumber: 25 }, __self: this }, "⭐".repeat(rating))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1272, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1273, columnNumber: 21 }, __self: this }, "Review"), /*#__PURE__*/ React.createElement("textarea", { required: true, className: "mt-1 block w-full border rounded-md px-3 py-2", value: reviewData.reviewText, onChange: (e)=>setReviewData({ ...reviewData, reviewText: e.target.value }), rows: 3, __source: { fileName: "", lineNumber: 1276, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 flex justify-end gap-3", __source: { fileName: "", lineNumber: 1290, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setShowReviewModal(false), className: "px-4 py-2 border rounded-md text-gray-600 hover:bg-gray-50", __source: { fileName: "", lineNumber: 1291, columnNumber: 19 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600", __source: { fileName: "", lineNumber: 1298, columnNumber: 19 }, __self: this }, "Submit Review"))))), showDrinkSpecialModal && selectedParty && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 1311, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 max-w-md w-full", __source: { fileName: "", lineNumber: 1312, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 1313, columnNumber: 15 }, __self: this }, "Add Drink Special"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleAddDrinkSpecial, __source: { fileName: "", lineNumber: 1314, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1315, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1316, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1317, columnNumber: 21 }, __self: this }, "Drink Name"), /*#__PURE__*/ React.createElement("input", { type: "text", required: true, className: "mt-1 block w-full border rounded-md px-3 py-2", value: drinkSpecialData.drinkName, onChange: (e)=>setDrinkSpecialData({ ...drinkSpecialData, drinkName: e.target.value }), __source: { fileName: "", lineNumber: 1320, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1333, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1334, columnNumber: 21 }, __self: this }, "Price ($)"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "0.01", required: true, className: "mt-1 block w-full border rounded-md px-3 py-2", value: drinkSpecialData.price, onChange: (e)=>setDrinkSpecialData({ ...drinkSpecialData, price: e.target.value }), __source: { fileName: "", lineNumber: 1337, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1351, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1352, columnNumber: 21 }, __self: this }, "Description"), /*#__PURE__*/ React.createElement("textarea", { className: "mt-1 block w-full border rounded-md px-3 py-2", value: drinkSpecialData.description, onChange: (e)=>setDrinkSpecialData({ ...drinkSpecialData, description: e.target.value }), rows: 2, __source: { fileName: "", lineNumber: 1355, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 flex justify-end gap-3", __source: { fileName: "", lineNumber: 1368, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setShowDrinkSpecialModal(false), className: "px-4 py-2 border rounded-md text-gray-600 hover:bg-gray-50", __source: { fileName: "", lineNumber: 1369, columnNumber: 19 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600", __source: { fileName: "", lineNumber: 1376, columnNumber: 19 }, __self: this }, "Add Special"))))), showNotifications && /*#__PURE__*/ React.createElement("div", { className: "absolute right-0 mt-2 w-80 bg-[#004d40] border border-[#ffd700] rounded-xl shadow-xl z-50", __source: { fileName: "", lineNumber: 1389, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 1390, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 1391, columnNumber: 15 }, __self: this }, "Notifications"), notifications.length === 0 ? /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 1393, columnNumber: 17 }, __self: this }, "No notifications") : /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1395, columnNumber: 17 }, __self: this }, notifications.map((notification)=>/*#__PURE__*/ React.createElement("div", { key: notification.id, className: `p-3 rounded-lg ${notification.read ? "bg-white bg-opacity-5" : "bg-white bg-opacity-10"}`, onClick: ()=>handleMarkNotificationRead(notification.id), __source: { fileName: "", lineNumber: 1397, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 1408, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${notification.type === "update" ? "info-circle text-blue-400" : notification.type === "cancellation" ? "times-circle text-red-400" : "clock text-yellow-400"}`, __source: { fileName: "", lineNumber: 1409, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1418, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 1419, columnNumber: 27 }, __self: this }, notification.party_title), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 1422, columnNumber: 27 }, __self: this }, notification.message), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 mt-1", __source: { fileName: "", lineNumber: 1425, columnNumber: 27 }, __self: this }, new Date(notification.created_at).toLocaleString())))))))), showInviteModal && selectedPartyForInvite && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 1439, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 max-w-md w-full", __source: { fileName: "", lineNumber: 1440, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 1441, columnNumber: 15 }, __self: this }, "Send Invitations"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSendInvites, __source: { fileName: "", lineNumber: 1442, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 1443, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1444, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1445, columnNumber: 21 }, __self: this }, "Email Addresses"), /*#__PURE__*/ React.createElement("textarea", { required: true, className: "mt-1 block w-full border rounded-md px-3 py-2", value: inviteEmails, onChange: (e)=>setInviteEmails(e.target.value), placeholder: "Enter email addresses separated by commas", rows: 4, __source: { fileName: "", lineNumber: 1448, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mt-1 text-sm text-gray-500", __source: { fileName: "", lineNumber: 1456, columnNumber: 21 }, __self: this }, "Separate multiple email addresses with commas"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 flex justify-end gap-3", __source: { fileName: "", lineNumber: 1461, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>{ setShowInviteModal(false); setInviteEmails(""); setSelectedPartyForInvite(null); }, className: "px-4 py-2 border rounded-md text-gray-600 hover:bg-gray-50", __source: { fileName: "", lineNumber: 1462, columnNumber: 19 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-blue-500 text-white rounded-md hover:bg-blue-600", __source: { fileName: "", lineNumber: 1473, columnNumber: 19 }, __self: this }, "Send Invites"))))))); }