@extends('front.layouts.main')
@section('contenido')

<div class="col-12 fondo_subpagina">
    <div class="col-12 espacio_header">

    </div>
</div>

<div class="col-12 seccion_margen">
    <div class="container">
        <div class="col-12">
            <div class="col-12 text-center">
                <h1>Iniciar sesión</h1>
                <p>
                    Ingresar las credenciales de acceso para continuar
                </p>
            </div>

            <div class="col-lg-6 m-auto bg-white border p-lg-5 p-3 rounded">
                <x-validation-errors class="mb-4" />

                @session('status')
                    <div class="mb-4 font-medium text-sm text-green-600">
                        {{ $value }}
                    </div>
                @endsession
    
                <form method="POST" action="{{ route('login') }}">
                    @csrf
    
                    <div>
                        <x-label for="email" value="{{ __('Código de usuario (Correo o Número de Casilla)') }}" />
                        <x-input id="email" class="block mt-1 w-full" type="email" name="codigo_usuario" :value="old('email')" required autofocus autocomplete="username" />
                    </div>
    
                    <div class="mt-4">
                        <x-label for="password" value="{{ __('Contraseña') }}" />
                        <x-input id="password" class="block mt-1 w-full" type="password" name="password" required autocomplete="current-password" />
                    </div>
    
                    <div class="block mt-4">
                        <label for="remember_me" class="flex items-center">
                            <x-checkbox id="remember_me" name="remember" />
                            <span class="ms-2 text-sm text-gray-600">{{ __('Recuérdame') }}</span>
                        </label>
                    </div>
    
                    <div class="flex items-center justify-end mt-4">
                        @if (Route::has('password.request'))
                            <a class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="{{ route('password.request') }}">
                                {{ __('Olvidaste tu contraseña?') }}
                            </a>
                        @endif
    
                        <button class="ms-4 btn btn-orange">
                            {{ __('Iniciar sesión') }}
                        </button>
                    </div>
                </form>
            </div>
            
            <div class="col-12 text-center mt-4">
                <p class="mb-0">¿Eres nuevo? <a href="{{ url('register') }}" class="a_naranja">Registrate</a></p>
            </div>
        </div>
    </div>
</div>


        
@endsection