function MainComponent() { const [selectedQuarter, setSelectedQuarter] = useState(null); const [accommodations, setAccommodations] = useState({}); const [loadingAccommodations, setLoadingAccommodations] = useState({}); const resultsRef = useRef(null); const [destination, setDestination] = useState(""); const [date, setDate] = useState(""); const [duration, setDuration] = useState(""); const [travelers, setTravelers] = useState(""); const [suggestions, setSuggestions] = useState([]); const [isLoading, setIsLoading] = useState(false); const [streamingMessage, setStreamingMessage] = useState(""); const [selectedActivities, setSelectedActivities] = useState([]); const [language, setLanguage] = useState("fr"); const activities = language === "fr" ? [ "Culture & Histoire", "Vie nocturne", "Plein air & Nature", "Shopping", "En famille" ] : [ "Culture & History", "Nightlife", "Outdoors & Nature", "Shopping", "Family-friendly" ]; const [additionalMustSees, setAdditionalMustSees] = useState([]); const [additionalSecrets, setAdditionalSecrets] = useState([]); const [isLoadingMore, setIsLoadingMore] = useState({ mustSees: false, secrets: false }); const resetForm = ()=>{ setDestination(""); setDate(""); setDuration(""); setTravelers(""); setSelectedActivities([]); setSuggestions([]); setAdditionalMustSees([]); setAdditionalSecrets([]); setStreamingMessage(""); }; const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: (message)=>{ const suggestions = message.split("\n").filter((s)=>s.trim()); setSuggestions(suggestions); setStreamingMessage(""); setIsLoading(false); setAccommodations({}); resultsRef.current?.scrollIntoView({ behavior: "smooth" }); } }); const handleAccommodationSearch = async (quarter)=>{ if (accommodations[quarter]?.length > 0) { setAccommodations((prev)=>({ ...prev, [quarter]: [] })); return; } setLoadingAccommodations((prev)=>({ ...prev, [quarter]: true })); try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: language === "fr" ? `Suggère 9 hébergements (3 pas chers, 3 milieu de gamme et 3 de luxe) qui existent dans le ${quarter} de ${destination}. Format: [NOM DE L'HÉBERGEMENT EN MAJUSCULES] : description courte avec style et prix moyen.` : `Suggest 9 accommodations (3 budget, 3 mid-range and 3 luxury) that exist in the ${quarter} of ${destination}. Format: [ACCOMMODATION NAME IN CAPS] : short description with style and average price.` } ], stream: false, temperature: 0.1 }) }); const data = await response.json(); if (data.choices && data.choices[0] && data.choices[0].message) { const suggestions = data.choices[0].message.content.split("\n").filter((s)=>s.trim()).map((s)=>{ const [name, description] = s.split(":"); const cleanName = name.replace(/[\[\]]/g, "").trim(); const searchQuery = encodeURIComponent(`${cleanName} ${destination}`).replace(/%20/g, "+"); return { name: cleanName, description: description ? description.trim() : "", mapsUrl: `https://www.google.com/maps/search/${searchQuery}` }; }).filter((item)=>item.name && item.description); setAccommodations((prev)=>({ ...prev, [quarter]: suggestions })); } } catch (error) { console.error("Error fetching accommodations:", error); } finally{ setLoadingAccommodations((prev)=>({ ...prev, [quarter]: false })); } }; const handleActivityChange = (e)=>{ const activity = e.target.value; setSelectedActivities((prev)=>e.target.checked ? [ ...prev, activity ] : prev.filter((a)=>a !== activity)); }; const generateMonthYearOptions = ()=>{ const options = []; const currentDate = new Date(); for(let i = 0; i < 24; i++){ const date = new Date(currentDate.getFullYear(), currentDate.getMonth() + i, 1); const option = `${date.toLocaleString(language === "fr" ? "fr-FR" : "en-US", { month: "long" })} ${date.getFullYear()}`; options.push(option); } return options; }; const handleSubmit = async (e)=>{ e.preventDefault(); setIsLoading(true); setSuggestions([]); setAccommodations({}); const activitiesText = selectedActivities.length > 0 ? language === "fr" ? ` avec un intérêt pour ${selectedActivities.join(", ")}` : ` with interests in ${selectedActivities.join(", ")}` : ""; const prompt = language === "fr" ? `Suggère ${Math.max(6, duration ? duration * 2 : 6)} idées de voyage pour ${destination} en ${date} pour ${travelers} voyageurs${duration ? ` pendant ${duration} jours` : ""}${activitiesText}. Format de réponse attendu, avec 10 propositions (des endroits qui existent. Si aucun endroit disponible, proposer des endroits à proximité) par partie: # 🌟 Les Incontournables [NOM DU LIEU EN MAJUSCULES] : Description détaillée de l'activité ou du lieu. # 🎭 Les Secrets Bien Gardés [NOM DU LIEU EN MAJUSCULES] : Description détaillée de l'activité ou du lieu. # 🍽️ Restaurants Recommandés [RESTAURANT EN MAJUSCULES] : Description du restaurant avec type de cuisine, ambiance et gamme de prix. Maximum 3 restaurants par catégorie: - Gastronomique - Traditionnel local - Branché/Tendance ${duration ? ` # 📅 Suggestion d'Itinéraire (${duration} jours) [JOUR 1] : Activités suggérées pour la journée [JOUR 2] : Activités suggérées pour la journée ... (continuer pour chaque jour)` : ""} ${date ? ` # 🎪 Événements en ${date} [NOM DE L'ÉVÉNEMENT EN MAJUSCULES] : Description de l'événement avec dates précises. # ☀️ Météo et Conseils Pratiques [TEMPÉRATURE] : Températures moyennes et variations jour/nuit [PRÉCIPITATIONS] : Niveau de pluie et fréquence [TENUE CONSEILLÉE] : Vêtements et accessoires recommandés [À PRÉVOIR] : Équipements spécifiques selon le climat` : ""} # 🏠 Où séjourner [QUARTIER CENTRE] : Description du quartier et de son ambiance [QUARTIER HISTORIQUE] : Description du quartier et de son ambiance [QUARTIER MODERNE] : Description du quartier et de son ambiance` : `Suggest ${Math.max(6, duration ? duration * 2 : 6)} travel ideas for ${destination} in ${date} for ${travelers} travelers${duration ? ` for ${duration} days` : ""}${activitiesText}. Expected response format, with 10 suggestions (existing places only. If no place available, suggest nearby places) per section: # 🌟 Must-See Attractions [PLACE NAME IN CAPS] : Detailed description of the activity or place. # 🎭 Hidden Gems [PLACE NAME IN CAPS] : Detailed description of the activity or place. # 🍽️ Recommended Restaurants [RESTAURANT NAME IN CAPS] : Restaurant description with cuisine type, atmosphere and price range. Maximum 3 restaurants per category: - Fine Dining - Local Traditional - Trendy/Hip ${duration ? ` # 📅 Suggested Itinerary (${duration} days) [DAY 1] : Suggested activities for the day [DAY 2] : Suggested activities for the day ... (continue for each day)` : ""} ${date ? ` # 🎪 Events in ${date} [EVENT NAME IN CAPS] : Event description with specific dates. # ☀️ Weather and Practical Advice [TEMPERATURE] : Average temperatures and day/night variations [PRECIPITATION] : Rain levels and frequency [RECOMMENDED ATTIRE] : Recommended clothing and accessories [TO PACK] : Specific equipment based on climate` : ""} # 🏠 Where to Stay [CENTRAL DISTRICT] : District description and atmosphere [HISTORIC DISTRICT] : District description and atmosphere [MODERN DISTRICT] : District description and atmosphere`; try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: prompt } ], stream: true, temperature: 0.2 }) }); handleStreamResponse(response); } catch (error) { console.error(error); setIsLoading(false); } }; const loadMoreSuggestions = async (section)=>{ const isForMustSees = section === "mustSees"; setIsLoadingMore((prev)=>({ ...prev, [section]: true })); const morePrompt = language === "fr" ? `Suggère 5 nouvelles idées ${isForMustSees ? "incontournables" : "secrètes"} pour ${destination} différentes des suggestions précédentes. Format de réponse attendu: [NOM DU LIEU EN MAJUSCULES] : Description détaillée de l'activité ou du lieu. Utiliser explicitement les mots "${selectedActivities.join('", "')}" dans la description quand c'est pertinent. Chaque suggestion doit faire maximum 200 caractères.` : `Suggest 5 new ${isForMustSees ? "must-see" : "hidden"} ideas for ${destination} different from previous suggestions. Expected response format: [PLACE NAME IN CAPS] : Detailed description of the activity or place. Explicitly use the words "${selectedActivities.join('", "')}" in the description when relevant. Each suggestion should be maximum 200 characters.`; try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: morePrompt } ], stream: false, temperature: 0.2 }) }); const data = await response.json(); const newSuggestions = data.choices[0].message.content.split("\n").filter((s)=>s.trim() && s.includes(":")); if (isForMustSees) { setAdditionalMustSees((prev)=>[ ...prev, ...newSuggestions ]); } else { setAdditionalSecrets((prev)=>[ ...prev, ...newSuggestions ]); } } catch (error) { console.error(error); } finally{ setIsLoadingMore((prev)=>({ ...prev, [section]: false })); } }; const handleRestaurantSearch = async (restaurantName)=>{ try { const response = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(restaurantName + " restaurant " + destination + " maps")}`, { method: "GET" }); const data = await response.json(); if (data.items && data.items.length > 0) { const mapsResult = data.items.find((item)=>item.link.includes("maps.google")); if (mapsResult) { window.open(mapsResult.link, "_blank"); } } } catch (error) { console.error("Error searching restaurant:", error); } }; const handlePlaceSearch = async (placeName)=>{ try { const response = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(placeName + " " + destination)}`, { method: "GET" }); const data = await response.json(); if (data.items && data.items.length > 0) { window.open(data.items[0].link, "_blank"); } } catch (error) { console.error("Error searching place:", error); } }; const [mapCenter, setMapCenter] = useState(null); const [selectedLocation, setSelectedLocation] = useState(null); const [expandedCards, setExpandedCards] = useState({}); const [cardImages, setCardImages] = useState({}); const [imageLoadingStates, setImageLoadingStates] = useState({}); const handleImageSearch = async (placeName, cardId)=>{ try { setImageLoadingStates((prev)=>({ ...prev, [cardId]: true })); const response = await fetch(`/integrations/google-search/images?q=${encodeURIComponent(`${placeName} ${destination} landmark`)}`, { method: "GET", headers: { Accept: "application/json" } }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); if (data.items && data.items.length > 0) { const validImageUrls = await Promise.all(data.items.slice(0, 3).map(async (item)=>{ try { const imgResponse = await fetch(item.link); if (imgResponse.ok && imgResponse.headers.get("content-type").startsWith("image/")) { return item.link; } return null; } catch { return null; } })); const filteredUrls = validImageUrls.filter((url)=>url !== null); if (filteredUrls.length > 0) { setCardImages((prev)=>({ ...prev, [cardId]: filteredUrls })); } } } catch (error) { console.error(language === "fr" ? "Erreur lors de la recherche d'images:" : "Error searching for images:", error); } finally{ setImageLoadingStates((prev)=>({ ...prev, [cardId]: false })); } }; const formatRecommendationsForSharing = ()=>{ let shareText = language === "fr" ? `✈️ Voyage à ${destination}\n` : `✈️ Trip to ${destination}\n`; if (date) shareText += language === "fr" ? `📅 ${date}\n` : `📅 ${date}\n`; if (duration) shareText += language === "fr" ? `⏱️ ${duration} jours\n` : `⏱️ ${duration} days\n`; if (travelers) shareText += language === "fr" ? `👥 ${travelers} voyageurs\n` : `👥 ${travelers} travelers\n`; if (selectedActivities.length) shareText += language === "fr" ? `🎯 Centres d'intérêt: ${selectedActivities.join(", ")}\n\n` : `🎯 Interests: ${selectedActivities.join(", ")}\n\n`; suggestions.forEach((suggestion)=>{ if (suggestion.startsWith("#")) { shareText += `\n${suggestion}\n`; } else { const [location, description] = suggestion.split(":"); if (location && description) { shareText += `${location.replace(/[\[\]]/g, "").trim()}: ${description.trim()}\n`; } } }); shareText += language === "fr" ? "\n🌐 Généré via TripScout - https://tripscout.ai" : "\n🌐 Generated via TripScout - https://tripscout.ai"; return shareText; }; const handleShare = async ()=>{ const shareData = { title: language === "fr" ? `Voyage à ${destination}` : `Trip to ${destination}`, text: formatRecommendationsForSharing(), url: window.location.href }; try { if (navigator.share) { await navigator.share(shareData); } else { await navigator.clipboard.writeText(shareData.text); alert(language === "fr" ? "Recommandations copiées dans le presse-papier !" : "Recommendations copied to clipboard!"); } } catch (err) { console.error(language === "fr" ? "Erreur lors du partage:" : "Error sharing:", err); } }; const formatSuggestion = (text)=>{ if (text.startsWith("# ")) { const title = text.replace("# ", ""); const icon = text.includes("🌟") ? "🌟" : text.includes("📅") ? "📅" : text.includes("🎪") ? "🎪" : text.includes("☀️") ? "☀️" : text.includes("🏠") ? "🏠" : text.includes("🍽️") ? "🍽️" : "🎭"; return /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text mb-[4px] mt-[4px] py-[4px] text-black", __source: { fileName: "", lineNumber: 521, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "inline-block mr-4 transform hover:scale-110 transition-transform", __source: { fileName: "", lineNumber: 522, columnNumber: 11 }, __self: this }, icon), title); } const parts = text.split(":"); if (parts.length === 2) { const [location, description] = parts; const cleanLocation = location.replace(/[\[\]]/g, "").trim(); const isItineraryDay = cleanLocation.startsWith("JOUR"); const isAccommodation = cleanLocation.includes("QUARTIER"); const isEvent = cleanLocation.includes("ÉVÉNEMENT"); const isRestaurant = cleanLocation.includes("RESTAURANT"); const isWeather = [ "TEMPÉRATURE", "PRÉCIPITATIONS", "TENUE CONSEILLÉE", "À PRÉVOIR" ].includes(cleanLocation); const matchingActivities = selectedActivities.filter((activity)=>description.toLowerCase().includes(activity.toLowerCase())); const isIncontournable = text.includes("🌟"); if (!isItineraryDay && !isAccommodation && !isEvent && !isWeather && !isRestaurant) { const searchQuery = encodeURIComponent(`${cleanLocation} ${destination}`).replace(/%20/g, "+"); const mapsUrl = `https://www.google.com/maps/search/${searchQuery}`; const cardId = `${cleanLocation}`; const isExpanded = expandedCards[cardId]; return /*#__PURE__*/ React.createElement("div", { className: "p-2.5 md:p-6 bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-300", __source: { fileName: "", lineNumber: 563, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 564, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold text-[#023e8a] hover:text-[#000000] transition-colors duration-200 cursor-pointer", onClick: ()=>{ setSelectedLocation(cleanLocation); setMapCenter(`${cleanLocation} ${destination}`); }, __source: { fileName: "", lineNumber: 565, columnNumber: 15 }, __self: this }, cleanLocation), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 574, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setExpandedCards((prev)=>({ ...prev, [cardId]: !prev[cardId] })); if (!cardImages[cardId]) { handleImageSearch(cleanLocation, cardId); } }, className: "px-2.5 py-2 text-sm text-[#023e8a] hover:text-[#000000] transition-colors", __source: { fileName: "", lineNumber: 575, columnNumber: 17 }, __self: this }, isExpanded ? "Voir moins" : "Voir plus"))), /*#__PURE__*/ React.createElement("p", { className: "text-black mt-2", __source: { fileName: "", lineNumber: 591, columnNumber: 13 }, __self: this }, description), matchingActivities.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 mt-3", __source: { fileName: "", lineNumber: 593, columnNumber: 15 }, __self: this }, matchingActivities.map((activity, index)=>/*#__PURE__*/ React.createElement("span", { key: index, className: "px-2 py-1 text-xs rounded-full bg-[#023e8a] text-white", __source: { fileName: "", lineNumber: 595, columnNumber: 19 }, __self: this }, activity))), isExpanded && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mt-4 justify-end", __source: { fileName: "", lineNumber: 606, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handlePlaceSearch(cleanLocation), className: "px-2.5 py-2 md:px-4 md:py-2 text-sm bg-[#023e8a] text-white rounded hover:bg-[#000000] transition-colors", __source: { fileName: "", lineNumber: 607, columnNumber: 19 }, __self: this }, "Plus d'infos"), /*#__PURE__*/ React.createElement("a", { href: mapsUrl, target: "_blank", rel: "noopener noreferrer", className: "text-[#023e8a] hover:text-[#000000]", onClick: (e)=>e.stopPropagation(), __source: { fileName: "", lineNumber: 613, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt", __source: { fileName: "", lineNumber: 620, columnNumber: 21 }, __self: this }))), cardImages[cardId] && cardImages[cardId].length > 0 && /*#__PURE__*/ React.createElement("div", { className: "flex overflow-x-auto mt-4 pb-2", __source: { fileName: "", lineNumber: 624, columnNumber: 19 }, __self: this }, cardImages[cardId].map((imageUrl, index)=>/*#__PURE__*/ React.createElement("img", { key: index, src: imageUrl, alt: `Vue de ${cleanLocation} ${index + 1}`, className: "w-32 h-32 object-cover mr-2 rounded-lg shadow-sm flex-shrink-0", __source: { fileName: "", lineNumber: 626, columnNumber: 23 }, __self: this }))), isIncontournable && /*#__PURE__*/ React.createElement("div", { className: "mt-3 text-sm text-[#023e8a] flex items-center", __source: { fileName: "", lineNumber: 636, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star mr-1", __source: { fileName: "", lineNumber: 637, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 638, columnNumber: 21 }, __self: this }, "Incontournable"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle ml-2", title: "Ce lieu est considéré comme un must-see de la destination", __source: { fileName: "", lineNumber: 639, columnNumber: 21 }, __self: this })))); } if (isRestaurant) { const restaurantCategory = description.includes("Gastronomique") ? "Gastronomique" : description.includes("Traditionnel") ? "Traditionnel" : "Branché"; const priceLevel = restaurantCategory === "Gastronomique" ? "€€€" : restaurantCategory === "Traditionnel" ? "€€" : "€"; return /*#__PURE__*/ React.createElement("div", { className: "p-2.5 md:p-6 bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-300", __source: { fileName: "", lineNumber: 664, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 665, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold text-[#023e8a] flex items-center gap-2", __source: { fileName: "", lineNumber: 666, columnNumber: 15 }, __self: this }, cleanLocation, /*#__PURE__*/ React.createElement("i", { className: "fas fa-utensils text-sm", __source: { fileName: "", lineNumber: 668, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-normal bg-[#023e8a] text-white px-2 py-1 rounded", __source: { fileName: "", lineNumber: 669, columnNumber: 17 }, __self: this }, priceLevel)), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-[#023e8a] bg-[#f8f9fa] px-2 py-1 rounded", __source: { fileName: "", lineNumber: 673, columnNumber: 15 }, __self: this }, restaurantCategory)), /*#__PURE__*/ React.createElement("p", { className: "text-black mt-2", __source: { fileName: "", lineNumber: 677, columnNumber: 13 }, __self: this }, description.trim()), /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 678, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm text-[#023e8a] flex items-center gap-2", __source: { fileName: "", lineNumber: 679, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt", __source: { fileName: "", lineNumber: 680, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleRestaurantSearch(cleanLocation), className: "hover:text-[#000000] transition-colors", __source: { fileName: "", lineNumber: 681, columnNumber: 17 }, __self: this }, "Voir sur Google Maps")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 688, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: `https://www.thefork.fr/search?q=${encodeURIComponent(cleanLocation + " " + destination)}`, target: "_blank", rel: "noopener noreferrer", className: "px-3 py-1 text-sm bg-[#FF6B6B] text-white rounded hover:bg-[#FF4246] transition-colors flex items-center gap-1", __source: { fileName: "", lineNumber: 689, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-utensils", __source: { fileName: "", lineNumber: 697, columnNumber: 19 }, __self: this }), "Réserver"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handlePlaceSearch(cleanLocation), className: "px-3 py-1 text-sm bg-[#023e8a] text-white rounded hover:bg-[#000000] transition-colors", __source: { fileName: "", lineNumber: 700, columnNumber: 17 }, __self: this }, "Plus d'infos")))); } if (isWeather) { const weatherIcons = { TEMPÉRATURE: "🌡️", PRÉCIPITATIONS: "🌧️", "TENUE CONSEILLÉE": "👕", "À PRÉVOIR": "🎒" }; return /*#__PURE__*/ React.createElement("div", { className: "p-2.5 md:p-6 bg-white rounded-lg shadow-sm hover:bg-white hover:shadow-md transition-all duration-300 border-l-4 border-[#023e8a] mb-4", __source: { fileName: "", lineNumber: 720, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 721, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl", __source: { fileName: "", lineNumber: 722, columnNumber: 15 }, __self: this }, weatherIcons[cleanLocation]), /*#__PURE__*/ React.createElement("span", { className: "font-bold text-black text-lg", __source: { fileName: "", lineNumber: 723, columnNumber: 15 }, __self: this }, cleanLocation)), /*#__PURE__*/ React.createElement("p", { className: "text-black mt-2 text-base leading-relaxed", __source: { fileName: "", lineNumber: 727, columnNumber: 13 }, __self: this }, description.trim()), /*#__PURE__*/ React.createElement("div", { className: "mt-4 pt-4 border-t border-[#023e8a]/20", __source: { fileName: "", lineNumber: 730, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 text-[#023e8a]", __source: { fileName: "", lineNumber: 731, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle", __source: { fileName: "", lineNumber: 732, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 733, columnNumber: 17 }, __self: this }, "Information pour votre séjour en ", date)))); } if (isAccommodation) { return /*#__PURE__*/ React.createElement("div", { className: "p-2.5 md:p-6 bg-white rounded-lg shadow-sm hover:bg-white hover:shadow-md transition-all duration-300", __source: { fileName: "", lineNumber: 744, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 745, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 746, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold text-2xl text-[#023e8a]", __source: { fileName: "", lineNumber: 747, columnNumber: 17 }, __self: this }, cleanLocation)), /*#__PURE__*/ React.createElement("p", { className: "text-black text-lg mb-6 leading-relaxed", __source: { fileName: "", lineNumber: 751, columnNumber: 15 }, __self: this }, description.trim()), loadingAccommodations[cleanLocation] && /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center py-8", __source: { fileName: "", lineNumber: 755, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 border-4 border-[#023e8a] border-t-transparent rounded-full animate-spin", __source: { fileName: "", lineNumber: 756, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-3 text-[#023e8a]", __source: { fileName: "", lineNumber: 757, columnNumber: 19 }, __self: this }, "Chargement des hébergements...")), accommodations[cleanLocation]?.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 763, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-xl text-[#023e8a] mb-4 flex items-center gap-2", __source: { fileName: "", lineNumber: 764, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bed", __source: { fileName: "", lineNumber: 765, columnNumber: 21 }, __self: this }), "Hébergements recommandés"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 768, columnNumber: 19 }, __self: this }, accommodations[cleanLocation].slice(0, 3).map((accommodation, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-6 bg-[#f8f9fa] rounded-lg shadow-md hover:shadow-lg transition-all duration-300 border border-[#023e8a]/10", __source: { fileName: "", lineNumber: 772, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mb-3", __source: { fileName: "", lineNumber: 776, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-[#023e8a]", __source: { fileName: "", lineNumber: 777, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-[#023e8a]", __source: { fileName: "", lineNumber: 778, columnNumber: 29 }, __self: this }, "Économique")), /*#__PURE__*/ React.createElement("div", { className: "font-bold text-lg text-black mb-2", __source: { fileName: "", lineNumber: 782, columnNumber: 27 }, __self: this }, accommodation.name), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600 mb-4 text-sm", __source: { fileName: "", lineNumber: 785, columnNumber: 27 }, __self: this }, accommodation.description), /*#__PURE__*/ React.createElement("a", { href: accommodation.mapsUrl, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-2 text-[#023e8a] hover:text-[#000000] transition-colors text-sm bg-white px-3 py-2 rounded-md shadow-sm hover:shadow-md", __source: { fileName: "", lineNumber: 788, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt", __source: { fileName: "", lineNumber: 794, columnNumber: 29 }, __self: this }), "Voir sur la carte"))), accommodations[cleanLocation].slice(3, 6).map((accommodation, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-6 bg-[#f8f9fa] rounded-lg shadow-md hover:shadow-lg transition-all duration-300 border border-[#023e8a]/10", __source: { fileName: "", lineNumber: 802, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mb-3", __source: { fileName: "", lineNumber: 806, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-[#023e8a]", __source: { fileName: "", lineNumber: 807, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-[#023e8a]", __source: { fileName: "", lineNumber: 808, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-[#023e8a]", __source: { fileName: "", lineNumber: 809, columnNumber: 29 }, __self: this }, "Milieu de gamme")), /*#__PURE__*/ React.createElement("div", { className: "font-bold text-lg text-black mb-2", __source: { fileName: "", lineNumber: 813, columnNumber: 27 }, __self: this }, accommodation.name), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600 mb-4 text-sm", __source: { fileName: "", lineNumber: 816, columnNumber: 27 }, __self: this }, accommodation.description), /*#__PURE__*/ React.createElement("a", { href: accommodation.mapsUrl, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-2 text-[#023e8a] hover:text-[#000000] transition-colors text-sm bg-white px-3 py-2 rounded-md shadow-sm hover:shadow-md", __source: { fileName: "", lineNumber: 819, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt", __source: { fileName: "", lineNumber: 825, columnNumber: 29 }, __self: this }), "Voir sur la carte"))), accommodations[cleanLocation].slice(6, 9).map((accommodation, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-6 bg-[#f8f9fa] rounded-lg shadow-md hover:shadow-lg transition-all duration-300 border border-[#023e8a]/10", __source: { fileName: "", lineNumber: 833, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mb-3", __source: { fileName: "", lineNumber: 837, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-[#023e8a]", __source: { fileName: "", lineNumber: 838, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-[#023e8a]", __source: { fileName: "", lineNumber: 839, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-[#023e8a]", __source: { fileName: "", lineNumber: 840, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-[#023e8a]", __source: { fileName: "", lineNumber: 841, columnNumber: 29 }, __self: this }, "Luxe")), /*#__PURE__*/ React.createElement("div", { className: "font-bold text-lg text-black mb-2", __source: { fileName: "", lineNumber: 845, columnNumber: 27 }, __self: this }, accommodation.name), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600 mb-4 text-sm", __source: { fileName: "", lineNumber: 848, columnNumber: 27 }, __self: this }, accommodation.description), /*#__PURE__*/ React.createElement("a", { href: accommodation.mapsUrl, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-2 text-[#023e8a] hover:text-[#000000] transition-colors text-sm bg-white px-3 py-2 rounded-md shadow-sm hover:shadow-md", __source: { fileName: "", lineNumber: 851, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt", __source: { fileName: "", lineNumber: 857, columnNumber: 29 }, __self: this }), "Voir sur la carte"))))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mt-6 justify-end", __source: { fileName: "", lineNumber: 865, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleAccommodationSearch(cleanLocation), className: "px-2 py-1 text-sm bg-[#023e8a] text-white rounded-lg hover:bg-[#000000] transition-colors flex items-center gap-2", __source: { fileName: "", lineNumber: 866, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-hotel", __source: { fileName: "", lineNumber: 870, columnNumber: 19 }, __self: this }), accommodations[cleanLocation]?.length > 0 ? "Masquer les hébergements" : "Voir des hébergements"), /*#__PURE__*/ React.createElement("a", { href: `https://www.airbnb.fr/s/${destination}`, target: "_blank", rel: "noopener noreferrer", className: "px-2 py-1 text-sm bg-[#FF5A5F] text-white rounded-lg hover:bg-[#FF4246] transition-colors flex items-center gap-2", __source: { fileName: "", lineNumber: 875, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-airbnb", __source: { fileName: "", lineNumber: 881, columnNumber: 19 }, __self: this }), "Voir sur Airbnb"), /*#__PURE__*/ React.createElement("a", { href: `https://www.booking.com/searchresults.fr.html?ss=${destination}`, target: "_blank", rel: "noopener noreferrer", className: "px-2 py-1 text-sm bg-[#003580] text-white rounded-lg hover:bg-[#00224F] transition-colors flex items-center gap-2", __source: { fileName: "", lineNumber: 884, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bed", __source: { fileName: "", lineNumber: 890, columnNumber: 19 }, __self: this }), "Voir sur Booking")))); } if (isEvent) { return /*#__PURE__*/ React.createElement("div", { className: "p-2.5 md:p-6 bg-white rounded-lg shadow-sm hover:bg-white hover:shadow-md transition-all duration-300 border-l-4 border-[#023e8a]", __source: { fileName: "", lineNumber: 901, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 902, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold text-black flex items-center gap-2", __source: { fileName: "", lineNumber: 903, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg", __source: { fileName: "", lineNumber: 904, columnNumber: 17 }, __self: this }, "🎪"), cleanLocation), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handlePlaceSearch(cleanLocation), className: "px-3 py-2 md:px-4 md:py-2 bg-[#023e8a] text-white rounded hover:bg-[#000000] transition-colors", __source: { fileName: "", lineNumber: 907, columnNumber: 15 }, __self: this }, "Plus d'infos")), /*#__PURE__*/ React.createElement("p", { className: "text-black mt-2", __source: { fileName: "", lineNumber: 914, columnNumber: 13 }, __self: this }, description.trim()), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-sm text-[#023e8a] flex items-center gap-2", __source: { fileName: "", lineNumber: 915, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-alt", __source: { fileName: "", lineNumber: 916, columnNumber: 15 }, __self: this }), "Événement pendant ", date)); } if (isItineraryDay) { const locationMatches = description.match(/\[([^\]]+)\]/g) || []; const locations = locationMatches.map((match)=>match.replace(/[\[\]]/g, "")); const formattedDescription = description.split(/(\[[^\]]+\])/).map((part, index)=>{ if (part.match(/^\[.*\]$/)) { const location = part.replace(/[\[\]]/g, ""); const mapsUrl = `https://www.google.com/maps/place/${encodeURIComponent(location + " " + destination)}`; return /*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>handlePlaceSearch(location), className: "text-[#023e8a] hover:text-[#000000] font-medium mx-1 inline-flex items-center gap-1 bg-[#f8f9fa] px-2 py-1 rounded-md", __source: { fileName: "", lineNumber: 938, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-xs", __source: { fileName: "", lineNumber: 943, columnNumber: 19 }, __self: this }), location, /*#__PURE__*/ React.createElement("i", { className: "fas fa-external-link-alt text-xs ml-1", __source: { fileName: "", lineNumber: 945, columnNumber: 19 }, __self: this })); } return /*#__PURE__*/ React.createElement("span", { key: index, className: "text-black", __source: { fileName: "", lineNumber: 950, columnNumber: 15 }, __self: this }, part); }); return /*#__PURE__*/ React.createElement("div", { className: "p-2.5 md:p-6 bg-white rounded-lg shadow-sm hover:shadow-md transition-all duration-300 border-l-4 border-[#023e8a]", __source: { fileName: "", lineNumber: 956, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mb-4", __source: { fileName: "", lineNumber: 957, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl", __source: { fileName: "", lineNumber: 958, columnNumber: 15 }, __self: this }, "📅"), /*#__PURE__*/ React.createElement("h3", { className: "font-bold text-black text-xl", __source: { fileName: "", lineNumber: 959, columnNumber: 15 }, __self: this }, "Jour ", cleanLocation.replace("JOUR ", ""))), /*#__PURE__*/ React.createElement("div", { className: "pl-4 border-l-2 border-[#023e8a]/20", __source: { fileName: "", lineNumber: 963, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-black mt-2 leading-relaxed space-y-2", __source: { fileName: "", lineNumber: 964, columnNumber: 15 }, __self: this }, formattedDescription), /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 967, columnNumber: 15 }, __self: this }, locations.map((location, idx)=>/*#__PURE__*/ React.createElement("a", { key: idx, href: `https://www.google.com/maps/place/${encodeURIComponent(location + " " + destination)}`, target: "_blank", rel: "noopener noreferrer", className: "text-xs text-[#023e8a] hover:text-[#000000] flex items-center gap-1 bg-[#f8f9fa] px-2 py-1 rounded-md", __source: { fileName: "", lineNumber: 969, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt", __source: { fileName: "", lineNumber: 978, columnNumber: 21 }, __self: this }), location))))); } } return /*#__PURE__*/ React.createElement("div", { className: "p-2.5 md:p-6 bg-white rounded-lg shadow-sm hover:bg-white hover:shadow-md transition-all duration-300", __source: { fileName: "", lineNumber: 990, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-black", __source: { fileName: "", lineNumber: 991, columnNumber: 9 }, __self: this }, text)); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f8f9fa] p-1 md:p-8 flex flex-col", __source: { fileName: "", lineNumber: 997, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 998, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", href: "data:image/svg+xml,", type: "image/svg+xml", __source: { fileName: "", lineNumber: 999, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("script", { src: "https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&libraries=places", __source: { fileName: "", lineNumber: 1004, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto flex-grow", __source: { fileName: "", lineNumber: 1006, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 1007, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-crimson-text text-black text-center", __source: { fileName: "", lineNumber: 1008, columnNumber: 11 }, __self: this }, "TripScout"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setLanguage(language === "fr" ? "en" : "fr"), className: "px-3 py-1 bg-[#023e8a] text-white rounded hover:bg-[#000000] transition-colors", __source: { fileName: "", lineNumber: 1011, columnNumber: 11 }, __self: this }, language === "fr" ? "English" : "Français")), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-crimson-text text-black mb-6 text-center", __source: { fileName: "", lineNumber: 1018, columnNumber: 9 }, __self: this }, language === "fr" ? "l'agent de voyage IA qui planifie tout en 1 seul click ↔" : "the AI travel agent that plans everything in 1 click ↔"), isLoading && /*#__PURE__*/ React.createElement("div", { className: "fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-white p-8 rounded-lg shadow-lg flex flex-col items-center z-50", __source: { fileName: "", lineNumber: 1024, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 border-4 border-[#023e8a] border-t-transparent rounded-full animate-spin mb-4", __source: { fileName: "", lineNumber: 1025, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-[#023e8a] font-medium", __source: { fileName: "", lineNumber: 1026, columnNumber: 13 }, __self: this }, language === "fr" ? "Recherche en cours avec l'IA...\n\n - endroits incontournables\n - endroits secrets bien gardés\n - restaurants\n - suggestion d'itinéraires\n - où séjourner\n\ncela peut prendre jusqu'à 20 secondes" : "AI search in progress...\n\n - must-see places\n - well-kept secret places\n - restaurants\n - suggested routes\n - where to stay\n\nthis may take up to 20 seconds")), /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto flex-grow", __source: { fileName: "", lineNumber: 1033, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "bg-white shadow-md rounded-lg p-6 mb-8", __source: { fileName: "", lineNumber: 1034, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 1038, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-black mb-2", __source: { fileName: "", lineNumber: 1039, columnNumber: 15 }, __self: this }, "🌍", " ", language === "fr" ? "Où souhaitez-vous aller ?" : "Where would you like to go?"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "destination", value: destination, onChange: (e)=>setDestination(e.target.value), className: "w-full p-2 border rounded focus:border-[#023e8a] focus:ring-1 focus:ring-[#023e8a] text-black", required: true, __source: { fileName: "", lineNumber: 1045, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 1054, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-black mb-2", __source: { fileName: "", lineNumber: 1055, columnNumber: 15 }, __self: this }, "📅", " ", language === "fr" ? "Quand souhaitez-vous partir ?" : "When would you like to go?", " ", /*#__PURE__*/ React.createElement("span", { className: "text-[#023e8a] text-sm", __source: { fileName: "", lineNumber: 1060, columnNumber: 17 }, __self: this }, language === "fr" ? "(optionnel - permet de recommander des évènements)" : "(optional - allows event recommendations)")), /*#__PURE__*/ React.createElement("select", { name: "date", value: date, onChange: (e)=>setDate(e.target.value), className: "w-full p-2 border rounded focus:border-[#023e8a] focus:ring-1 focus:ring-[#023e8a] text-black", __source: { fileName: "", lineNumber: 1066, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 1072, columnNumber: 17 }, __self: this }, language === "fr" ? "Sélectionnez une période" : "Select a period"), generateMonthYearOptions().map((option)=>/*#__PURE__*/ React.createElement("option", { key: option, value: option, __source: { fileName: "", lineNumber: 1078, columnNumber: 19 }, __self: this }, option)))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 1084, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-black mb-2", __source: { fileName: "", lineNumber: 1085, columnNumber: 15 }, __self: this }, "⏱️ ", language === "fr" ? "Combien de jours ?" : "How many days?", " ", /*#__PURE__*/ React.createElement("span", { className: "text-[#023e8a] text-sm", __source: { fileName: "", lineNumber: 1087, columnNumber: 17 }, __self: this }, language === "fr" ? "(optionnel - permet de recommander un itinéraire jour par jour)" : "(optional - allows day-by-day itinerary recommendations)")), /*#__PURE__*/ React.createElement("select", { name: "duration", value: duration, onChange: (e)=>setDuration(e.target.value), className: "w-full p-2 border rounded focus:border-[#023e8a] focus:ring-1 focus:ring-[#023e8a] text-black", __source: { fileName: "", lineNumber: 1093, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 1099, columnNumber: 17 }, __self: this }, language === "fr" ? "Sélectionnez une durée" : "Select duration"), [ ...Array.from({ length: 30 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("option", { key: i + 1, value: i + 1, __source: { fileName: "", lineNumber: 1105, columnNumber: 19 }, __self: this }, i + 1)))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 1111, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-black mb-2", __source: { fileName: "", lineNumber: 1112, columnNumber: 15 }, __self: this }, "🎯", " ", language === "fr" ? "Vos centres d'intérêt" : "Your interests", " ", /*#__PURE__*/ React.createElement("span", { className: "text-[#023e8a] text-sm", __source: { fileName: "", lineNumber: 1115, columnNumber: 17 }, __self: this }, language === "fr" ? "(optionnel - permet d'affiner les recommandations)" : "(optional - helps refine recommendations)")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 1121, columnNumber: 15 }, __self: this }, activities.map((activity)=>/*#__PURE__*/ React.createElement("button", { key: activity, onClick: ()=>{ setSelectedActivities((prev)=>prev.includes(activity) ? prev.filter((a)=>a !== activity) : [ ...prev, activity ]); }, className: `px-4 py-2 rounded-full text-sm font-medium transition-all duration-200 ${selectedActivities.includes(activity) ? "bg-[#023e8a] text-white" : "bg-gray-100 text-gray-700 hover:bg-gray-200"}`, __source: { fileName: "", lineNumber: 1123, columnNumber: 19 }, __self: this }, activity)))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 1143, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-black mb-2", __source: { fileName: "", lineNumber: 1144, columnNumber: 15 }, __self: this }, "👥", " ", language === "fr" ? "Nombre de voyageurs" : "Number of travelers"), /*#__PURE__*/ React.createElement("select", { name: "travelers", value: travelers, onChange: (e)=>setTravelers(e.target.value), className: "w-full p-2 border rounded focus:border-[#023e8a] focus:ring-1 focus:ring-[#023e8a] text-black", required: true, __source: { fileName: "", lineNumber: 1150, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 1157, columnNumber: 17 }, __self: this }, language === "fr" ? "Sélectionnez le nombre" : "Select number"), [ ...Array.from({ length: 10 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("option", { key: i + 1, value: i + 1, __source: { fileName: "", lineNumber: 1163, columnNumber: 19 }, __self: this }, i + 1)))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 1169, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "flex-1 bg-[#023e8a] text-white px-3 py-2 md:px-4 md:py-2 rounded hover:bg-[#000000] transition-colors", disabled: isLoading, __source: { fileName: "", lineNumber: 1170, columnNumber: 15 }, __self: this }, isLoading ? language === "fr" ? "Recherche en cours..." : "Searching..." : language === "fr" ? "Rechercher" : "Search"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: resetForm, className: "px-3 py-2 md:px-4 md:py-2 bg-white text-[#023e8a] border border-[#023e8a] rounded hover:bg-[#023e8a] hover:text-white transition-colors", __source: { fileName: "", lineNumber: 1183, columnNumber: 15 }, __self: this }, language === "fr" ? "Réinitialiser" : "Reset"))), (suggestions.length > 0 || streamingMessage) && /*#__PURE__*/ React.createElement("div", { ref: resultsRef, className: "flex justify-center", __source: { fileName: "", lineNumber: 1194, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-2 md:p-8 mb-8 max-w-4xl w-full", __source: { fileName: "", lineNumber: 1195, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 1196, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text text-black", __source: { fileName: "", lineNumber: 1197, columnNumber: 19 }, __self: this }, language === "fr" ? "Vos suggestions" : "Your suggestions"), suggestions.length > 0 && /*#__PURE__*/ React.createElement("button", { onClick: handleShare, className: "px-4 py-2 bg-[#023e8a] text-white rounded-lg hover:bg-[#000000] transition-colors flex items-center gap-2", __source: { fileName: "", lineNumber: 1201, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-share-alt", __source: { fileName: "", lineNumber: 1205, columnNumber: 23 }, __self: this }), language === "fr" ? "Partager" : "Share")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 1210, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 1211, columnNumber: 19 }, __self: this }, mapCenter && /*#__PURE__*/ React.createElement("div", { className: "w-full h-[400px] mb-8 rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 1213, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { width: "100%", height: "100%", frameBorder: "0", src: `https://www.google.com/maps/embed/v1/place?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&q=${encodeURIComponent(mapCenter)}`, allowFullScreen: true, __source: { fileName: "", lineNumber: 1214, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("ul", { className: "space-y-6", __source: { fileName: "", lineNumber: 1225, columnNumber: 21 }, __self: this }, streamingMessage && /*#__PURE__*/ React.createElement("li", { className: "p-4 bg-white rounded-lg animate-pulse", __source: { fileName: "", lineNumber: 1227, columnNumber: 25 }, __self: this }, streamingMessage), suggestions.map((suggestion, index)=>{ const isIncontournables = suggestion.includes("🌟"); const isSecrets = suggestion.includes("🎭"); const additionalSuggestions = isIncontournables ? additionalMustSees : additionalSecrets; const isLoading = isIncontournables ? isLoadingMore.mustSees : isLoadingMore.secrets; const section = isIncontournables ? "mustSees" : "secrets"; return /*#__PURE__*/ React.createElement(React.Fragment, { key: index, __source: { fileName: "", lineNumber: 1245, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "transition-all duration-300 hover:transform hover:translate-x-2", __source: { fileName: "", lineNumber: 1246, columnNumber: 29 }, __self: this }, formatSuggestion(suggestion)), (isIncontournables || isSecrets) && suggestion.startsWith("# ") && additionalSuggestions.map((s, i)=>/*#__PURE__*/ React.createElement("li", { key: `additional-${i}`, className: "transition-all duration-300 hover:transform hover:translate-x-2", __source: { fileName: "", lineNumber: 1252, columnNumber: 33 }, __self: this }, formatSuggestion(s))), (isIncontournables || isSecrets) && suggestion.startsWith("# ") && /*#__PURE__*/ React.createElement("li", { className: "flex justify-center mt-4", __source: { fileName: "", lineNumber: 1261, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>loadMoreSuggestions(section), disabled: isLoading, className: "px-3 py-2 md:px-4 md:py-2 bg-[#023e8a] text-white rounded hover:bg-[#000000] transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 1262, columnNumber: 35 }, __self: this }, isLoading ? language === "fr" ? "Chargement..." : "Loading..." : language === "fr" ? "Voir plus de suggestions" : "See more suggestions"))); })))))))), /*#__PURE__*/ React.createElement("footer", { className: "mt-12 py-6 bg-white border-t border-[#023e8a]/20", __source: { fileName: "", lineNumber: 1289, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto text-center", __source: { fileName: "", lineNumber: 1290, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-black text-sm", __source: { fileName: "", lineNumber: 1291, columnNumber: 11 }, __self: this }, "© ", new Date().getFullYear(), " AI LAB Services - by Christophe Fischer & Raphaëlle Henriet"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center gap-4 mt-4", __source: { fileName: "", lineNumber: 1295, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.linkedin.com/company/ai-lab-services", target: "_blank", rel: "noopener noreferrer", className: "text-[#023e8a] hover:text-[#000000] transition-colors", __source: { fileName: "", lineNumber: 1296, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin text-xl", __source: { fileName: "", lineNumber: 1302, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-sm text-[#023e8a]", __source: { fileName: "", lineNumber: 1305, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://tally.so/r/3lVeXB", target: "_blank", rel: "noopener noreferrer", className: "hover:text-[#000000] transition-colors mx-2", __source: { fileName: "", lineNumber: 1306, columnNumber: 13 }, __self: this }, language === "fr" ? "Feedback" : "Feedback"))))); }