<x-guest-layout>
    <div class="mb-4"><span class="eyebrow">ACCESO ADMINISTRATIVO</span><h2 class="auth-title">Iniciar sesión</h2><p class="auth-subtitle">Ingresa tus credenciales para continuar.</p></div>
    @if(session('status'))<div class="alert alert-success">{{ session('status') }}</div>@endif
    <form method="POST" action="{{ route('login') }}">@csrf
        <div class="mb-3"><label for="email" class="form-label">Correo electrónico</label><div class="input-icon"><i data-lucide="mail"></i><input id="email" class="form-control @error('email') is-invalid @enderror" type="email" name="email" value="{{ old('email') }}" required autofocus autocomplete="username" placeholder="nombre@correo.cl"></div>@error('email')<div class="field-error">{{ $message }}</div>@enderror</div>
        <div class="mb-3"><div class="d-flex justify-content-between"><label for="password" class="form-label">Contraseña</label>@if(Route::has('password.request'))<a class="auth-link" href="{{ route('password.request') }}">¿Olvidaste tu contraseña?</a>@endif</div><div class="input-icon"><i data-lucide="lock-keyhole"></i><input id="password" class="form-control @error('password') is-invalid @enderror" type="password" name="password" required autocomplete="current-password" placeholder="••••••••"></div>@error('password')<div class="field-error">{{ $message }}</div>@enderror</div>
        <div class="form-check mb-4"><input id="remember_me" type="checkbox" class="form-check-input" name="remember" checked><label for="remember_me" class="form-check-label">Mantener sesión iniciada</label></div>
        <button class="btn btn-copper w-100 auth-submit" type="submit">Ingresar al panel <i data-lucide="arrow-right"></i></button>
    </form>
</x-guest-layout>
