@extends('layouts.guest')

@section('title', 'Iniciar sesión')
@section('subtitle', 'Ingresa tus credenciales del panel de marketing')

@section('content')
    @if ($errors->any())
        <div class="alert alert-danger" role="alert">
            {{ $errors->first() }}
        </div>
    @endif

    <form method="POST" action="{{ url('/login') }}">
        @csrf

        <div class="mb-6">
            <label for="email" class="form-label">Email</label>
            <input
                type="email"
                class="form-control @error('email') is-invalid @enderror"
                id="email"
                name="email"
                value="{{ old('email') }}"
                placeholder="tu@gigiapp.com"
                autofocus
                required>
        </div>

        <div class="mb-6 form-password-toggle">
            <label class="form-label" for="password">Contraseña</label>
            <input
                type="password"
                class="form-control"
                id="password"
                name="password"
                placeholder="&#8226;&#8226;&#8226;&#8226;&#8226;&#8226;&#8226;&#8226;"
                required>
        </div>

        <div class="mb-6 d-flex justify-content-between">
            <div class="form-check">
                <input class="form-check-input" type="checkbox" id="remember" name="remember">
                <label class="form-check-label" for="remember">Recordarme</label>
            </div>
        </div>

        <button class="btn btn-primary d-grid w-100" type="submit">Entrar</button>
    </form>
@endsection