${business.name} - Dakdekker Analyse

Bedrijfsinformatie

Bedrijfsnaam: ${business.name}

Adres: ${business.address?.streetAddress || "Niet beschikbaar"}

Telefoon: ${business.phone ? formatPhoneNumber(business.phone) : "Niet beschikbaar"}

Website: ${business.website || "Niet beschikbaar"}

Beoordeling: ${business.rating ? business.rating.toFixed(1) + " / 5" : "Niet beschikbaar"}

Aantal reviews: ${business.reviewCount || 0}

${sections.contactpersonen ? `

Contactpersonen

${sections.contactpersonen}

` : ""} ${sections.socialMedia ? `

Sociale Media Profielen

${sections.socialMedia}

` : ""} ${sections.diensten ? `

Diensten & Expertise

${sections.diensten}

` : ""}

Waarderingscijfers

Vakmanschap: ${ratings.vakmanschap}

Prijs/Kwaliteit: ${ratings.prijsKwaliteit}

Betrouwbaarheid: ${ratings.betrouwbaarheid}

Klantenservice: ${ratings.klantenservice}

Snelheid: ${ratings.snelheid}

Totaalscore: ${ratings.totaalscore}

${sections.financieel ? `

Financi\xEBle Indicatoren

${sections.financieel}

` : ""} ${sections.sterkePunten ? `

                    Sterkste Punten
                    ${sections.sterkePunten}
                

` : ""} ${sections.aandachtspunten ? `

Aandachtspunten

${sections.aandachtspunten}

` : ""} ${sections.netwerk ? `

Netwerk Dakdekkers Analyse

${sections.netwerk}

` : ""} ${sections.advies ? `

Advies

${sections.advies}

` : ""}

`; const fileName = `${business.name.replace(/[^a-zA-Z0-9]/g, "_")}_dakdekker_analyse.html`; const saveResponse = await fetch("/api/save-pdf-download", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ business_name: business.name, user_code: userCode, file_name: fileName, pdf_data: btoa(htmlContent) }) }); if (!saveResponse.ok) { throw new Error("Kon de download niet registreren in de database"); } const blob = new Blob([htmlContent], { type: "text/html;charset=utf-8" }); const downloadUrl = window.URL.createObjectURL(blob); const a = document.createElement("a"); a.href = downloadUrl; a.download = fileName; document.body.appendChild(a); a.click(); window.URL.revokeObjectURL(downloadUrl); document.body.removeChild(a); } catch (err) { console.error("Fout bij het genereren/downloaden van HTML:", err); setError( "Er is een onverwachte fout opgetreden bij het genereren van het rapport" ); } finally { setGeneratingPdf(false); } }; const extractSection = (text, startMarker, endMarker) => { if (!text) return "Niet beschikbaar"; text = text.trim(); const startIndex = text.indexOf(startMarker); if (startIndex === -1) return "Niet beschikbaar"; const contentStart = startIndex + startMarker.length; if (!endMarker) { return text.slice(contentStart).trim(); } const endIndex = text.indexOf(endMarker, contentStart); if (endIndex === -1) { return text.slice(contentStart).trim(); } let content = text.slice(contentStart, endIndex).trim(); content = content.replace(/\*\*/g, ""); return content; }; const totalPages = Math.ceil(businessDetails.length / resultsPerPage); const getCurrentPageResults = () => { const startIndex = (currentPage - 1) * resultsPerPage; const endIndex = startIndex + resultsPerPage; return businessDetails.slice(startIndex, endIndex); }; const renderAnalysisSection = (title, content, icon, bgColor, textColor) => { if (!content) return null; return /* @__PURE__ */ React.createElement("div", { className: `${bgColor} p-4 rounded-lg mb-6` }, /* @__PURE__ */ React.createElement("h4", { className: `font-bold ${textColor} mb-4` }, /* @__PURE__ */ React.createElement("i", { className: `${icon} mr-2` }), title), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-gray-700 dark:text-gray-400 whitespace-pre-wrap" }, content)); }; const handleUserSelect = (user, code) => { setSelectedUser(user); setUserCode(code); setShowUserModal(false); if (selectedBusiness) { downloadAnalysisPdf(selectedBusiness); setSelectedBusiness(null); } }; const fetchAnalysisStatus = async (businesses) => { try { const response = await fetch("/api/get-analysis-status", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ business_names: businesses.map((b) => b.name) }) }); if (!response.ok) { throw new Error("Kon analyse status niet ophalen"); } const data = await response.json(); if (data.success) { setAnalysisStatus(data.analysis_status); } } catch (error2) { console.error("Fout bij ophalen analyse status:", error2); } }; const formatPhoneNumber = (phone) => { const cleaned = phone.replace(/\D/g, ""); if (cleaned.startsWith("31")) { return "+" + cleaned.slice(0, 2) + " " + cleaned.slice(2).match(/.{1,2}/g).join(" "); } if (cleaned.length === 10) { return "0" + cleaned.slice(1).match(/.{1,2}/g).join(" "); } return phone; }; return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-white dark:bg-gray-900 flex flex-col items-center" }, /* @__PURE__ */ React.createElement("div", { className: "w-full bg-gradient-to-b from-blue-50 to-white dark:from-gray-800 dark:to-gray-900 py-16 px-6" }, /* @__PURE__ */ React.createElement("div", { className: "max-w-4xl mx-auto text-center" }, /* @__PURE__ */ React.createElement("div", { className: "mb-12" }, /* @__PURE__ */ React.createElement("h1", { className: "text-6xl font-inter font-bold text-blue-600 dark:text-blue-400 mb-4" }, "Dakify"), /* @__PURE__ */ React.createElement("p", { className: "text-xl text-gray-600 dark:text-gray-300 mb-8" }, "Vind en analyseer de beste dakdekkers in Nederland")), /* @__PURE__ */ React.createElement("div", { className: "max-w-3xl mx-auto bg-white dark:bg-gray-800 rounded-2xl shadow-lg p-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React.createElement( "input", { type: "text", value: searchLocation, onChange: (e) => setSearchLocation(e.target.value), onKeyPress: (e) => e.key === "Enter" && handleSearch(), placeholder: "Waar zoek je een dakdekker? (bijv. Amsterdam)", className: "w-full p-3 text-lg border border-gray-200 dark:border-gray-700 rounded-full focus:ring-2 focus:ring-blue-500 text-gray-900 dark:text-white bg-white dark:bg-gray-800" } )), /* @__PURE__ */ React.createElement( "button", { onClick: handleSearch, disabled: loading, className: "px-8 py-3 bg-blue-600 hover:bg-blue-700 text-white rounded-full font-medium text-lg transition-colors duration-200 min-w-[120px]" }, loading ? /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin" }) : /* @__PURE__ */ React.createElement("i", { className: "fas fa-search" }) )), /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowAdvancedSearch(!showAdvancedSearch), className: "text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium flex items-center justify-center gap-2" }, showAdvancedSearch ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-chevron-up" }), "Eenvoudig zoeken") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-chevron-down" }), "Uitgebreid zoeken") ), showAdvancedSearch && /* @__PURE__ */ React.createElement("div", { className: "pt-4 border-t border-gray-200 dark:border-gray-700 space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1" }, "Bedrijfsnaam"), /* @__PURE__ */ React.createElement( "input", { type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: "Bedrijfsnaam (optioneel)", className: "w-full p-3 text-base border border-gray-200 dark:border-gray-700 rounded-lg focus:ring-2 focus:ring-blue-500 text-gray-900 dark:text-white bg-white dark:bg-gray-800" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1" }, "Type dakdekker"), /* @__PURE__ */ React.createElement( "select", { value: businessType, onChange: (e) => setBusinessType(e.target.value), className: "w-full p-3 text-base border border-gray-200 dark:border-gray-700 rounded-lg focus:ring-2 focus:ring-blue-500 text-gray-900 dark:text-white bg-white dark:bg-gray-800" }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Alle types"), /* @__PURE__ */ React.createElement("option", { value: "plat dak" }, "Platte daken"), /* @__PURE__ */ React.createElement("option", { value: "hellend dak" }, "Hellende daken"), /* @__PURE__ */ React.createElement("option", { value: "bitumen" }, "Bitumen specialist"), /* @__PURE__ */ React.createElement("option", { value: "dakpannen" }, "Dakpannen specialist"), /* @__PURE__ */ React.createElement("option", { value: "zink" }, "Zinkwerk specialist"), /* @__PURE__ */ React.createElement("option", { value: "groendak" }, "Groendak specialist") )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1" }, "Minimale beoordeling"), /* @__PURE__ */ React.createElement( "select", { value: minRating, onChange: (e) => setMinRating(e.target.value), className: "w-full p-3 text-base border border-gray-200 dark:border-gray-700 rounded-lg focus:ring-2 focus:ring-blue-500 text-gray-900 dark:text-white bg-white dark:bg-gray-800" }, /* @__PURE__ */ React.createElement("option", { value: "" }, "Alle beoordelingen"), /* @__PURE__ */ React.createElement("option", { value: "4.5" }, "4.5+ sterren"), /* @__PURE__ */ React.createElement("option", { value: "4" }, "4.0+ sterren"), /* @__PURE__ */ React.createElement("option", { value: "3.5" }, "3.5+ sterren"), /* @__PURE__ */ React.createElement("option", { value: "3" }, "3.0+ sterren") )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1" }, "Sorteer op"), /* @__PURE__ */ React.createElement( "select", { value: sortBy, onChange: (e) => setSortBy(e.target.value), className: "w-full p-3 text-base border border-gray-200 dark:border-gray-700 rounded-lg focus:ring-2 focus:ring-blue-500 text-gray-900 dark:text-white bg-white dark:bg-gray-800" }, /* @__PURE__ */ React.createElement("option", { value: "relevance" }, "Meest relevant"), /* @__PURE__ */ React.createElement("option", { value: "rating" }, "Beste beoordeling"), /* @__PURE__ */ React.createElement("option", { value: "reviews" }, "Meeste reviews"), /* @__PURE__ */ React.createElement("option", { value: "name" }, "Naam (A-Z)") )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1" }, "Zoekradius"), /* @__PURE__ */ React.createElement( "select", { value: radius, onChange: (e) => setRadius(e.target.value), className: "w-full p-3 text-base border border-gray-200 dark:border-gray-700 rounded-lg focus:ring-2 focus:ring-blue-500 text-gray-900 dark:text-white bg-white dark:bg-gray-800" }, /* @__PURE__ */ React.createElement("option", { value: "5" }, "5 km"), /* @__PURE__ */ React.createElement("option", { value: "10" }, "10 km"), /* @__PURE__ */ React.createElement("option", { value: "25" }, "25 km"), /* @__PURE__ */ React.createElement("option", { value: "50" }, "50 km") ))), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-4" }, /* @__PURE__ */ React.createElement("label", { className: "flex items-center gap-2 cursor-pointer" }, /* @__PURE__ */ React.createElement( "input", { type: "checkbox", checked: openNow, onChange: (e) => setOpenNow(e.target.checked), className: "w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500" } ), /* @__PURE__ */ React.createElement("span", { className: "text-sm text-gray-700 dark:text-gray-400" }, "Nu geopend")), /* @__PURE__ */ React.createElement("label", { className: "flex items-center gap-2 cursor-pointer" }, /* @__PURE__ */ React.createElement( "input", { type: "checkbox", checked: hasWebsite, onChange: (e) => setHasWebsite(e.target.checked), className: "w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500" } ), /* @__PURE__ */ React.createElement("span", { className: "text-sm text-gray-700 dark:text-gray-400" }, "Heeft website")), /* @__PURE__ */ React.createElement("label", { className: "flex items-center gap-2 cursor-pointer" }, /* @__PURE__ */ React.createElement( "input", { type: "checkbox", checked: hasPhone, onChange: (e) => setHasPhone(e.target.checked), className: "w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500" } ), /* @__PURE__ */ React.createElement("span", { className: "text-sm text-gray-700 dark:text-gray-400" }, "Heeft telefoonnummer")))))))), /* @__PURE__ */ React.createElement("div", { className: "w-full max-w-4xl px-6 py-8" }, error && /* @__PURE__ */ React.createElement("div", { className: "p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg mb-6" }, /* @__PURE__ */ React.createElement("p", { className: "text-red-600 dark:text-red-400" }, error)), businessDetails.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "mb-6 text-center" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white" }, businessDetails.length, " dakdekkersbedrijven gevonden", minRating && ` met ${minRating}+ sterren`, searchLocation && ` in ${searchLocation}`)), /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, getCurrentPageResults().map((business, index) => /* @__PURE__ */ React.createElement( "div", { key: index, className: "bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg" }, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-4 mb-6" }, business.icon && /* @__PURE__ */ React.createElement( "img", { src: business.icon, alt: `${business.name} logo`, className: "w-16 h-16 rounded-lg object-cover" } ), /* @__PURE__ */ React.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-inter font-bold text-gray-900 dark:text-white" }, business.name), analysisStatus[business.name]?.has_analysis && /* @__PURE__ */ React.createElement("div", { className: "mt-2 flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-check-circle mr-1" }), "Geanalyseerd"), /* @__PURE__ */ React.createElement("span", { className: "text-sm text-gray-600 dark:text-gray-400" }, new Date( analysisStatus[business.name].latest_analysis.date ).toLocaleDateString("nl-NL")), /* @__PURE__ */ React.createElement("span", { className: "text-sm text-gray-500 dark:text-gray-500" }, "door gebruiker", " ", analysisStatus[business.name].latest_analysis.user_code)))), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement( "span", { className: `px-3 py-1 rounded-full text-sm font-medium ${business.status === "OPERATIONAL" ? "bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400" : "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/20 dark:text-yellow-400"}` }, business.status === "OPERATIONAL" ? "Actief" : "Status onbekend" )), business.phone && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-phone text-gray-500 dark:text-gray-400 w-6" }), /* @__PURE__ */ React.createElement( "a", { href: `tel:${business.phone}`, className: "text-gray-900 dark:text-white hover:underline" }, business.phone )), business.website && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-globe text-gray-500 dark:text-gray-400 w-6" }), /* @__PURE__ */ React.createElement( "a", { href: business.website, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 dark:text-blue-400 hover:underline" }, "Website bezoeken" )), business.address && /* @__PURE__ */ React.createElement("div", { className: "flex items-start gap-3" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-location-dot text-gray-500 dark:text-gray-400 w-6 mt-1" }), /* @__PURE__ */ React.createElement("address", { className: "text-gray-900 dark:text-white not-italic" }, business.address.streetAddress)))), /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-inter font-bold text-gray-900 dark:text-white mb-4" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-star mr-2" }), "Beoordelingen"), business.rating ? /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React.createElement("span", { className: "text-3xl font-bold text-gray-900 dark:text-white" }, business.rating.toFixed(1)), /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, [...Array.from({ length: 5 })].map((_, i) => /* @__PURE__ */ React.createElement( "i", { key: i, className: `fas fa-star ${i < Math.round(business.rating) ? "text-yellow-400" : "text-gray-300 dark:text-gray-600"}` } )))), /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 dark:text-gray-400" }, business.reviewCount, " beoordelingen")) : /* @__PURE__ */ React.createElement("p", { className: "text-gray-600 dark:text-gray-400" }, "Geen beoordelingen beschikbaar")))), /* @__PURE__ */ React.createElement("div", { className: "mt-6 border-t pt-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-inter font-bold text-gray-900 dark:text-white" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-building mr-2" }), "Bedrijfsanalyse"), analysisStatus[business.name]?.has_analysis && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-check-circle mr-1" }), "Geanalyseerd"), /* @__PURE__ */ React.createElement("span", { className: "text-sm text-gray-600 dark:text-gray-400" }, new Date( analysisStatus[business.name].latest_analysis.date ).toLocaleDateString("nl-NL")), /* @__PURE__ */ React.createElement("span", { className: "text-sm text-gray-500 dark:text-gray-500" }, "door gebruiker", " ", analysisStatus[business.name].latest_analysis.user_code))), !aiAnalysis[business.name] && !analyzingBusiness && /* @__PURE__ */ React.createElement( "button", { onClick: () => analyzeReviews(business), className: "px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg text-sm flex items-center gap-2" }, "Analyseer Bedrijf" )), analyzingBusiness === business.name && /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 text-gray-600 dark:text-gray-400" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin" }), /* @__PURE__ */ React.createElement("p", null, "Bedrijfsanalyse wordt uitgevoerd...")), /* @__PURE__ */ React.createElement("span", { className: "text-sm text-gray-500 dark:text-gray-400" }, analysisProgress, "%")), /* @__PURE__ */ React.createElement("div", { className: "w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5" }, /* @__PURE__ */ React.createElement( "div", { className: "bg-blue-600 dark:bg-blue-500 h-2.5 rounded-full transition-all duration-300", style: { width: `${analysisProgress}%` } } )), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-gray-600 dark:text-gray-600" }, analysisStage), streamingMessage && /* @__PURE__ */ React.createElement("div", { className: "mt-4 text-sm text-gray-700 dark:text-gray-300 whitespace-pre-wrap" }, streamingMessage)), aiAnalysis[business.name] && /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-end mb-4" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => downloadAnalysisPdf(business), disabled: generatingPdf, className: "px-4 py-2 bg-gray-600 hover:bg-gray-700 text-white rounded-lg text-sm flex items-center gap-2" }, generatingPdf ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin" }), "HTML wordt gegenereerd...") : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-file-code" }), "Download HTML Rapport") )), renderAnalysisSection( "Contactpersonen", aiAnalysis[business.name].split("CONTACTPERSONEN:")[1]?.split("SOCIALE MEDIA PROFIELEN:")[0], "fas fa-users", "bg-blue-50 dark:bg-blue-900/20", "text-blue-800 dark:text-blue-400" ), renderAnalysisSection( "Sociale Media Profielen", aiAnalysis[business.name].split("SOCIALE MEDIA PROFIELEN:")[1]?.split("DIENSTEN & EXPERTISE:")[0], "fas fa-share-nodes", "bg-purple-50 dark:bg-purple-900/20", "text-purple-800 dark:text-purple-400" ), renderAnalysisSection( "Diensten & Expertise", aiAnalysis[business.name].split("DIENSTEN & EXPERTISE:")[1]?.split("WAARDERINGSCIJFERS:")[0], "fas fa-list", "bg-indigo-50 dark:bg-indigo-900/20", "text-indigo-800 dark:text-indigo-400" ), renderAnalysisSection( "Waarderingscijfers", aiAnalysis[business.name].split("WAARDERINGSCIJFERS:")[1]?.split("FINANCI\xCBLE INDICATOREN:")[0], "fas fa-chart-line", "bg-blue-50 dark:bg-blue-900/20", "text-blue-800 dark:text-blue-400" ), renderAnalysisSection( "Financi\xEBle Indicatoren", aiAnalysis[business.name].split("FINANCI\xCBLE INDICATOREN:")[1]?.split("TOP 3 STERKSTE PUNTEN:")[0], "fas fa-chart-line", "bg-blue-50 dark:bg-blue-900/20", "text-blue-800 dark:text-blue-400" ), renderAnalysisSection( "Sterkste Punten", aiAnalysis[business.name].split("TOP 3 STERKSTE PUNTEN:")[1]?.split("TOP 3 AANDACHTSPUNTEN:")[0], "fas fa-thumbs-up", "bg-green-50 dark:bg-green-900/20", "text-green-800 dark:text-green-400" ), renderAnalysisSection( "Aandachtspunten", aiAnalysis[business.name].split("TOP 3 AANDACHTSPUNTEN:")[1]?.split("NETWERK DAKDEKKERS ANALYSE:")[0], "fas fa-exclamation-triangle", "bg-yellow-50 dark:bg-yellow-900/20", "text-yellow-800 dark:text-yellow-400" ), renderAnalysisSection( "Netwerk Dakdekkers Analyse", aiAnalysis[business.name].split("NETWERK DAKDEKKERS ANALYSE:")[1]?.split("ADVIES:")[0], "fas fa-handshake", "bg-orange-50 dark:bg-orange-900/20", "text-orange-800 dark:text-orange-400" ), renderAnalysisSection( "Advies", aiAnalysis[business.name].split("ADVIES:")[1], "fas fa-lightbulb", "bg-green-50 dark:bg-green-900/20", "text-green-800 dark:text-green-400" ), renderAnalysisSection( "ROI Analyse", aiAnalysis[business.name].split("ROI ANALYSE:")[1]?.split("ADVIES:")[0], "fas fa-chart-line", "bg-emerald-50 dark:bg-emerald-900/20", "text-emerald-800 dark:text-emerald-400" ))) ))), totalPages > 1 && /* @__PURE__ */ React.createElement("div", { className: "mt-6 flex justify-center gap-2" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setCurrentPage(currentPage - 1), disabled: currentPage === 1, className: "px-4 py-2 bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 rounded-lg disabled:opacity-50" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-chevron-left" }) ), /* @__PURE__ */ React.createElement("span", { className: "px-4 py-2 text-gray-700 dark:text-gray-300" }, "Pagina ", currentPage, " van ", totalPages), /* @__PURE__ */ React.createElement( "button", { onClick: () => setCurrentPage(currentPage + 1), disabled: currentPage === totalPages, className: "px-4 py-2 bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 rounded-lg disabled:opacity-50" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-chevron-right" }) ))), showUserModal && /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-gray-800 p-6 rounded-lg shadow-xl max-w-md w-full" }, /* @__PURE__ */ React.createElement("h3", { className: "text-xl font-bold text-gray-900 dark:text-white mb-4" }, "Selecteer Gebruiker"), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => handleUserSelect("Michael", "001"), className: "w-full p-4 text-left bg-gray-50 dark:bg-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 rounded-lg" }, /* @__PURE__ */ React.createElement("div", { className: "font-medium text-gray-900 dark:text-white" }, "Michael"), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-gray-500 dark:text-gray-400" }, "Code: 001") ), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleUserSelect("Philip", "002"), className: "w-full p-4 text-left bg-gray-50 dark:bg-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 rounded-lg" }, /* @__PURE__ */ React.createElement("div", { className: "font-medium text-gray-900 dark:text-white" }, "Philip"), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-gray-500 dark:text-gray-400" }, "Code: 002") ), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleUserSelect("Jasper", "003"), className: "w-full p-4 text-left bg-gray-50 dark:bg-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 rounded-lg" }, /* @__PURE__ */ React.createElement("div", { className: "font-medium text-gray-900 dark:text-white" }, "Jasper"), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-gray-500 dark:text-gray-400" }, "Code: 003") )), /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowUserModal(false), className: "mt-6 w-full px-4 py-2 bg-gray-200 dark:bg-gray-600 text-gray-800 dark:text-gray-200 rounded-lg hover:bg-gray-300 dark:hover:bg-gray-500" }, "Annuleren" )))); } var page_default = MainComponent; return __toCommonJS(page_exports); })();