@extends('layouts.guest')

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

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

        {{-- <img class="mb-4" src="{{ asset('img/logos/LOGO-min-Comprimido.png') }}" height="80" alt="Logo" tile="Logo"> --}}
logo
        <h1 class="h2 mb-3 text-primary">Iniciar sesión</h1>

        @if($errors->any())
            <div class="form-floating">
                <span class="invalid-feedback d-block" role="alert">
                    <strong>Credenciales inválidas</strong>
                </span>
            </div>
        @endif

        <div class="flat-input">
            <input type="text" class="@error('username') is-invalid @enderror" name="username" id="floatingInput" value="{{ old('username') }}" placeholder="username" required>
            <label for="floatingInput"><i class="bi bi-person"></i></label>
        </div>

        <div class="flat-input">
            <input type="password" class="@error('username') is-invalid @enderror" name="password" id="floatingPassword" placeholder="password" required>
            <label for="floatingPassword"><i class="bi bi-lock"></i></label>
        </div>

        <div class="checkbox mb-3 text-primary fw-semibold">
            <label>
                <input type="checkbox" value="remember-me"> Recuérdame
            </label>
        </div>
        
        <button class="w-100 btn btn-lg btn-primary mt-2 rounded-5 fw-bold" type="submit">Iniciar sesión</button>

    </form>

@endsection

@push('scripts')
    @vite('resources/js/auth/login.js')
@endpush