@extends('layouts.auth')

@section('title', 'Login')

@section('auth-content')
    <h1 class="font-dunkin-sans-display text-white text-xl">¡BIENVENIDO!</h1>
    <p class="font-dunkin-sans-book text-white mb-4">Estás a un clic de ingresar a:</p>
    <div class="bg-white p-5 2xl:p-10 rounded-2xl shadow-lg">
        <img src="{{ asset(config('constants.logo_image_path')) }}" width="200" class="mx-auto mb-5" alt="Logo">

        @include('partials.alerts')
        <form action="{{ url('login') }}" method="post" class="">
            @csrf
            <div class="mb-2 flex flex-col">
                <label for="username">Usuario:</label>
                <input type="text" id="username" name="username" class="input-custom  " required
                    value="{{ old('username') }}">
            </div>

            <div class="mb-4 flex flex-col">
                <label for="password">Contraseña:</label>
                <input type="password" name="password" class="input-custom  " required>
            </div>

            <button class="btn-custom" type="submit">Ingresar</button>
        </form>
        <div class="mt-5">
            <a href="{{ url('password/reset') }}">
                ¿Olvidaste la contraseña?
            </a>
        </div>
    </div>
    <p class="text-white mt-5 text-xs">
        <span class="font-bold"> © {{ date('Y') }} DONUCOL S.A.</span>
        Todos los derechos reservados. PBX: +571 2100200
    </p>
@endsection