@extends('layouts.app2')

@section('content')
<div id="app">
    <div class="limiter">
        <div class="container-login100">
    		<form method="POST" action="{{ route('login') }}">
                        @csrf			
			<input type="hidden" name="force_login" id="force_login" value="0">
                        <div class="wrap-login100 p-t-50 p-b-90">
				<span class="login100-form-title p-b-51">Iniciar sesión</span>
				<div class="wrap-input100 validate-input m-b-16" data-validate="Campo requerido">
                           		<input id="username" type="text" class="input100 @error('username') is-invalid @enderror" name="username" placeholder="usuario" value="{{ old('username') }}" required autocomplete="username" autofocus>
						@error('username')
                                    			<span class="invalid-feedback" role="alert">
                                        		<strong>{{ $message }}</strong>
                                    			</span>
                                		@enderror
						<span class="focus-input100"></span>
                        	</div>
                        	<div class="wrap-input100 validate-input m-b-16" data-validate="Campo requerido">
                                	
					<input id="password" type="password" class="input100 @error('password') is-invalid @enderror" name="password" placeholder="contraseña" required autocomplete="current-password">
		                                @error('password')
               			                     <span class="invalid-feedback" role="alert">
                               			     <strong>{{ $message }}</strong>
                                    		     </span>
                                		@enderror
						<span class="focus-input100"></span>
                            	</div>
				<div class="container-login100-form-btn m-t-17">
                    			<button type="submit" class="login100-form-btn" >  {{ __('Login') }}</button>
                		</div>
                        </div>

<!--                    <div class="row mb-3">
                            <div class="col-md-6 offset-md-4">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>

                                    <label class="form-check-label" for="remember">
                                        {{ __('Remember Me') }}
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="row mb-0">
                            <div class="col-md-8 offset-md-4">
                                <button type="submit" class="btn btn-primary">
                                    {{ __('Login') }}
                                </button>
                                @if (Route::has('password.request'))
                                   <a class="btn btn-link" href="{{ route('password.request') }}">
                                        {{ __('Forgot Your Password?') }}
                                    </a>
                                @endif

                            </div>
                        </div>
-->
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
    const form = document.querySelector("form");
    const csrfToken = document.querySelector('input[name="_token"]').value;

    // Asegurarse de tener input hidden para force_login
    let forceInput = document.querySelector('input[name="force_login"]');
    if (!forceInput) {
        forceInput = document.createElement('input');
        forceInput.type = 'hidden';
        forceInput.name = 'force_login';
        forceInput.value = '0';
        form.appendChild(forceInput);
    }

    form.addEventListener("submit", function (event) {
        event.preventDefault();

        // Preparar datos del formulario
        const formData = new URLSearchParams();
        formData.append('username', document.querySelector('input[name="username"]').value);
        formData.append('password', document.querySelector('input[name="password"]').value);
        formData.append('_token', csrfToken);
        formData.append('force_login', forceInput.value);

        const headers = new Headers();
        headers.append('X-CSRF-TOKEN', csrfToken);
        headers.append('Accept', 'application/json');

        // Función para enviar login
        function sendLogin() {
            fetch(form.action, {
                method: "POST",
                headers: headers,
                body: formData,
                credentials: 'include'
            })
            .then(response => response.json())
            .then(data => {
                if(data.status === 'active_session') {
                    Swal.fire({
                        title: 'Sesión activa detectada',
                        text: data.message,
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonText: 'Sí, cerrar sesión anterior',
                        cancelButtonText: 'Cancelar'
                    }).then((result) => {
                        if(result.isConfirmed) {
                            // Forzar cierre de otra sesión
                            forceInput.value = '1';
                            formData.set('force_login', '1');
                            sendLogin(); // Reenviar login
                        }
                    });
                } else if(data.status === 'success') {
                    window.location.href = data.redirect;
                } else if(data.status === 'error') {
                    Swal.fire('Error', data.error, 'error');
                }
            })
            .catch(error => {
                console.error('Error:', error);
                Swal.fire('Error', 'Error en la conexión', 'error');
            });
        }

        sendLogin();
    });
});
</script>
@endpush