@extends('layouts.app')

@section('content')
<div class="container">
    <div class="box small-box col-4">
        <div class='small-box-header'>
            <h2>Login</h2>
            <p>Accede a tu cuenta</p>
        </div>
        <div class='small-box-content'>
            <form method="POST" action="{{ route('login') }}">
                @csrf
                <div class="form-group">
                    <input
                        name="email"
                        type="text"
                        placeholder="E-Mail"
                        value="{{ old('email') }}"
                        autocomplete="email"
                        autofocus
                        spellcheck="false"
                        required>
                </div>

                <div class="form-group">
                    <input 
                        name="password"
                        type="password"
                        placeholder="Contraseña"
                        spellcheck="false"
                        required>
                </div>

                <div class="form-group">
                    <button type="submit" class="btn btn-primary">
                        {{ __('Login') }}
                    </button>
                    @error('email')
                        <div class="form-error">
                            {{ $message }}
                        </div>
                    @enderror
                    @error('password')
                        <div class="form-error">
                            {{ $message }}
                        </div>
                    @enderror
                </div>

                <div class='form-group'>
                    @if (Route::has('password.request'))
                        <a href="{{ route('password.request') }}">
                            {{ __('¿Has olvidado tu contraseña?') }}
                        </a>
                    @endif
                </div>
            </form>
        </div>
        <div class='small-box-footer'>
            <p>¿No estás registrado?</p>
            <a href="{{ route('register') }}" class="">Crear una cuenta</a>
        </div>
    </div>
</div>
@endsection