function MainComponent() { const [venues, setVenues] = useState([]); const [filters, setFilters] = useState({ minCapacity: "", maxCapacity: "", minPrice: "", maxPrice: "", search: "", venueType: "", wilaya: "", amenities: [] }); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const { data: user } = useUser(); const venueTypes = [ "Salle des fêtes", "Salle de conférence", "Restaurant", "Bateau", "Ferme", "Villa", "Hôtel", "Espace extérieur" ]; const wilayas = [ "Adrar", "Chlef", "Laghouat", "Oum El Bouaghi", "Batna", "Béjaïa", "Biskra", "Béchar", "Blida", "Bouira", "Tamanrasset", "Tébessa", "Tlemcen", "Tiaret", "Tizi Ouzou", "Alger", "Djelfa", "Jijel", "Sétif", "Saïda", "Skikda", "Sidi Bel Abbès", "Annaba", "Guelma", "Constantine", "Médéa", "Mostaganem", "MSila", "Mascara", "Ouargla", "Oran", "El Bayadh", "Illizi", "Bordj Bou Arréridj", "Boumerdès", "El Tarf", "Tindouf", "Tissemsilt", "El Oued", "Khenchela", "Souk Ahras", "Tipaza", "Mila", "Aïn Defla", "Naâma", "Aïn Témouchent", "Ghardaïa", "Relizane" ]; const amenitiesList = [ "WiFi", "Parking", "Climatisation", "Chauffage", "Cuisine", "Système Audio", "Scène", "Service Traiteur", "Service Ménage", "Accès Handicapé" ]; const fetchVenues = async ()=>{ try { setLoading(true); const response = await fetch("/api/venues/list", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(filters) }); if (!response.ok) { throw new Error("Impossible de récupérer les lieux"); } const data = await response.json(); setVenues(data.venues); } catch (err) { console.error(err); setError("Impossible de charger les lieux. Veuillez réessayer plus tard."); } finally{ setLoading(false); } }; const handleFilterChange = (e)=>{ const { name, value } = e.target; setFilters((prev)=>({ ...prev, [name]: value })); }; const handleAmenityChange = (amenity)=>{ setFilters((prev)=>({ ...prev, amenities: prev.amenities.includes(amenity) ? prev.amenities.filter((a)=>a !== amenity) : [ ...prev.amenities, amenity ] })); }; const translateAmenity = (amenity)=>{ const translations = { WiFi: "WiFi", Parking: "Parking", "Air Conditioning": "Climatisation", Heating: "Chauffage", Kitchen: "Cuisine", Projector: "Projecteur", "Sound System": "Système Audio", Tables: "Tables", Chairs: "Chaises", Stage: "Scène", Microphone: "Microphone", Security: "Sécurité", Catering: "Service Traiteur", Cleaning: "Service Ménage", Bathroom: "Toilettes", Elevator: "Ascenseur", "Wheelchair Access": "Accès Handicapé", "Smoking Area": "Espace Fumeur", "Outdoor Space": "Espace Extérieur", Bar: "Bar" }; return translations[amenity] || amenity; }; useEffect(()=>{ fetchVenues(); }, [ filters ]); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 165, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-sm", __source: { fileName: "", lineNumber: 166, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 167, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "py-3 flex justify-between items-center border-b", __source: { fileName: "", lineNumber: 168, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 169, columnNumber: 13 }, __self: this }, "Privatizi"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-6", __source: { fileName: "", lineNumber: 170, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 171, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://facebook.com/privatizi", target: "_blank", rel: "noopener noreferrer", className: "text-gray-400 hover:text-[#1877F2] transition-colors", title: "Suivez-nous sur Facebook", __source: { fileName: "", lineNumber: 172, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 179, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M18.77,7.46H14.5v-1.9c0-.9.6-1.1,1-1.1h3V.5h-4.33C10.24.5,9.5,3.44,9.5,5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4Z", __source: { fileName: "", lineNumber: 184, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("a", { href: "https://instagram.com/privatizi", target: "_blank", rel: "noopener noreferrer", className: "text-gray-400 hover:text-[#E4405F] transition-colors", title: "Suivez-nous sur Instagram", __source: { fileName: "", lineNumber: 187, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 194, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M12,2.2c3.2,0,3.6,0,4.9,0.1c3.3,0.1,4.8,1.7,4.9,4.9c0.1,1.3,0.1,1.6,0.1,4.8c0,3.2,0,3.6-0.1,4.8c-0.1,3.2-1.7,4.8-4.9,4.9c-1.3,0.1-1.6,0.1-4.9,0.1c-3.2,0-3.6,0-4.8-0.1c-3.3-0.1-4.8-1.7-4.9-4.9c-0.1-1.3-0.1-1.6-0.1-4.8c0-3.2,0-3.6,0.1-4.8c0.1-3.2,1.7-4.8,4.9-4.9C8.4,2.2,8.8,2.2,12,2.2z M12,0C8.7,0,8.3,0,7.1,0.1c-4.4,0.2-6.8,2.6-7,7C0,8.3,0,8.7,0,12s0,3.7,0.1,4.9c0.2,4.4,2.6,6.8,7,7C8.3,24,8.7,24,12,24s3.7,0,4.9-0.1c4.4-0.2,6.8-2.6,7-7C24,15.7,24,15.3,24,12s0-3.7-0.1-4.9c-0.2-4.4-2.6-6.8-7-7C15.7,0,15.3,0,12,0z M12,5.8c-3.4,0-6.2,2.8-6.2,6.2s2.8,6.2,6.2,6.2s6.2-2.8,6.2-6.2S15.4,5.8,12,5.8z M12,16c-2.2,0-4-1.8-4-4s1.8-4,4-4s4,1.8,4,4S14.2,16,12,16z M18.4,4.2c-0.8,0-1.4,0.6-1.4,1.4S17.6,7,18.4,7s1.4-0.6,1.4-1.4S19.2,4.2,18.4,4.2z", __source: { fileName: "", lineNumber: 199, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("a", { href: "https://linkedin.com/company/privatizi", target: "_blank", rel: "noopener noreferrer", className: "text-gray-400 hover:text-[#0A66C2] transition-colors", title: "Suivez-nous sur LinkedIn", __source: { fileName: "", lineNumber: 202, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 209, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z", __source: { fileName: "", lineNumber: 214, columnNumber: 21 }, __self: this })))), !user ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 220, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 221, columnNumber: 19 }, __self: this }, "Se connecter"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700", __source: { fileName: "", lineNumber: 227, columnNumber: 19 }, __self: this }, "Créer un compte")) : /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 235, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 236, columnNumber: 19 }, __self: this }, "Bonjour, ", user.name || user.email), /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "text-red-600 hover:text-red-700", __source: { fileName: "", lineNumber: 239, columnNumber: 19 }, __self: this }, "Se déconnecter")))))), /*#__PURE__*/ React.createElement("div", { className: "p-4 max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 252, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 253, columnNumber: 9 }, __self: this }, "Trouvez votre lieu en Algérie"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 rounded-lg mb-6", __source: { fileName: "", lineNumber: 257, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 258, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 259, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 260, columnNumber: 15 }, __self: this }, "Type de lieu"), /*#__PURE__*/ React.createElement("select", { name: "venueType", value: filters.venueType, onChange: handleFilterChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 263, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 269, columnNumber: 17 }, __self: this }, "Tous les types"), venueTypes.map((type)=>/*#__PURE__*/ React.createElement("option", { key: type, value: type, __source: { fileName: "", lineNumber: 271, columnNumber: 19 }, __self: this }, type)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 278, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 279, columnNumber: 15 }, __self: this }, "Wilaya"), /*#__PURE__*/ React.createElement("select", { name: "wilaya", value: filters.wilaya, onChange: handleFilterChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 280, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 286, columnNumber: 17 }, __self: this }, "Toutes les wilayas"), wilayas.map((wilaya)=>/*#__PURE__*/ React.createElement("option", { key: wilaya, value: wilaya, __source: { fileName: "", lineNumber: 288, columnNumber: 19 }, __self: this }, wilaya)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 295, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 296, columnNumber: 15 }, __self: this }, "Prix par jour (DA)"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 299, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", name: "minPrice", placeholder: "Min", value: filters.minPrice, onChange: handleFilterChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 300, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "maxPrice", placeholder: "Max", value: filters.maxPrice, onChange: handleFilterChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 308, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 319, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 320, columnNumber: 15 }, __self: this }, "Capacité"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 321, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", name: "minCapacity", placeholder: "Min", value: filters.minCapacity, onChange: handleFilterChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 322, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "maxCapacity", placeholder: "Max", value: filters.maxCapacity, onChange: handleFilterChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 330, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 341, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 342, columnNumber: 15 }, __self: this }, "Équipements"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-2", __source: { fileName: "", lineNumber: 345, columnNumber: 15 }, __self: this }, amenitiesList.map((amenity)=>/*#__PURE__*/ React.createElement("label", { key: amenity, className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 347, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: filters.amenities.includes(amenity), onChange: ()=>handleAmenityChange(amenity), className: "rounded border-gray-300 text-blue-600 focus:ring-blue-500", __source: { fileName: "", lineNumber: 348, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 354, columnNumber: 21 }, __self: this }, amenity))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 360, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", __source: { fileName: "", lineNumber: 361, columnNumber: 15 }, __self: this }, "Rechercher"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "search", placeholder: "Rechercher des lieux...", value: filters.search, onChange: handleFilterChange, className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 364, columnNumber: 15 }, __self: this })))), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-600 mb-4", __source: { fileName: "", lineNumber: 376, columnNumber: 19 }, __self: this }, error), loading ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-8", __source: { fileName: "", lineNumber: 379, columnNumber: 11 }, __self: this }, "Chargement des lieux...") : venues.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-8", __source: { fileName: "", lineNumber: 381, columnNumber: 11 }, __self: this }, "Aucun lieu ne correspond à vos critères") : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 385, columnNumber: 11 }, __self: this }, venues.map((venue)=>/*#__PURE__*/ React.createElement("a", { key: venue.id, href: `/venue-details?id=${venue.id}`, className: "block border rounded-lg overflow-hidden shadow-sm hover:shadow-md transition-shadow", __source: { fileName: "", lineNumber: 387, columnNumber: 15 }, __self: this }, venue.image_url && /*#__PURE__*/ React.createElement("img", { src: venue.image_url, alt: venue.name, className: "w-full h-48 object-cover", __source: { fileName: "", lineNumber: 393, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 399, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-2", __source: { fileName: "", lineNumber: 400, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 401, columnNumber: 21 }, __self: this }, venue.name), /*#__PURE__*/ React.createElement("span", { className: "bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded", __source: { fileName: "", lineNumber: 402, columnNumber: 21 }, __self: this }, venue.venue_type)), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 mb-2", __source: { fileName: "", lineNumber: 406, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 flex items-center", __source: { fileName: "", lineNumber: 407, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 408, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z", __source: { fileName: "", lineNumber: 414, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z", __source: { fileName: "", lineNumber: 420, columnNumber: 25 }, __self: this })), venue.address, venue.maps_url && /*#__PURE__*/ React.createElement("a", { href: venue.maps_url, target: "_blank", rel: "noopener noreferrer", onClick: (e)=>e.stopPropagation(), className: "ml-2 text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 429, columnNumber: 25 }, __self: this }, "Voir sur Maps")), venue.phone && /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 flex items-center", __source: { fileName: "", lineNumber: 441, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", __source: { fileName: "", lineNumber: 442, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z", __source: { fileName: "", lineNumber: 448, columnNumber: 27 }, __self: this })), venue.phone)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-2", __source: { fileName: "", lineNumber: 459, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 460, columnNumber: 21 }, __self: this }, "Capacité: ", venue.capacity, " personnes"), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium", __source: { fileName: "", lineNumber: 463, columnNumber: 21 }, __self: this }, (venue.price_per_hour * 24).toLocaleString("fr-DZ"), " ", "DA/jour")), venue.rating && /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 469, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-yellow-500", __source: { fileName: "", lineNumber: 470, columnNumber: 23 }, __self: this }, "★"), /*#__PURE__*/ React.createElement("span", { className: "ml-1", __source: { fileName: "", lineNumber: 471, columnNumber: 23 }, __self: this }, "Note: ", venue.rating, "/5")), venue.amenities && venue.amenities.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-2 flex flex-wrap gap-1", __source: { fileName: "", lineNumber: 475, columnNumber: 21 }, __self: this }, venue.amenities.slice(0, 3).map((amenity)=>/*#__PURE__*/ React.createElement("span", { key: amenity, className: "text-xs bg-gray-100 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 477, columnNumber: 25 }, __self: this }, translateAmenity(amenity))), venue.amenities.length > 3 && /*#__PURE__*/ React.createElement("span", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 485, columnNumber: 25 }, __self: this }, "+", venue.amenities.length - 3)))))))); }