function MainComponent() { const { data: user, loading: userLoading } = useUser(); const [account, setAccount] = useState(null); const [transactions, setTransactions] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [formData, setFormData] = useState({ firstName: "", lastName: "", email: "", phone: "", currency: "CHF", amount: "" }); const [formSubmitted, setFormSubmitted] = useState(false); const [formError, setFormError] = useState(null); const [formLoading, setFormLoading] = useState(false); const [isAdmin, setIsAdmin] = useState(false); // Verbesserte Fehlerbehandlung und Datenladestrategie useEffect(()=>{ let isMounted = true; const fetchData = async ()=>{ if (!user) { if (isMounted) { setLoading(false); } return; } try { if (isMounted) { setLoading(true); setError(null); } // Admin-Status prüfen try { const adminResponse = await fetch("/api/admin/check-admin-status", { method: "POST" }); if (adminResponse.ok && isMounted) { const adminData = await adminResponse.json(); setIsAdmin(adminData.isAdmin); } } catch (adminErr) { console.error("Fehler beim Prüfen des Admin-Status:", adminErr); // Kein setError, da dies nicht kritisch ist } // Benutzerkonto erstellen/prüfen try { await fetch("/api/account/create-user-account", { method: "POST" }); } catch (accountErr) { console.error("Fehler beim Erstellen/Prüfen des Kontos:", accountErr); // Weiter fortfahren, da wir trotzdem versuchen können, Daten abzurufen } // Kontodaten abrufen let accountData = { account: { chf_balance: 0, bfs100_balance: 0 } }; try { const accountResponse = await fetch("/api/account/get-user-account", { method: "POST" }); if (accountResponse.ok) { accountData = await accountResponse.json(); } } catch (accountFetchErr) { console.error("Fehler beim Abrufen des Kontos:", accountFetchErr); // Standardwerte verwenden } // Transaktionen abrufen let transactionsData = { transactions: [] }; try { const transactionsResponse = await fetch("/api/get-transactions", { method: "POST" }); if (transactionsResponse.ok) { transactionsData = await transactionsResponse.json(); } } catch (transactionsErr) { console.error("Fehler beim Abrufen der Transaktionen:", transactionsErr); // Leere Transaktionsliste verwenden } if (isMounted) { setAccount(accountData.account || { chf_balance: 0, bfs100_balance: 0 }); setTransactions(transactionsData.transactions || []); setLoading(false); } } catch (err) { console.error("Allgemeiner Fehler beim Laden der Daten:", err); if (isMounted) { setError("Es ist ein Fehler beim Laden der Daten aufgetreten. Bitte versuchen Sie es später erneut."); setLoading(false); } } }; fetchData(); return ()=>{ isMounted = false; }; }, [ user ]); const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); }; const handleSubmit = async (e)=>{ e.preventDefault(); setFormLoading(true); setFormError(null); try { const response = await fetch("/api/contact/submit", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ formType: "balance", formData }) }); const result = await response.json(); if (!response.ok || result.error) { throw new Error(result.error || `Fehler: ${response.status}`); } setFormSubmitted(true); setFormData({ firstName: "", lastName: "", email: "", phone: "", currency: "CHF", amount: "" }); } catch (err) { console.error("Formularfehler:", err); setFormError("Es ist ein Fehler beim Senden des Formulars aufgetreten. Bitte versuchen Sie es später erneut."); } finally{ setFormLoading(false); } }; const formatDate = (dateString)=>{ try { const date = new Date(dateString); return date.toLocaleDateString("de-DE", { day: "2-digit", month: "2-digit", year: "numeric" }); } catch (err) { console.error("Datumsfehler:", err); return "Ungültiges Datum"; } }; // Sichere Anzeige von Zahlen const formatNumber = (value)=>{ try { return parseFloat(value || 0).toFixed(2); } catch (err) { return "0.00"; } }; return /*#__PURE__*/ React.createElement("div", { className: "flex min-h-screen w-full flex-col bg-white", __source: { fileName: "", lineNumber: 195, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "sticky top-0 z-10 bg-white shadow-md", __source: { fileName: "", lineNumber: 196, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-3 md:px-6", __source: { fileName: "", lineNumber: 197, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 198, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center", __source: { fileName: "", lineNumber: 199, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mr-3 h-10 w-16 rounded bg-[#0047AB] text-white", __source: { fileName: "", lineNumber: 200, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex h-full items-center justify-center font-bold", __source: { fileName: "", lineNumber: 201, columnNumber: 17 }, __self: this }, "BFS")), /*#__PURE__*/ React.createElement("h1", { className: "hidden text-lg font-bold text-gray-800 md:block", __source: { fileName: "", lineNumber: 205, columnNumber: 15 }, __self: this }, "Braun Finance Services"))), /*#__PURE__*/ React.createElement("div", { className: "hidden max-w-xl text-center text-sm text-gray-600 md:block", __source: { fileName: "", lineNumber: 211, columnNumber: 11 }, __self: this }, "Ihr vertrauenswürdiger Partner für Finanzen, Immobilien und Automobile."), userLoading ? /*#__PURE__*/ React.createElement("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-blue-200 border-t-[#0047AB]", __source: { fileName: "", lineNumber: 217, columnNumber: 13 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 219, columnNumber: 13 }, __self: this }, isAdmin && /*#__PURE__*/ React.createElement("a", { href: "/admin/account-management", className: "text-sm font-medium text-[#0047AB] hover:underline", __source: { fileName: "", lineNumber: 221, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog mr-1", __source: { fileName: "", lineNumber: 225, columnNumber: 19 }, __self: this }), "Admin"), user ? /*#__PURE__*/ React.createElement("a", { href: "/account/logout", className: "rounded-lg bg-[#0047AB] px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-[#003380]", __source: { fileName: "", lineNumber: 230, columnNumber: 17 }, __self: this }, "Abmelden") : /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "rounded-lg bg-[#0047AB] px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-[#003380]", __source: { fileName: "", lineNumber: 237, columnNumber: 17 }, __self: this }, "Anmelden")))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow px-4 py-8 md:px-6", __source: { fileName: "", lineNumber: 249, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto max-w-7xl", __source: { fileName: "", lineNumber: 250, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 flex items-center justify-between", __source: { fileName: "", lineNumber: 251, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-gray-800 md:text-3xl", __source: { fileName: "", lineNumber: 252, columnNumber: 13 }, __self: this }, "Geld-Dashboard"), /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-[#0047AB] hover:underline", __source: { fileName: "", lineNumber: 255, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 256, columnNumber: 15 }, __self: this }), "Zurück zur Startseite")), !user && !userLoading && /*#__PURE__*/ React.createElement("div", { className: "mb-8 rounded-lg bg-yellow-50 p-4 text-yellow-700", __source: { fileName: "", lineNumber: 261, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "flex items-center", __source: { fileName: "", lineNumber: 262, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle mr-2", __source: { fileName: "", lineNumber: 263, columnNumber: 17 }, __self: this }), "Bitte", " ", /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "mx-1 font-medium text-[#0047AB] hover:underline", __source: { fileName: "", lineNumber: 265, columnNumber: 17 }, __self: this }, "melden Sie sich an"), ", um auf Ihr Geld-Dashboard zuzugreifen.")), user && /*#__PURE__*/ React.createElement(React.Fragment, null, loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center py-12", __source: { fileName: "", lineNumber: 279, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-12 w-12 animate-spin rounded-full border-4 border-blue-200 border-t-[#0047AB]", __source: { fileName: "", lineNumber: 280, columnNumber: 19 }, __self: this })) : error ? /*#__PURE__*/ React.createElement("div", { className: "mb-8 rounded-lg bg-red-50 p-4 text-red-700", __source: { fileName: "", lineNumber: 283, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "flex items-center", __source: { fileName: "", lineNumber: 284, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 285, columnNumber: 21 }, __self: this }), error), /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.location.reload(), className: "mt-2 rounded bg-red-100 px-3 py-1 text-sm font-medium text-red-800 hover:bg-red-200", __source: { fileName: "", lineNumber: 288, columnNumber: 19 }, __self: this }, "Seite neu laden")) : /*#__PURE__*/ React.createElement("div", { className: "grid gap-8 md:grid-cols-2", __source: { fileName: "", lineNumber: 296, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-white p-6 shadow-md", __source: { fileName: "", lineNumber: 297, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-6 text-xl font-semibold text-gray-800", __source: { fileName: "", lineNumber: 298, columnNumber: 21 }, __self: this }, "Ihr Guthaben"), /*#__PURE__*/ React.createElement("div", { className: "mb-6 grid gap-4 md:grid-cols-2", __source: { fileName: "", lineNumber: 302, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-blue-50 p-4", __source: { fileName: "", lineNumber: 303, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-2 text-sm font-medium text-gray-500", __source: { fileName: "", lineNumber: 304, columnNumber: 25 }, __self: this }, "CHF Guthaben"), /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-[#0047AB]", __source: { fileName: "", lineNumber: 307, columnNumber: 25 }, __self: this }, formatNumber(account?.chf_balance), " CHF")), /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-blue-50 p-4", __source: { fileName: "", lineNumber: 312, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-2 text-sm font-medium text-gray-500", __source: { fileName: "", lineNumber: 313, columnNumber: 25 }, __self: this }, "BFS100 Guthaben"), /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-[#0047AB]", __source: { fileName: "", lineNumber: 316, columnNumber: 25 }, __self: this }, formatNumber(account?.bfs100_balance), " BFS100"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4 rounded-lg bg-gray-50 p-4", __source: { fileName: "", lineNumber: 322, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "mb-2 text-lg font-medium text-gray-800", __source: { fileName: "", lineNumber: 323, columnNumber: 23 }, __self: this }, "Über BFS100"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 326, columnNumber: 23 }, __self: this }, "BFS100 ist unsere interne Währung, die für spezielle Dienstleistungen und Rabatte innerhalb unseres Ökosystems verwendet werden kann. 1 BFS100 entspricht etwa 1 CHF an Wert.")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 334, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/investments", className: "rounded-lg bg-[#0047AB] px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-[#003380]", __source: { fileName: "", lineNumber: 335, columnNumber: 23 }, __self: this }, "Zu Ihren Investitionen"))), /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-white p-6 shadow-md", __source: { fileName: "", lineNumber: 344, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-6 text-xl font-semibold text-gray-800", __source: { fileName: "", lineNumber: 345, columnNumber: 21 }, __self: this }, "Guthaben aufladen"), formSubmitted ? /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-green-50 p-6 text-center", __source: { fileName: "", lineNumber: 350, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mb-2 text-3xl text-green-500", __source: { fileName: "", lineNumber: 351, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "mb-2 text-lg font-medium text-gray-800", __source: { fileName: "", lineNumber: 352, columnNumber: 25 }, __self: this }, "Anfrage gesendet!"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 355, columnNumber: 25 }, __self: this }, "Vielen Dank für Ihre Anfrage. Unser Team wird sich in Kürze mit Ihnen in Verbindung setzen.")) : /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 361, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 grid gap-4 md:grid-cols-2", __source: { fileName: "", lineNumber: 362, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 363, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "firstName", className: "mb-1 block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 364, columnNumber: 29 }, __self: this }, "Vorname"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "firstName", name: "firstName", value: formData.firstName, onChange: handleInputChange, required: true, className: "w-full rounded-lg border border-gray-300 p-2 focus:border-[#0047AB] focus:outline-none focus:ring-1 focus:ring-[#0047AB]", __source: { fileName: "", lineNumber: 370, columnNumber: 29 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 380, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "lastName", className: "mb-1 block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 381, columnNumber: 29 }, __self: this }, "Nachname"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "lastName", name: "lastName", value: formData.lastName, onChange: handleInputChange, required: true, className: "w-full rounded-lg border border-gray-300 p-2 focus:border-[#0047AB] focus:outline-none focus:ring-1 focus:ring-[#0047AB]", __source: { fileName: "", lineNumber: 387, columnNumber: 29 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-4 grid gap-4 md:grid-cols-2", __source: { fileName: "", lineNumber: 399, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 400, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "mb-1 block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 401, columnNumber: 29 }, __self: this }, "E-Mail"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", value: formData.email, onChange: handleInputChange, required: true, className: "w-full rounded-lg border border-gray-300 p-2 focus:border-[#0047AB] focus:outline-none focus:ring-1 focus:ring-[#0047AB]", __source: { fileName: "", lineNumber: 407, columnNumber: 29 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 417, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "phone", className: "mb-1 block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 418, columnNumber: 29 }, __self: this }, "Telefon"), /*#__PURE__*/ React.createElement("input", { type: "tel", id: "phone", name: "phone", value: formData.phone, onChange: handleInputChange, required: true, className: "w-full rounded-lg border border-gray-300 p-2 focus:border-[#0047AB] focus:outline-none focus:ring-1 focus:ring-[#0047AB]", __source: { fileName: "", lineNumber: 424, columnNumber: 29 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-4 grid gap-4 md:grid-cols-2", __source: { fileName: "", lineNumber: 436, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 437, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "currency", className: "mb-1 block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 438, columnNumber: 29 }, __self: this }, "Währung"), /*#__PURE__*/ React.createElement("select", { id: "currency", name: "currency", value: formData.currency, onChange: handleInputChange, className: "w-full rounded-lg border border-gray-300 p-2 focus:border-[#0047AB] focus:outline-none focus:ring-1 focus:ring-[#0047AB]", __source: { fileName: "", lineNumber: 444, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "CHF", __source: { fileName: "", lineNumber: 451, columnNumber: 31 }, __self: this }, "CHF"), /*#__PURE__*/ React.createElement("option", { value: "BFS100", __source: { fileName: "", lineNumber: 452, columnNumber: 31 }, __self: this }, "BFS100"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 455, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "amount", className: "mb-1 block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 456, columnNumber: 29 }, __self: this }, "Betrag"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "amount", name: "amount", value: formData.amount, onChange: handleInputChange, min: "1", step: "0.01", required: true, className: "w-full rounded-lg border border-gray-300 p-2 focus:border-[#0047AB] focus:outline-none focus:ring-1 focus:ring-[#0047AB]", __source: { fileName: "", lineNumber: 462, columnNumber: 29 }, __self: this }))), formError && /*#__PURE__*/ React.createElement("div", { className: "mb-4 rounded-lg bg-red-50 p-3 text-red-700", __source: { fileName: "", lineNumber: 477, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "flex items-center", __source: { fileName: "", lineNumber: 478, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 479, columnNumber: 31 }, __self: this }), formError)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 485, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: formLoading, className: "rounded-lg bg-[#0047AB] px-6 py-2 text-sm font-medium text-white transition-colors hover:bg-[#003380] disabled:bg-blue-300", __source: { fileName: "", lineNumber: 486, columnNumber: 27 }, __self: this }, formLoading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 492, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mr-2 h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent", __source: { fileName: "", lineNumber: 493, columnNumber: 33 }, __self: this }), "Wird gesendet...") : "Anfrage senden")))), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2", __source: { fileName: "", lineNumber: 505, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-white p-6 shadow-md", __source: { fileName: "", lineNumber: 506, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-6 text-xl font-semibold text-gray-800", __source: { fileName: "", lineNumber: 507, columnNumber: 23 }, __self: this }, "Transaktionshistorie"), transactions && transactions.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 512, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full table-auto", __source: { fileName: "", lineNumber: 513, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50 text-left text-xs font-semibold uppercase text-gray-500", __source: { fileName: "", lineNumber: 514, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 515, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "whitespace-nowrap px-4 py-3", __source: { fileName: "", lineNumber: 516, columnNumber: 33 }, __self: this }, "Datum"), /*#__PURE__*/ React.createElement("th", { className: "whitespace-nowrap px-4 py-3", __source: { fileName: "", lineNumber: 519, columnNumber: 33 }, __self: this }, "Beschreibung"), /*#__PURE__*/ React.createElement("th", { className: "whitespace-nowrap px-4 py-3", __source: { fileName: "", lineNumber: 522, columnNumber: 33 }, __self: this }, "Betrag"), /*#__PURE__*/ React.createElement("th", { className: "whitespace-nowrap px-4 py-3", __source: { fileName: "", lineNumber: 525, columnNumber: 33 }, __self: this }, "Währung"), /*#__PURE__*/ React.createElement("th", { className: "whitespace-nowrap px-4 py-3", __source: { fileName: "", lineNumber: 528, columnNumber: 33 }, __self: this }, "Status"))), /*#__PURE__*/ React.createElement("tbody", { className: "divide-y divide-gray-200", __source: { fileName: "", lineNumber: 533, columnNumber: 29 }, __self: this }, transactions.map((transaction)=>/*#__PURE__*/ React.createElement("tr", { key: transaction.id, className: "hover:bg-gray-50", __source: { fileName: "", lineNumber: 535, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "whitespace-nowrap px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 539, columnNumber: 35 }, __self: this }, formatDate(transaction.created_at)), /*#__PURE__*/ React.createElement("td", { className: "px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 542, columnNumber: 35 }, __self: this }, transaction.description || "Keine Beschreibung"), /*#__PURE__*/ React.createElement("td", { className: `whitespace-nowrap px-4 py-3 text-sm font-medium ${parseFloat(transaction.amount) > 0 ? "text-green-600" : "text-red-600"}`, __source: { fileName: "", lineNumber: 546, columnNumber: 35 }, __self: this }, parseFloat(transaction.amount) > 0 ? "+" : "", formatNumber(transaction.amount)), /*#__PURE__*/ React.createElement("td", { className: "whitespace-nowrap px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 558, columnNumber: 35 }, __self: this }, transaction.currency || "CHF"), /*#__PURE__*/ React.createElement("td", { className: "whitespace-nowrap px-4 py-3 text-sm", __source: { fileName: "", lineNumber: 561, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `inline-flex rounded-full px-2 py-1 text-xs font-semibold ${transaction.status === "completed" ? "bg-green-100 text-green-800" : transaction.status === "pending" ? "bg-yellow-100 text-yellow-800" : "bg-red-100 text-red-800"}`, __source: { fileName: "", lineNumber: 562, columnNumber: 37 }, __self: this }, transaction.status === "completed" ? "Abgeschlossen" : transaction.status === "pending" ? "Ausstehend" : "Fehlgeschlagen"))))))) : /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-gray-50 p-8 text-center text-gray-500", __source: { fileName: "", lineNumber: 584, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-history mb-2 text-3xl", __source: { fileName: "", lineNumber: 585, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 586, columnNumber: 27 }, __self: this }, "Keine Transaktionen gefunden.")))))))), /*#__PURE__*/ React.createElement("footer", { className: "mt-auto bg-[#0047AB] py-8 text-white", __source: { fileName: "", lineNumber: 598, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mx-auto max-w-6xl px-4", __source: { fileName: "", lineNumber: 599, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", __source: { fileName: "", lineNumber: 600, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 601, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "mb-4 text-xl font-bold", __source: { fileName: "", lineNumber: 602, columnNumber: 15 }, __self: this }, "BFS Braun Finance Services"), /*#__PURE__*/ React.createElement("p", { className: "mb-2 text-sm", __source: { fileName: "", lineNumber: 605, columnNumber: 15 }, __self: this }, "Ihr vertrauenswürdiger Partner für Finanzen, Immobilien und Automobile."), /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex space-x-4", __source: { fileName: "", lineNumber: 609, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white hover:text-blue-200", __source: { fileName: "", lineNumber: 610, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook-f", __source: { fileName: "", lineNumber: 611, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white hover:text-blue-200", __source: { fileName: "", lineNumber: 613, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter", __source: { fileName: "", lineNumber: 614, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white hover:text-blue-200", __source: { fileName: "", lineNumber: 616, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin-in", __source: { fileName: "", lineNumber: 617, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white hover:text-blue-200", __source: { fileName: "", lineNumber: 619, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram", __source: { fileName: "", lineNumber: 620, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 624, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "mb-4 text-xl font-bold", __source: { fileName: "", lineNumber: 625, columnNumber: 15 }, __self: this }, "Impressum"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2 text-sm", __source: { fileName: "", lineNumber: 626, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 627, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 628, columnNumber: 19 }, __self: this }, "Firma:"), " Swiss Finanz & Treuhand AG"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 630, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 631, columnNumber: 19 }, __self: this }, "Firmensitz:"), " Rotkreuz / ZG"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 633, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 634, columnNumber: 19 }, __self: this }, "Adresse:"), " Birkenstrasse 47, 6343 Rotkreuz"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 636, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 637, columnNumber: 19 }, __self: this }, "Status:"), " Aktiv"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 639, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 640, columnNumber: 19 }, __self: this }, "Rechtsform:"), " Aktiengesellschaft"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 642, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 643, columnNumber: 19 }, __self: this }, "ID:"), " CHE-360.121.732")))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 border-t border-blue-400 pt-6 text-center text-sm", __source: { fileName: "", lineNumber: 648, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 649, columnNumber: 13 }, __self: this }, "© 2025 BFS Braun Finance Services. Alle Rechte vorbehalten."))))); }