@extends('layouts.auth')

@section('page_title', __('Iniciar sesión'))

@section('auth_nav')
    @if (Route::has('register'))
        <a href="{{ route('register') }}" class="btn btn-sm rt-btn-cherry px-3">{{ __('Crear cuenta') }}</a>
    @endif
@endsection

@section('content')
    <div class="rt-auth-card rt-auth-card--focus">
        <h1 class="rt-auth-card-title">{{ __('Iniciar sesión') }}</h1>
        <p class="rt-auth-card-lead mb-0">{{ __('Accede con tu correo para gestionar tus pedidos y entradas.') }}</p>

        <div class="rt-auth-divider"></div>

        <form method="POST" action="{{ route('login') }}" class="rt-auth-form">
            @csrf

            <div class="mb-3">
                <label for="email" class="rt-auth-label">{{ __('Correo electrónico') }}</label>
                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus placeholder="nombre@ejemplo.com">

                @error('email')
                    <span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
                @enderror
            </div>

            @include('partials.rt-password-field', [
                'name' => 'password',
                'id' => 'password',
                'label' => __('Contraseña'),
                'autocomplete' => 'current-password',
                'placeholder' => '••••••••',
                'showMeter' => false,
            ])

            <div class="mb-4 rt-auth-form-meta d-flex flex-wrap align-items-center justify-content-center gap-3">
                <div class="form-check m-0 d-inline-block text-start">
                    <input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
                    <label class="form-check-label" for="remember">{{ __('Recordarme') }}</label>
                </div>
                @if (Route::has('password.request'))
                    <a class="rt-auth-link" href="{{ route('password.request') }}">{{ __('¿Olvidaste tu contraseña?') }}</a>
                @endif
            </div>

            <button type="submit" class="btn btn-sm rt-btn-cherry w-100 mb-3">{{ __('Entrar') }}</button>

            <p class="text-center small text-secondary mb-0">
                {{ __('¿Sin cuenta?') }}
                @if (Route::has('register'))
                    <a class="rt-auth-link" href="{{ route('register') }}">{{ __('Regístrate') }}</a>
                @endif
            </p>
        </form>
    </div>
@endsection

@php
    $loginSwalKey = null;
    if (session('login_swal_inactive')) {
        $loginSwalKey = 'inactive';
    } elseif (session('login_swal_archived')) {
        $loginSwalKey = 'archived';
    } elseif (session('login_swal_organizer_pending')) {
        $loginSwalKey = 'organizer_pending';
    } elseif (session('login_swal_organizer_rejected')) {
        $loginSwalKey = 'organizer_rejected';
    }
@endphp

@if ($errors->any() || $loginSwalKey)
    @push('scripts')
        <script>
            document.addEventListener('DOMContentLoaded', function () {
                @if ($loginSwalKey === 'inactive')
                    Swal.fire({
                        icon: 'warning',
                        title: @json(__('Cuenta desactivada')),
                        text: @json(__('Su cuenta fue desactivada. Por favor contáctese con soporte.')),
                        confirmButtonText: @json(__('Entendido')),
                    });
                @elseif ($loginSwalKey === 'archived')
                    Swal.fire({
                        icon: 'warning',
                        title: @json(__('Cuenta no disponible')),
                        text: @json(__('Esta cuenta fue archivada. Por favor contáctese con soporte si necesita ayuda.')),
                        confirmButtonText: @json(__('Entendido')),
                    });
                @elseif ($loginSwalKey === 'organizer_pending')
                    Swal.fire({
                        icon: 'info',
                        title: @json(__('Cuenta en revisión')),
                        text: @json(__('Su cuenta de organizador está pendiente de aprobación. Le notificaremos por correo cuando sea revisada.')),
                        confirmButtonText: @json(__('Entendido')),
                    });
                @elseif ($loginSwalKey === 'organizer_rejected')
                    Swal.fire({
                        icon: 'warning',
                        title: @json(__('Solicitud no aprobada')),
                        text: @json(__('Su solicitud de organizador no fue aprobada. Para más información contáctese con soporte.')),
                        confirmButtonText: @json(__('Entendido')),
                    });
                @elseif ($errors->any())
                    Swal.fire({
                        icon: 'error',
                        title: @json(__('Credenciales incorrectas')),
                        text: @json($errors->first('email') ?: $errors->first('password') ?: __('Revisa tu correo y contraseña e inténtalo de nuevo.')),
                        confirmButtonText: @json(__('Entendido')),
                    });
                @endif
            });
        </script>
    @endpush
@endif
