@extends('layouts.app')

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

@section('content')
<div class="auth-container">
    <div class="auth-card">
        <h2 class="auth-title">Iniciar Sesión</h2>

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

            <div class="form-group">
                <label for="email" class="form-label">Email</label>
                <input 
                    id="email" 
                    type="email" 
                    name="email" 
                    value="{{ old('email') }}"
                    required 
                    autofocus
                    class="form-input @error('email') is-invalid @enderror"
                >
                @error('email')
                    <span class="error-text">{{ $message }}</span>
                @enderror
            </div>

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

            <div class="form-group-check">
                <label class="checkbox-label">
                    <input type="checkbox" name="remember" class="form-checkbox">
                    <span class="ml-2">Recordarme</span>
                </label>
            </div>

            <button type="submit" class="btn btn-primary btn-full">
                Iniciar Sesión
            </button>

            <div class="auth-footer">
                <p>
                    ¿No tienes cuenta? 
                    <a href="{{ route('register') }}" class="link-primary">Regístrate aquí</a>
                </p>
            </div>
        </form>
    </div>
</div>
@endsection