desing landig wip

This commit is contained in:
salam committed 2025-09-11 14:19:51 +02:00
1 parent ff672c3371
commit 00f46f7fa6
1 file changed
+481 -160
+481 -160
View File
@@ -1,203 +1,402 @@
<!DOCTYPE html> <html lang="de" dir="ltr" class="fi">
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="csrf-token" content="Vc1BYBrbgKmVAES1sHttXJ2sKIGBOYPDvJAOpJOj">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ config('app.name', 'Nutzwerte') }}</title> <link rel="icon" href="http://nutzwerte_fi4.test/images/favicon.svg">
<link rel="icon" href="http://nutzwerte_fi4.test/images/favicon.svg" />
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Fascinate&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
rel="stylesheet">
@vite(['resources/css/app.css', 'resources/js/app.js'])
<title>
Anmelden - Nutzwerte
</title>
<style>
[x-cloak=''],
[x-cloak='x-cloak'],
[x-cloak='1'] {
display: none !important;
}
[x-cloak='inline-flex'] {
display: inline-flex !important;
}
@media (max-width: 1023px) {
[x-cloak='-lg'] {
display: none !important;
}
}
@media (min-width: 1024px) {
[x-cloak='lg'] {
display: none !important;
}
}
</style>
<link href="http://nutzwerte_fi4.test/css/swisnl/filament-backgrounds/filament-backgrounds-styles.css?v=2.0.0.0"
rel="stylesheet" data-navigate-track="">
<link href="http://nutzwerte_fi4.test/fonts/filament/filament/inter/index.css?v=4.0.8.0" rel="stylesheet"
data-navigate-track="">
<style>
:root {
--filament-backgrounds-image: url("http://nutzwerte_fi4.test/images/backgrounds/bg1.jpg");
--danger-50: oklch(0.971 0.013 17.38);
--danger-100: oklch(0.936 0.032 17.717);
--danger-200: oklch(0.885 0.062 18.334);
--danger-300: oklch(0.808 0.114 19.571);
--danger-400: oklch(0.704 0.191 22.216);
--danger-500: oklch(0.637 0.237 25.331);
--danger-600: oklch(0.577 0.245 27.325);
--danger-700: oklch(0.505 0.213 27.518);
--danger-800: oklch(0.444 0.177 26.899);
--danger-900: oklch(0.396 0.141 25.723);
--danger-950: oklch(0.258 0.092 26.042);
--gray-50: oklch(0.985 0 0);
--gray-100: oklch(0.967 0.001 286.375);
--gray-200: oklch(0.92 0.004 286.32);
--gray-300: oklch(0.871 0.006 286.286);
--gray-400: oklch(0.705 0.015 286.067);
--gray-500: oklch(0.552 0.016 285.938);
--gray-600: oklch(0.442 0.017 285.786);
--gray-700: oklch(0.37 0.013 285.805);
--gray-800: oklch(0.274 0.006 286.033);
--gray-900: oklch(0.21 0.006 285.885);
--gray-950: oklch(0.141 0.005 285.823);
--info-50: oklch(0.97 0.014 254.604);
--info-100: oklch(0.932 0.032 255.585);
--info-200: oklch(0.882 0.059 254.128);
--info-300: oklch(0.809 0.105 251.813);
--info-400: oklch(0.707 0.165 254.624);
--info-500: oklch(0.623 0.214 259.815);
--info-600: oklch(0.546 0.245 262.881);
--info-700: oklch(0.488 0.243 264.376);
--info-800: oklch(0.424 0.199 265.638);
--info-900: oklch(0.379 0.146 265.522);
--info-950: oklch(0.282 0.091 267.935);
--primary-50: oklch(0.985 0.002 247.839);
--primary-100: oklch(0.967 0.003 264.542);
--primary-200: oklch(0.928 0.006 264.531);
--primary-300: oklch(0.872 0.01 258.338);
--primary-400: oklch(0.707 0.022 261.325);
--primary-500: oklch(0.551 0.027 264.364);
--primary-600: oklch(0.446 0.03 256.802);
--primary-700: oklch(0.373 0.034 259.733);
--primary-800: oklch(0.278 0.033 256.848);
--primary-900: oklch(0.21 0.034 264.665);
--primary-950: oklch(0.13 0.028 261.692);
--success-50: oklch(0.982 0.018 155.826);
--success-100: oklch(0.962 0.044 156.743);
--success-200: oklch(0.925 0.084 155.995);
--success-300: oklch(0.871 0.15 154.449);
--success-400: oklch(0.792 0.209 151.711);
--success-500: oklch(0.723 0.219 149.579);
--success-600: oklch(0.627 0.194 149.214);
--success-700: oklch(0.527 0.154 150.069);
--success-800: oklch(0.448 0.119 151.328);
--success-900: oklch(0.393 0.095 152.535);
--success-950: oklch(0.266 0.065 152.934);
--warning-50: oklch(0.987 0.022 95.277);
--warning-100: oklch(0.962 0.059 95.617);
--warning-200: oklch(0.924 0.12 95.746);
--warning-300: oklch(0.879 0.169 91.605);
--warning-400: oklch(0.828 0.189 84.429);
--warning-500: oklch(0.769 0.188 70.08);
--warning-600: oklch(0.666 0.179 58.318);
--warning-700: oklch(0.555 0.163 48.998);
--warning-800: oklch(0.473 0.137 46.201);
--warning-900: oklch(0.414 0.112 45.904);
--warning-950: oklch(0.279 0.077 45.635);
--secondary-50: oklch(0.962 0.018 272.314);
--secondary-100: oklch(0.93 0.034 272.788);
--secondary-200: oklch(0.87 0.065 274.039);
--secondary-300: oklch(0.785 0.115 274.713);
--secondary-400: oklch(0.673 0.182 276.935);
--secondary-500: oklch(0.585 0.233 277.117);
--secondary-600: oklch(0.511 0.262 276.966);
--secondary-700: oklch(0.457 0.24 277.023);
--secondary-800: oklch(0.398 0.195 277.366);
--secondary-900: oklch(0.359 0.144 278.697);
--secondary-950: oklch(0.257 0.09 281.288);
}
.fi-color-secondary {
--color-50: var(--secondary-50);
--color-100: var(--secondary-100);
--color-200: var(--secondary-200);
--color-300: var(--secondary-300);
--color-400: var(--secondary-400);
--color-500: var(--secondary-500);
--color-600: var(--secondary-600);
--color-700: var(--secondary-700);
--color-800: var(--secondary-800);
--color-900: var(--secondary-900);
--color-950: var(--secondary-950);
}
</style>
<link rel="stylesheet" href="http://[::1]:5173/resources/css/filament/admin/theme.css" data-navigate-track="reload">
<style>
:root {
--font-family: 'Inter Variable';
--mono-font-family: 'ui-monospace';
--serif-font-family: 'ui-serif';
--sidebar-width: 20rem;
--collapsed-sidebar-width: 4.5rem;
--default-theme-mode: system;
}
</style>
<script>
const loadDarkMode = () => {
window.theme = localStorage.getItem('theme') ?? 'system'
if (
window.theme === 'dark' ||
(window.theme === 'system' &&
window.matchMedia('(prefers-color-scheme: dark)')
.matches)
) {
document.documentElement.classList.add('dark')
}
}
loadDarkMode()
document.addEventListener('livewire:navigated', loadDarkMode)
</script>
<!-- Livewire Styles -->
<style>
[wire\:loading][wire\:loading],
[wire\:loading\.delay][wire\:loading\.delay],
[wire\:loading\.inline-block][wire\:loading\.inline-block],
[wire\:loading\.inline][wire\:loading\.inline],
[wire\:loading\.block][wire\:loading\.block],
[wire\:loading\.flex][wire\:loading\.flex],
[wire\:loading\.table][wire\:loading\.table],
[wire\:loading\.grid][wire\:loading\.grid],
[wire\:loading\.inline-flex][wire\:loading\.inline-flex] {
display: none;
}
[wire\:loading\.delay\.none][wire\:loading\.delay\.none],
[wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest],
[wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter],
[wire\:loading\.delay\.short][wire\:loading\.delay\.short],
[wire\:loading\.delay\.default][wire\:loading\.delay\.default],
[wire\:loading\.delay\.long][wire\:loading\.delay\.long],
[wire\:loading\.delay\.longer][wire\:loading\.delay\.longer],
[wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {
display: none;
}
[wire\:offline][wire\:offline] {
display: none;
}
[wire\:dirty]:not(textarea):not(input):not(select) {
display: none;
}
:root {
--livewire-progress-bar-color: #2299dd;
}
[x-cloak] {
display: none !important;
}
[wire\:cloak] {
display: none !important;
}
</style>
<style>
/* Make clicks pass-through */
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: var(--livewire-progress-bar-color, #29d);
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px var(--livewire-progress-bar-color, #29d), 0 0 5px var(--livewire-progress-bar-color, #29d);
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: var(--livewire-progress-bar-color, #29d);
border-left-color: var(--livewire-progress-bar-color, #29d);
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes nprogress-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
</head> </head>
{{-- --}} <body class="fi-body fi-panel-admin">
<body style="background-image: url('images/backgrounds/bg1.jpg');" class="bg-cover items-center min-h-screen flex-col">
<header class="w-full lg:max-w-4xl max-w-[335px] text-sm mb-6 not-has-[nav]:hidden ">
@if (Route::has('login'))
<nav class="flex items-center justify-end gap-4">
@auth
<a href="{{ url('/dashboard') }}"
class="inline-block px-5 py-1.5 dark:text-[#EDEDEC] border-[#19140035] hover:border-[#1915014a] border text-[#1b1b18] dark:border-[#3E3E3A] dark:hover:border-[#62605b] rounded-sm text-sm leading-normal">
Dashboard
</a>
@else
<a href="{{ route('login') }}"
class="inline-block px-5 py-1.5 dark:text-[#EDEDEC] text-[#1b1b18] border border-transparent hover:border-[#19140035] dark:hover:border-[#3E3E3A] rounded-sm text-sm leading-normal">
Log in
</a>
@if (Route::has('register')) <div class="fi-simple-layout">
<a href="{{ route('register') }}"
class="inline-block px-5 py-1.5 dark:text-[#EDEDEC] border-[#19140035] hover:border-[#1915014a] border text-[#1b1b18] dark:border-[#3E3E3A] dark:hover:border-[#62605b] rounded-sm text-sm leading-normal">
Register
</a>
@endif
@endauth
</nav>
@endif
</header>
<!-- Hero -->
<main class="flex items-center justify-center w-full">
<div class="flex items-center h-screen">
<div class="max-w-lg py-10 bg-white/50 dark:bg-black/80 rounded-2xl overflow-hidden ">
<a class="flex gap-1 justify-center" href="/app">
<div class="w-6 pt-0.5 dark:text-gray-300">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-aperture-icon lucide-aperture">
<circle cx="12" cy="12" r="10" />
<path d="m14.31 8 5.74 9.94" />
<path d="M9.69 8h11.48" />
<path d="m7.38 12 5.74-9.94" />
<path d="M9.69 16 3.95 6.06" />
<path d="M14.31 16H2.83" />
<path d="m16.62 12-5.74 9.94" />
</svg>
</div>
<div
class="text-2xl leading-none font-black tracking-tighter dark:text-gray-300 text-shadow-md dark:text-shadow-none">
nutzwerte.at
<div class="text-xs font-light">Software für Architekten</div>
</div>
</a>
<div class=" mx-auto px-4 sm:px-6 lg:px-8 pt-10 pb-10">
<!-- Announcement Banner -->
<div class="flex justify-center">
<a class="inline-flex items-center gap-x-2 bg-white border border-gray-200 text-xs p-2 px-3 rounded-full transition hover:border-gray-300 focus:outline-hidden focus:border-gray-300 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-100 dark:hover:border-neutral-600 dark:focus:border-neutral-600"
href="#">
Vorteile diese Programmes
<span class="flex items-center gap-x-1">
<span
class="border-s border-gray-200 text-blue-600 ps-2 dark:text-blue-500 dark:border-neutral-700">Entdecken</span>
<svg class="shrink-0 size-4 text-blue-600" xmlns="http://www.w3.org/2000/svg"
width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<path d="m9 18 6-6-6-6" />
</svg>
</span>
</a>
</div>
<!-- End Announcement Banner -->
<!-- Title -->
<div class="my-10 text-center mx-auto">
<h1
class="block font-thin text-gray-800 text-5xl uppercase font-stretch-extra-condensed dark:text-gray-300">
Nutzwertgutachten
</h1>
</div>
<!-- End Title -->
<div class="mt-5 text-center mx-auto text-md dark:text-gray-300"> <div class="fi-simple-main-ctn">
Die Nutzwertberechnung ist ein Gutachten im österreichischen Wohnungseigentumsrecht, das das <main class="fi-simple-main fi-width-lg">
Verhältnis der einzelnen Eigentumsanteile innerhalb eines Gebäudes bestimmt. <div class="fi-simple-page-content">
</div> <header class="fi-simple-header">
<div style="height: 2.6rem;" class="fi-logo">
<!-- Buttons --> <a class="flex gap-1 justify-center" href="/">
<div class="mt-15 gap-3 flex justify-center"> <div class="w-6 pt-0.5">
<a class="inline-flex justify-center items-center gap-x-3 text-center bg-gray-500 hover:bg-gray-600 text-white text-sm font-medium rounded-lg py-0 px-8"
href="/app">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-user-round-check-icon lucide-user-round-check">
<path d="M2 21a8 8 0 0 1 13.292-6" />
<circle cx="10" cy="8" r="5" />
<path d="m16 19 2 2 4-4" />
</svg>
Anmelden
</a>
<a class="inline-flex justify-center items-center gap-x-3 text-center bg-gray-100 hover:bg-gray-200 text-black text-sm font-medium rounded-lg py-2 px-7"
href="/register">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" class="lucide lucide-user-plus-icon lucide-user-plus">
<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" />
<circle cx="9" cy="7" r="4" />
<line x1="19" x2="19" y1="8" y2="14" />
<line x1="22" x2="16" y1="11" y2="11" />
</svg>
Registrieren
</a>
</div>
<!-- End Buttons -->
</div>
</div>
</div>
</main>
<!-- End Hero -->
{{-- <main class="flex items-center justify-center w-full">
<div class="flex pt-12 px-6 md:px-20 items-center md:h-screen overflow-hidden">
<div
class="flex flex-col gap-6 md:flex-row items-center max-w-5xl drop-shadow-2xl p-10 rounded-2xl bg-white/85">
<div class="w-full md:w-1/2 lg:pr-32">
<a class="flex gap-1 justify-center" href="/app">
<div class="w-6 pt-0.5 text-primary-700">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" stroke-width="2" stroke-linecap="round"
class="lucide lucide-aperture-icon lucide-aperture"> stroke-linejoin="round" class="lucide lucide-aperture-icon lucide-aperture">
<circle cx="12" cy="12" r="10" /> <circle cx="12" cy="12" r="10"></circle>
<path d="m14.31 8 5.74 9.94" /> <path d="m14.31 8 5.74 9.94"></path>
<path d="M9.69 8h11.48" /> <path d="M9.69 8h11.48"></path>
<path d="m7.38 12 5.74-9.94" /> <path d="m7.38 12 5.74-9.94"></path>
<path d="M9.69 16 3.95 6.06" /> <path d="M9.69 16 3.95 6.06"></path>
<path d="M14.31 16H2.83" /> <path d="M14.31 16H2.83"></path>
<path d="m16.62 12-5.74 9.94" /> <path d="m16.62 12-5.74 9.94"></path>
</svg> </svg>
</div> </div>
<div <div
class="text-2xl leading-none font-black tracking-tighter text-primary-700 text-shadow-md dark:text-shadow-none"> class="text-2xl leading-none font-black tracking-tighter text-shadow-md dark:text-shadow-none">
nutzwerte.at nutzwerte.at
<div class="text-xs font-light">Software für Architekten</div> <div class="text-xs font-light">Software für Architekten</div>
</div> </div>
</a> </a>
</div>
</header>
<div class=" text-gray-700 dark:text-gray-200">
<div class="text-center mx-auto font-thin text-3xl uppercase font-stretch-extra-condensed">
Nutzwertgutachten
</div>
<p <p
class="ml-5 my-6 md:mt-10 text-md text-center md:text-left text-gray-700 font-light tracking-wider leading-relaxed"> class="my-6 md:mt-10 text-md text-center md:text-left font-light tracking-wider leading-relaxed">
Die Nutzwertberechnung ist ein Gutachten im Die Nutzwertberechnung ist ein Gutachten im
österreichischen Wohnungseigentumsrecht, das das Verhältnis der einzelnen Eigentumsanteile österreichischen Wohnungseigentumsrecht, das das Verhältnis der einzelnen
Eigentumsanteile
innerhalb eines Gebäudes bestimmt. innerhalb eines Gebäudes bestimmt.
</p> </p>
<div class="mt-10 flex flex-col sm:flex-row justify-center md:justify-start"> <div class="mt-15 flex justify-center">
<a href="/app" <a href="/app"
class="w-full text-center sm:w-40 px-4 py-3 rounded font-semibold text-md bg-blue-500 text-white border-2 border-blue-500"> class="w-full text-center sm:w-40 px-4 py-3 rounded font-semibold text-md bg-primary-500 text-white border-2 border-primary-500">
Anmelden Anmelden
</a> </a>
<a href="/app/register" <a href="/app/register"
class="w-full text-center mt-4 sm:mt-0 sm:ml-4 sm:w-40 px-4 py-3 rounded font-semibold text-md bg-white text-blue-500 border border-slate-300"> class="w-full text-center mt-4 sm:mt-0 sm:ml-4 sm:w-40 px-4 py-3 rounded font-semibold text-md bg-white text-primary-500 border border-slate-300">
Registrieren Konto eröffnen
</a> </a>
</div> </div>
</div> </div>
<div class="w-full md:w-1/2 flex justify-center md:justify-end">
<img src="images/backgrounds/b3.jpg" class=" border border-slate-400 rounded">
<div wire:partial="action-modals" x-data="filamentActionModals({
livewireId: 'XbZl9uz33EsfO3bI7F8f',
})" style="height: 0">
</div> </div>
</main>
</div> </div>
</div>
</main> --}} <footer class="fixed bottom-0 z-20 p-4">
<footer class="fixed bottom-0 z-20 p-4 left-2/5 dark:text-white">
<a href="https://webwerkstatt.tirol" target="_blank" <a href="https://webwerkstatt.tirol" target="_blank"
class="mx-auto cursor-pointer text-xs bg-white dark:bg-black px-2 rounded-sm flex"> class="mx-auto cursor-pointer text-xs bg-white dark:bg-black px-2 rounded-sm opacity-70 flex">
<span>&copy 2007-{{ date('Y') }} &middot; </span> <span>© 2007-2025 · </span>
<span class="font-semibold tracking-tight text-xs ml-1"> <span class="font-semibold tracking-tight text-xs ml-1">
Web<span class="text-blue-500">Werkstatt</span><span class="text-slate-500">.tirol</span> Web<span class="text-primary-700 dark:text-primary-300">Werkstatt</span><span
class="text-slate-700">.tirol</span>
</span> </span>
<div class="w-4 ml-1"> <div class="w-4 ml-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<path fill="currentColor" <path fill="currentColor"
d="M164 78a26 26 0 1 0-26-26a26 26 0 0 0 26 26m0-40a14 14 0 1 1-14 14a14 14 0 0 1 14-14m89.16 158.94l-54.56-92.08a13.9 13.9 0 0 0-12-6.86a13.88 13.88 0 0 0-12 6.86l-27.88 47.05l-46.56-79a14 14 0 0 0-24.13 0L2.83 197A6 6 0 0 0 8 206h240a6 6 0 0 0 5.16-9.06M86.27 79a2 2 0 0 1 3.46 0l25.34 43H60.93ZM18.5 194l35.36-60h68.29l19.3 32.77l16 27.2Zm152.93 0l-17.85-30.29L184.83 111a2 2 0 0 1 1.72-1a1.93 1.93 0 0 1 1.72 1l49.2 83Z" /> d="M164 78a26 26 0 1 0-26-26a26 26 0 0 0 26 26m0-40a14 14 0 1 1-14 14a14 14 0 0 1 14-14m89.16 158.94l-54.56-92.08a13.9 13.9 0 0 0-12-6.86a13.88 13.88 0 0 0-12 6.86l-27.88 47.05l-46.56-79a14 14 0 0 0-24.13 0L2.83 197A6 6 0 0 0 8 206h240a6 6 0 0 0 5.16-9.06M86.27 79a2 2 0 0 1 3.46 0l25.34 43H60.93ZM18.5 194l35.36-60h68.29l19.3 32.77l16 27.2Zm152.93 0l-17.85-30.29L184.83 111a2 2 0 0 1 1.72-1a1.93 1.93 0 0 1 1.72 1l49.2 83Z">
</path>
</svg> </svg>
</div> </div>
</a> </a>
@@ -205,9 +404,131 @@
@if (Route::has('login')) </div>
<div class="h-14.5 hidden lg:block"></div>
@endif <div wire:snapshot="{&quot;data&quot;:{&quot;isFilamentNotificationsComponent&quot;:true,&quot;notifications&quot;:[[],{&quot;class&quot;:&quot;Filament\\Notifications\\Collection&quot;,&quot;s&quot;:&quot;wrbl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;1dMHz2ukDU8QDfO3JmPZ&quot;,&quot;name&quot;:&quot;filament.livewire.notifications&quot;,&quot;path&quot;:&quot;app\/login&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;de&quot;},&quot;checksum&quot;:&quot;a664db8a2c946b6eff2223314e480f389fa388ee0cab48f8af24bdda8ac520d0&quot;}"
wire:effects="{&quot;partials&quot;:[],&quot;listeners&quot;:[&quot;notificationsSent&quot;,&quot;notificationSent&quot;,&quot;notificationClosed&quot;]}"
wire:id="1dMHz2ukDU8QDfO3JmPZ">
<div class="fi-no fi-align-right fi-vertical-align-start" role="status">
</div>
</div>
<script>
window.filamentData = []
</script>
<script src="http://nutzwerte_fi4.test/js/filament/actions/actions.js?v=4.0.8.0"></script>
<script src="http://nutzwerte_fi4.test/js/filament/notifications/notifications.js?v=4.0.8.0"></script>
<script src="http://nutzwerte_fi4.test/js/filament/schemas/schemas.js?v=4.0.8.0"></script>
<script src="http://nutzwerte_fi4.test/js/filament/support/support.js?v=4.0.8.0"></script>
<script src="http://nutzwerte_fi4.test/js/filament/tables/tables.js?v=4.0.8.0"></script>
<script src="http://nutzwerte_fi4.test/js/filament/filament/echo.js?v=4.0.8.0"></script>
<script src="http://nutzwerte_fi4.test/js/filament/filament/app.js?v=4.0.8.0"></script>
<style>
:root {}
</style>
<script>
loadDarkMode()
</script>
<div class="fixed w-full flex p-4 z-40 auth-theme-switcher top-0 justify-center">
<div class="rounded-lg bg-gray-50 dark:bg-gray-950">
<div x-data="{
theme: null,
init: function() {
this.theme = localStorage.getItem('theme') || 'system'
$dispatch('theme-changed', theme)
$watch('theme', (theme) => {
$dispatch('theme-changed', theme)
})
},
}" class="fi-theme-switcher grid grid-flow-col gap-x-1">
<button aria-label="Light Mode einschalten" type="button"
x-bind:class="theme === 'light' ? 'bg-gray-50 text-primary-500 dark:bg-white/5 dark:text-primary-400' :
'text-gray-400 hover:text-gray-500 focus:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus:text-gray-400'"
x-on:click="(theme = 'light')"
x-tooltip="{
content: 'Light Mode einschalten',
theme: $store.theme,
}"
class="flex justify-center rounded-lg p-2 outline-none transition duration-75 hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-white/5 dark:focus:bg-white/5 bg-gray-50 text-primary-500 dark:bg-white/5 dark:text-primary-400">
<svg class="fi-icon fi-size-md h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true" data-slot="icon">
<path
d="M10 2a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 2ZM10 15a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5A.75.75 0 0 1 10 15ZM10 7a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM15.657 5.404a.75.75 0 1 0-1.06-1.06l-1.061 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM6.464 14.596a.75.75 0 1 0-1.06-1.06l-1.06 1.06a.75.75 0 0 0 1.06 1.06l1.06-1.06ZM18 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 18 10ZM5 10a.75.75 0 0 1-.75.75h-1.5a.75.75 0 0 1 0-1.5h1.5A.75.75 0 0 1 5 10ZM14.596 15.657a.75.75 0 0 0 1.06-1.06l-1.06-1.061a.75.75 0 1 0-1.06 1.06l1.06 1.06ZM5.404 6.464a.75.75 0 0 0 1.06-1.06l-1.06-1.06a.75.75 0 1 0-1.061 1.06l1.06 1.06Z">
</path>
</svg>
</button>
<button aria-label="Dark Mode einschalten" type="button"
x-bind:class="theme === 'dark' ? 'bg-gray-50 text-primary-500 dark:bg-white/5 dark:text-primary-400' :
'text-gray-400 hover:text-gray-500 focus:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus:text-gray-400'"
x-on:click="(theme = 'dark')"
x-tooltip="{
content: 'Dark Mode einschalten',
theme: $store.theme,
}"
class="flex justify-center rounded-lg p-2 outline-none transition duration-75 hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-white/5 dark:focus:bg-white/5 text-gray-400 hover:text-gray-500 focus:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus:text-gray-400">
<svg class="fi-icon fi-size-md h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd"
d="M7.455 2.004a.75.75 0 0 1 .26.77 7 7 0 0 0 9.958 7.967.75.75 0 0 1 1.067.853A8.5 8.5 0 1 1 6.647 1.921a.75.75 0 0 1 .808.083Z"
clip-rule="evenodd"></path>
</svg>
</button>
<button aria-label="Systemthema benutzen" type="button"
x-bind:class="theme === 'system' ? 'bg-gray-50 text-primary-500 dark:bg-white/5 dark:text-primary-400' :
'text-gray-400 hover:text-gray-500 focus:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus:text-gray-400'"
x-on:click="(theme = 'system')"
x-tooltip="{
content: 'Systemthema benutzen',
theme: $store.theme,
}"
class="flex justify-center rounded-lg p-2 outline-none transition duration-75 hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-white/5 dark:focus:bg-white/5 text-gray-400 hover:text-gray-500 focus:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus:text-gray-400">
<svg class="fi-icon fi-size-md h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true" data-slot="icon">
<path fill-rule="evenodd"
d="M2 4.25A2.25 2.25 0 0 1 4.25 2h11.5A2.25 2.25 0 0 1 18 4.25v8.5A2.25 2.25 0 0 1 15.75 15h-3.105a3.501 3.501 0 0 0 1.1 1.677A.75.75 0 0 1 13.26 18H6.74a.75.75 0 0 1-.484-1.323A3.501 3.501 0 0 0 7.355 15H4.25A2.25 2.25 0 0 1 2 12.75v-8.5Zm1.5 0a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v7.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-7.5Z"
clip-rule="evenodd"></path>
</svg>
</button>
</div>
</div>
</div>
<!-- Livewire Scripts -->
<script src="/livewire/livewire.js?id=df3a17f2" data-csrf="Vc1BYBrbgKmVAES1sHttXJ2sKIGBOYPDvJAOpJOj"
data-update-uri="/livewire/update" data-navigate-once="true"></script>
</body> </body>
</html> </html>