<x-layouts.simple-auth-layout>
    <div class="py-24">
        <div class="container">
            <div class="max-w-xl mx-auto">
                <div class="bg-white rounded-2xl p-8 shadow-2xl">
                    <div class="flex flex-col items-center">
                        <h2 class="text-primary200 font-main text-size-subtitle font-bold mb-4">Hola Bienvenido</h2>
                        <h3 class="font-main text-size-heading font-[600] mb-4 text-complement400">Ingresa tus
                            credenciales</h3>
                    </div>
                    <form method="POST" action="{{ route('login') }}" novalidate>
                        @csrf
                        <x-controls.input type="email" name="email" placeholder="Ingresa tu correo" label="Correo"
                            value="{{ old('email') }}" required autofocus />
                        <x-controls.password type="password" name="password" placeholder="Ingresa tu contraseña"
                            label="Contraseña" value="{{ old('password') }}" required autofocus />
    
                        <!-- Remember Me -->
                        <div class="block mt-8">
                            <x-controls.checkbox id="remember_me" name="remember" label="{{ __('Recordarme') }}" />
                        </div>
                        <div class="mt-4">
                            <x-controls.button type="submit">Entrar</x-controls.button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</x-layouts.simple-auth-layout>