@extends('layouts.guest')

@section('title', 'Iniciar sesión')

@section('content')

<div class="text-center mb-4">
    <img src="{{ asset('images/Logo_Carza_Horizontal.png') }}"
         alt="CARZA"
         class="img-fluid"
         style="max-width:220px;">
</div>

{{-- Mensaje de éxito (ej. después de reset password) --}}
@if (session('status'))
    <div class="alert alert-success">
        {{ session('status') }}
    </div>
@endif

{{-- Errores de validación --}}
@if ($errors->any())
    <div class="alert alert-danger">
        <ul class="mb-0">
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<form method="POST" action="{{ route('login') }}">
    @csrf

    <div class="mb-3">
        <label class="form-label">Correo electrónico</label>
        <input type="email"
               name="email"
               value="{{ old('email') }}"
               class="form-control @error('email') is-invalid @enderror"
               required
               autofocus>
    </div>

    <div class="mb-3">
        <label class="form-label">Contraseña</label>
        <input type="password"
               name="password"
               class="form-control @error('password') is-invalid @enderror"
               required>
    </div>

    <div class="mb-3 form-check">
        <input type="checkbox"
               name="remember"
               class="form-check-input">
        <label class="form-check-label">Recordarme</label>
    </div>

    <button class="btn btn-dark w-100">
        Ingresar
    </button>

    <div class="text-center mt-3">
        <a href="{{ route('password.request') }}">
            ¿Olvidaste tu contraseña?
        </a>
    </div>

</form>

@endsection