${resource.title || "Untitled"}

${resource.description || "No description available"}

${resource.category ? `

Category: ${resource.category}

` : ""} ${resource.url ? `

View resource

` : ""}

` ).join(""); const title = language === "fr" ? "Ressources sur l'Autisme" : "Autism Resources"; const generatedOn = language === "fr" ? "G\xE9n\xE9r\xE9 le" : "Generated on"; const copyright = language === "fr" ? "\xA9 2025 EVA - Toutes les ressources sont fond\xE9es sur des preuves et r\xE9guli\xE8rement mises \xE0 jour." : "\xA9 2025 EVA - All resources are evidence-based and regularly updated."; const html = ` ${title}

${title}

${generatedOn} ${(/* @__PURE__ */ new Date()).toLocaleDateString()}

${resourcesHtml}

${copyright}

`; const response = await fetch("/integrations/pdf-generation/pdf", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ source: { html } }) }); if (!response.ok) throw new Error("Failed to generate PDF"); const blob = await response.blob(); const url = window.URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = language === "fr" ? "ressources-autisme.pdf" : "autism-resources.pdf"; document.body.appendChild(a); a.click(); window.URL.revokeObjectURL(url); document.body.removeChild(a); } catch (error2) { console.error("Error generating PDF:", error2); try { window.print(); } catch (printError) { console.error("Error printing:", printError); } } finally { setPdfLoading(false); } }; const getLocalizedText = (key) => { const translations = { searchPlaceholder: { en: "Search resources...", fr: "Rechercher des ressources..." }, downloadPDF: { en: "Download PDF", fr: "T\xE9l\xE9charger PDF" }, generating: { en: "Generating...", fr: "G\xE9n\xE9ration en cours..." }, categories: { en: "Categories", fr: "Cat\xE9gories" }, all: { en: "All", fr: "Tous" }, generatingResources: { en: "Generating resources...", fr: "G\xE9n\xE9ration de ressources..." }, loadingResources: { en: "Loading resources...", fr: "Chargement des ressources..." }, tryAgain: { en: "Try Again", fr: "R\xE9essayer" }, noResourcesFound: { en: "No resources found. Try adjusting your search criteria.", fr: "Aucune ressource trouv\xE9e. Essayez d'ajuster vos crit\xE8res de recherche." }, visit: { en: "Visit", fr: "Visiter" }, moreInfo: { en: "More Info", fr: "Plus d'infos" }, listen: { en: "Listen", fr: "\xC9couter" }, playing: { en: "Playing...", fr: "Lecture..." }, resourcesTitle: { en: "Autism Resources", fr: "Ressources sur l'Autisme" }, resourcesSubtitle: { en: "Browse our collection of evidence-based resources for autism support", fr: "Parcourez notre collection de ressources fond\xE9es sur des preuves pour le soutien \xE0 l'autisme" }, copyright: { en: "\xA9 2025 EVA - All resources are evidence-based and regularly updated.", fr: "\xA9 2025 EVA - Toutes les ressources sont fond\xE9es sur des preuves et r\xE9guli\xE8rement mises \xE0 jour." } }; return translations[key][language] || translations[key]["en"]; }; return /* @__PURE__ */ React.createElement(AnimatedBackground, null, /* @__PURE__ */ React.createElement("div", { className: "min-h-screen flex flex-col" }, /* @__PURE__ */ React.createElement("header", { className: "py-6 px-4" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-6xl mx-auto flex justify-between items-center" }, /* @__PURE__ */ React.createElement("a", { href: "/", className: "text-2xl font-bold text-white font-inter" }, "EVA"), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex space-x-2" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setLanguage("en"), className: `px-2 py-1 rounded ${language === "en" ? "bg-white/30 text-white" : "bg-white/10 text-white/70"}` }, "EN" ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setLanguage("fr"), className: `px-2 py-1 rounded ${language === "fr" ? "bg-white/30 text-white" : "bg-white/10 text-white/70"}` }, "FR" )), /* @__PURE__ */ React.createElement("nav", { className: "hidden md:block" }, /* @__PURE__ */ React.createElement("ul", { className: "flex space-x-6" }, /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("a", { href: "/", className: "text-white/80 hover:text-white transition-colors font-inter" }, language === "fr" ? "Accueil" : "Home")), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("a", { href: "/about", className: "text-white/80 hover:text-white transition-colors font-inter" }, language === "fr" ? "\xC0 propos" : "About")), /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("a", { href: "/chat", className: "text-white/80 hover:text-white transition-colors font-inter" }, language === "fr" ? "Chat IA" : "AI Chat")))))), /* @__PURE__ */ React.createElement("div", { className: "max-w-6xl mx-auto mt-6" }, /* @__PURE__ */ React.createElement("h1", { className: "text-3xl md:text-4xl font-bold text-white text-center font-inter" }, getLocalizedText("resourcesTitle")), /* @__PURE__ */ React.createElement("p", { className: "text-white/80 text-center mt-2 max-w-2xl mx-auto font-inter" }, getLocalizedText("resourcesSubtitle")))), /* @__PURE__ */ React.createElement("main", { className: "flex-1 px-4 py-8" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-6xl mx-auto" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center mb-8" }, /* @__PURE__ */ React.createElement("div", { className: "relative max-w-xl w-full mb-4 md:mb-0" }, /* @__PURE__ */ React.createElement( "input", { type: "text", placeholder: getLocalizedText("searchPlaceholder"), value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "w-full px-4 py-3 pl-10 bg-white/10 backdrop-blur-sm border border-white/20 rounded-lg text-white placeholder-white/50 focus:outline-none focus:ring-2 focus:ring-white/30" } ), /* @__PURE__ */ React.createElement("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-search text-white/50" }))), /* @__PURE__ */ React.createElement( "button", { onClick: handleDownloadPDF, disabled: pdfLoading || resources.length === 0, className: "bg-white/10 hover:bg-white/20 text-white px-4 py-2 rounded-lg backdrop-blur-sm transition-colors border border-white/20 disabled:opacity-50" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-file-pdf mr-2" }), pdfLoading ? getLocalizedText("generating") : getLocalizedText("downloadPDF") )), categories.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "mb-8" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-bold text-white mb-4 font-inter" }, getLocalizedText("categories")), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-3" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setSelectedCategory(""), className: `bg-white/10 backdrop-blur-sm rounded-lg px-4 py-2 text-white hover:bg-white/20 transition-all ${selectedCategory === "" ? "ring-2 ring-white" : ""}` }, getLocalizedText("all") ), categories.map((category) => /* @__PURE__ */ React.createElement( "button", { key: category, onClick: () => setSelectedCategory(category), className: `bg-white/10 backdrop-blur-sm rounded-lg px-4 py-2 text-white hover:bg-white/20 transition-all ${selectedCategory === category ? "ring-2 ring-white" : ""}` }, category )))), loading || generatingResources ? /* @__PURE__ */ React.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React.createElement("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-white" }), /* @__PURE__ */ React.createElement("p", { className: "text-white mt-4 font-inter" }, generatingResources ? getLocalizedText("generatingResources") : getLocalizedText("loadingResources"))) : error ? /* @__PURE__ */ React.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React.createElement("p", { className: "text-red-300 font-inter" }, error), /* @__PURE__ */ React.createElement( "button", { onClick: () => { setErrorRetries(0); setError(null); }, className: "mt-4 px-4 py-2 bg-white/10 text-white rounded-md hover:bg-white/20" }, getLocalizedText("tryAgain") )) : resources.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React.createElement("p", { className: "text-white font-inter" }, getLocalizedText("noResourcesFound"))) : /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" }, resources.map((resource) => /* @__PURE__ */ React.createElement("div", { key: resource.id, className: "bg-white/10 backdrop-blur-md rounded-lg overflow-hidden border border-white/20 hover:border-white/40 transition-all" }, resource.image_url ? /* @__PURE__ */ React.createElement("div", { className: "h-48 overflow-hidden" }, /* @__PURE__ */ React.createElement( "img", { src: resource.image_url, alt: resource.title, className: "w-full h-full object-cover transition-transform hover:scale-105" } )) : /* @__PURE__ */ React.createElement("div", { className: "h-48 bg-gradient-to-r from-pink-300 to-purple-400 flex items-center justify-center" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-puzzle-piece text-white text-4xl" })), /* @__PURE__ */ React.createElement("div", { className: "p-5" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-start mb-2" }, /* @__PURE__ */ React.createElement("h3", { className: "text-xl font-bold text-white" }, resource.title), /* @__PURE__ */ React.createElement("span", { className: "bg-white/20 text-white text-xs px-2 py-1 rounded" }, resource.category)), /* @__PURE__ */ React.createElement("p", { className: "text-white/80 mb-4" }, resource.description), expandedDescription && expandedDescription.id === resource.id && /* @__PURE__ */ React.createElement("div", { className: "mb-4 p-3 bg-white/5 rounded border border-white/10" }, /* @__PURE__ */ React.createElement("p", { className: "text-white/90 text-sm" }, expandedDescription.content)), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-2 mt-4" }, resource.url && /* @__PURE__ */ React.createElement( "a", { href: resource.url, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center px-3 py-1 bg-white/20 hover:bg-white/30 text-white rounded text-sm transition-colors" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-external-link-alt mr-2" }), getLocalizedText("visit") ), /* @__PURE__ */ React.createElement( "button", { onClick: () => getDetailedDescription(resource), className: "inline-flex items-center px-3 py-1 bg-white/20 hover:bg-white/30 text-white rounded text-sm transition-colors" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-info-circle mr-2" }), getLocalizedText("moreInfo") ), /* @__PURE__ */ React.createElement( "button", { onClick: () => handlePlayAudio(resource.description, resource.id), disabled: isPlaying !== null, className: "inline-flex items-center px-3 py-1 bg-white/20 hover:bg-white/30 text-white rounded text-sm transition-colors disabled:opacity-50" }, /* @__PURE__ */ React.createElement("i", { className: `fas ${isPlaying === resource.id ? "fa-volume-up" : "fa-volume"} mr-2` }), isPlaying === resource.id ? getLocalizedText("playing") : getLocalizedText("listen") )))))))), /* @__PURE__ */ React.createElement("footer", { className: "py-6 px-4 bg-white/5 backdrop-blur-md mt-8" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-6xl mx-auto text-center" }, /* @__PURE__ */ React.createElement("p", { className: "text-white/60 text-sm" }, getLocalizedText("copyright")))))); } function AnimatedBackground({ children, variant = "pink" }) { const getGradientColors = () => { switch (variant) { case "pink": return { from: "from-pink-400", via: "via-purple-500", to: "to-pink-600" }; case "green": return { from: "from-green-400", via: "via-green-500", to: "to-green-600" }; case "blue": return { from: "from-blue-400", via: "via-blue-500", to: "to-blue-600" }; case "default": return { from: "from-blue-900", via: "via-blue-800", to: "to-blue-950" }; case "purple": return { from: "from-purple-900", via: "via-purple-800", to: "to-purple-950" }; default: return { from: "from-pink-400", via: "via-purple-500", to: "to-pink-600" }; } }; const { from, via, to } = getGradientColors(); return /* @__PURE__ */ React.createElement("div", { className: "relative min-h-screen overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: `absolute inset-0 bg-gradient-to-br ${from} ${via} ${to} animate-gradient-x` }, /* @__PURE__ */ React.createElement("div", { className: "absolute top-1/4 left-1/4 w-64 h-64 bg-white opacity-10 rounded-full filter blur-3xl animate-float" }), /* @__PURE__ */ React.createElement("div", { className: "absolute top-3/4 left-2/3 w-96 h-96 bg-white opacity-10 rounded-full filter blur-3xl animate-float-delay" }), /* @__PURE__ */ React.createElement("div", { className: "absolute top-1/2 left-1/3 w-48 h-48 bg-white opacity-10 rounded-full filter blur-3xl animate-float-slow" }), /* @__PURE__ */ React.createElement("div", { className: "absolute top-1/5 left-1/5 w-2 h-2 bg-white rounded-full opacity-70 animate-pulse" }), /* @__PURE__ */ React.createElement("div", { className: "absolute top-2/5 left-3/5 w-2 h-2 bg-white rounded-full opacity-70 animate-pulse-delay" }), /* @__PURE__ */ React.createElement("div", { className: "absolute top-3/5 left-1/5 w-2 h-2 bg-white rounded-full opacity-70 animate-pulse-slow" }), /* @__PURE__ */ React.createElement("div", { className: "absolute top-4/5 left-4/5 w-2 h-2 bg-white rounded-full opacity-70 animate-pulse" })), /* @__PURE__ */ React.createElement("div", { className: "relative z-10 flex flex-col min-h-screen backdrop-blur-sm" }, children), /* @__PURE__ */ React.createElement("style", { jsx: true, global: true }, ` @keyframes float { 0% { transform: translateY(0) translateX(0); } 50% { transform: translateY(-20px) translateX(10px); } 100% { transform: translateY(0) translateX(0); } } @keyframes float-delay { 0% { transform: translateY(0) translateX(0); } 50% { transform: translateY(20px) translateX(-10px); } 100% { transform: translateY(0) translateX(0); } } @keyframes float-slow { 0% { transform: translateY(0) translateX(0); } 50% { transform: translateY(15px) translateX(15px); } 100% { transform: translateY(0) translateX(0); } } @keyframes pulse { 0% { opacity: 0.3; } 50% { opacity: 0.8; } 100% { opacity: 0.3; } } @keyframes pulse-delay { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } } @keyframes pulse-slow { 0% { opacity: 0.2; } 50% { opacity: 0.6; } 100% { opacity: 0.2; } } @keyframes gradient-x { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .animate-float { animation: float 8s ease-in-out infinite; } .animate-float-delay { animation: float-delay 12s ease-in-out infinite; } .animate-float-slow { animation: float-slow 15s ease-in-out infinite; } .animate-pulse { animation: pulse 4s ease-in-out infinite; } .animate-pulse-delay { animation: pulse-delay 6s ease-in-out infinite; } .animate-pulse-slow { animation: pulse-slow 8s ease-in-out infinite; } .animate-gradient-x { background-size: 200% 200%; animation: gradient-x 15s ease infinite; } `)); } var page_default = MainComponent; return __toCommonJS(page_exports); })();