@extends('fragments.public.publicFullTemplate')
@section('titulo')
    Portal de clientes
@endsection
@section('contenido')
<div class="text-center mt-5 pt-5">
    <img src="{{url('assets/images/logo-2022.svg')}}" width="150" height="80" >
</div>
<div class="d-flex justify-content-center align-items-center container-fluid pt-4">
    <div hidden id="acceso_correcto" class="alert alert-success text-center col-lg-4">
        <strong>Datos de acceso correctos</strong><br>
        <div id="acceso_correcto_mensaje" class="col-lg-12"></div>
    </div>
    <div hidden id="acceso_incorrecto" class="alert alert-danger text-center col-lg-4">
        <strong>Acceso denegado</strong><br>
        <div id="acceso_incorrecto_mensaje" class="col-lg-12"></div>
    </div>
    <div hidden id="acceso" class="alert alert-primary text-center col-lg-4">
        <strong>Iniciando sesión..</strong>
        
    </div>
</div>
<div class="d-flex justify-content-center align-items-center container-fluid">
    <div class="row">
        
        <div class="card text-center">
            <div class="card-header">
                <strong>Iniciar sesión</strong>
            </div>
            <div class="card-body">
                <form method="POST" role="form" enctype="multipart/form-data">
                    {{csrf_field()}}
                    <div class="form-row">
                        <div class="form-group col-md-12 text-left">
                            <label class="font-weight-bold" for="usuario">Usuario</label>
                            <input type="text" class="form-control" id="usuario" name="usuario" required>
                        </div>
                        <div class="form-group col-md-12 text-left">
                            <label class="font-weight-bold" for="contrasena">Contraseña</label>
                            <input type="password" class="form-control" id="contrasena" name="contrasena" required>
                        </div>
                    </div>
                    <div class="form-row justify-content-center">
                        <div class="form-group">
                            {{--<button type="submit" class="btn btn-primary">Iniciar sesión</button>--}}
                            <a type="submit" {{--href="{{url('portal_de_clientes/cliente/informes')}}"--}} class="text-white btn btn-primary iniciar_sesion_portal">Iniciar sesión</a>
                        </div>
                    </div>
                </form>
                <div class="form-row justify-content-center">
                    <div class="form-group">
                        <a href="{{url('portal_de_clientes/crear/cuenta_usuario')}}">¿Necesitas una cuenta? Regístrate ahora.</a>
                    </div>
                </div>
                <div hidden id="div_recuperar_contrasena" class="form-row justify-content-center">
                    <div class="form-group">
                        <a href="{{url('portal_de_clientes/usuario/recuperar_contrasena')}}">Recuperar contraseña</a>
                    </div>
                </div>
            
            </div>
        </div>
    </div>
</div>
<footer>
    <div class="fixed-bottom">
        <div class="text-center">
            <p>SEATSA &#174; | <a href="https://www.seatsa.com.mx">www.seatsa.com.mx</a> | Todos los derechos reservados.</p>
        </div>
    </div>
</footer>

<script>
    //$('#acceso_correcto').hide();
    //$('#acceso_incorrecto').hide();

    $(document).ready(function(){
        
        $('a.iniciar_sesion_portal').on('click', function(){
            $('#acceso').removeAttr('hidden');
            $('#acceso_incorrecto').attr('hidden','');
            $('#acceso_correcto').attr('hidden','');

            usuario = $('#usuario').val();
            contrasena = $('#contrasena').val();
            $.ajax({
                url:"login_portal_cliente",
                method:"POST",
                data:{'usuario': usuario,'contrasena': contrasena, '_token': _token = $('input[name="_token"]').val()},
                success:function(response){
                    result = JSON.parse(response); 
                    resultData = result.data;
                    intento = 0;
                    mensaje = "";
                    //alert(resultData['mensaje']);
                    if (resultData['acceso'] == 0) {
                        //$('#acceso_incorrecto').show();
                        $('#acceso').attr('hidden','');
                        $('#acceso_correcto').attr('hidden','');
                        $('#acceso_incorrecto').removeAttr('hidden');

                        mensaje = "<strong>"+resultData['mensaje']+"</strong>";
                        $('#acceso_incorrecto_mensaje').html(mensaje);
                        
                        intento++;
                    }else{
                        //$('#acceso_correcto').show();
                        $('#acceso').attr('hidden','');
                        $('#acceso_incorrecto').attr('hidden','');
                        $('#acceso_correcto').removeAttr('hidden');

                        mensaje = "<strong>"+resultData['mensaje']+"</strong>";
                        $('#acceso_correcto_mensaje').html(mensaje);

                        location.href="portal_de_clientes/cliente/informes";
                        
                    } 

                    if (intento > 0) {
                        $('#div_recuperar_contrasena').removeAttr('hidden');
                    }
                }
            });
        });
    });
</script>
@endsection