{{-- resources/views/auth/login.blade.php --}}
@extends('layouts.blank')

@section('title', 'Login')

@section('content')
    <div class="flex items-center justify-center p-6 w-full">
        <livewire:auth.login-form />
    </div>
@endsection
{{-- resources/views/auth/login.blade.php --}}
{{--@extends('layouts.app')--}}

{{--@section('title', 'Login')--}}

{{--@section('content')--}}
{{--    <div class="min-h-[86vh] grid place-items-center px-4--}}
{{--            bg-[radial-gradient(1200px_600px_at_10%_-10%,rgba(59,130,246,.08),transparent),--}}
{{--                radial-gradient(900px_500px_at_90%_0%,rgba(99,102,241,.06),transparent)]">--}}

{{--        <div class="nx-card w-full max-w-[520px]">--}}
{{--            --}}{{-- Header-Chip + Icon --}}
{{--            <div class="flex items-center justify-between mb-5">--}}
{{--                <span class="nx-chip">Erster Login</span>--}}
{{--                <i class="ph ph-lock-simple text-white/60"></i>--}}
{{--            </div>--}}

{{--            <p class="nx-subtle mb-7">--}}
{{--                Melde dich mit dem einmaligen Bootstrap-Konto an, um den Setup-Wizard zu starten.--}}
{{--            </p>--}}

{{--            --}}{{-- Fehler (optional) --}}
{{--            @if(session('error'))--}}
{{--                <div class="nx-alert mb-6">--}}
{{--                    <i class="ph ph-warning-circle text-rose-300"></i>--}}
{{--                    <div>--}}
{{--                        <p class="font-medium">Anmeldung fehlgeschlagen</p>--}}
{{--                        <p class="text-sm/5 text-rose-200/90">{{ session('error') }}</p>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            @endif--}}

{{--            --}}{{-- Formular --}}
{{--            <form method="POST" action="{{ route('login') }}" class="Space-y-5">--}}
{{--                @csrf--}}

{{--                <label class="nx-label" for="email">E-Mail</label>--}}
{{--                <input id="email" name="email" type="email" autocomplete="username" autofocus--}}
{{--                       class="nx-input" value="{{ old('email') }}"/>--}}

{{--                <label class="nx-label" for="password">Passwort</label>--}}
{{--                <div class="relative">--}}
{{--                    <input id="password" name="password" type="password" autocomplete="current-password" class="nx-input pr-10"/>--}}
{{--                    <button type="button" class="nx-eye" onclick="this.previousElementSibling.type = this.previousElementSibling.type==='password'?'text':'password'">--}}
{{--                        <i class="ph ph-eye text-white/60"></i>--}}
{{--                    </button>--}}
{{--                </div>--}}

{{--                <div class="flex items-center justify-between pt-1">--}}
{{--                    <label class="inline-flex items-center gap-2 text-sm text-white/70">--}}
{{--                        <input type="checkbox" name="remember" class="nx-check"> Session merken--}}
{{--                    </label>--}}
{{--                    <a class="nx-link" href="#">Zugang zurücksetzen</a>--}}
{{--                </div>--}}

{{--                <button type="submit" class="nx-btn w-full">Anmelden</button>--}}
{{--            </form>--}}

{{--            --}}{{-- Optional: Provider-Buttons --}}
{{--            --}}{{-- <div class="nx-divider">oder verbinden via</div>--}}
{{--            <div class="grid grid-cols-2 gap-3 mt-4">--}}
{{--              <button class="nx-btn-ghost"><i class="ph ph-google-logo mr-2"></i> Google</button>--}}
{{--              <button class="nx-btn-ghost"><i class="ph ph-github-logo mr-2"></i> GitHub</button>--}}
{{--            </div> --}}
{{--        </div>--}}
{{--    </div>--}}
{{--@endsection--}}