@extends('layouts.app')

@section('title', 'Acceso — ' . config('app.name'))

@section('content')
    <div class="auth-card">
        <div class="auth-card__brand">
            <div class="sidebar__logo" aria-hidden="true">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>
            </div>
            <div>
                <h1 class="auth-card__title">Acceso al sistema</h1>
                <p class="auth-card__desc">Gestiona documentos, banco y conciliaciones.</p>
            </div>
        </div>

        <form method="POST" action="{{ route('login.store') }}" class="row g-3">
            @csrf
            <div class="col-12">
                <label class="form-label" for="email">Email</label>
                <input type="email" id="email" name="email" value="{{ old('email') }}" class="form-control @error('email') is-invalid @enderror" required autofocus>
                @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="col-12">
                <label class="form-label" for="password">Contraseña</label>
                <input type="password" id="password" name="password" class="form-control @error('password') is-invalid @enderror" required>
                @error('password')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="col-12">
                <div class="form-check">
                    <input class="form-check-input" type="checkbox" value="1" id="remember" name="remember">
                    <label class="form-check-label" for="remember">Recordar sesión</label>
                </div>
            </div>

            <div class="col-12">
                <button class="btn btn-primary w-100">Entrar</button>
            </div>
        </form>

        <div class="auth-hint">
            Usuario inicial: <code>admin@local.test</code> / <code>password</code>
        </div>
    </div>
@endsection