@extends('fragments.public.publicInternationalFullTemplate')
@section('titulo')
    International Customer Portal
@endsection
@section('contenido')
<div class="text-center mt-5 pt-5">
    <div>
        <img src="{{url('assets/images/logo-2022.svg')}}" class="img-fluid" >
    </div>
    <div>
        <br>
        <h3 class="font-weight-bold" style="color: #1866af">Internacional customers portal</h3>
    </div>
    
    
</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>Successful access data</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>Access denied</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>logging..</strong>
        
    </div>
</div>
<div class="container d-flex justify-content-center align-items-center container-fluid pt-4 mb-5 pb-5">
    <div class="row">
        <div class="card text-center glass login p-4" style="max-width: 27rem;">
            {{--<div class="card-header">
                
            </div>--}}
            <div class="card-body">
                <h5 class="font-weight-bold">Sign in to SEATSA</h5>
                <hr style="border-top: 2px solid #1866af !important;">
                <form method="POST" role="form" enctype="multipart/form-data">
                    {{csrf_field()}}
                    <div class="form-row">
                        <div class="form-group col-md-12 ui left icon input">
                            {{--<label class="" for="usuario">User</label>--}}
                            <input type="text" class="form-control login-input" id="usuario" name="usuario" required placeholder="User">
                            <i class="user icon"></i>

                        </div>
                        <div class="form-group col-md-12 ui left icon input">
                            {{--<label class="" for="contrasena">Password</label>--}}
                            
                            <input type="password" class="form-control login-input" id="contrasena" name="contrasena" placeholder="Password" required>
                            <i class="lock icon"></i>
                        </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="fluid ui button primary iniciar_sesion_portal">
                                <i class="icon sign-in"></i>Sign in</a>
                        {{--</div>
                    </div>--}}
                </form>

                <hr style="border-top: 2px solid #1866af !important;">
                <div class="form-row justify-content-center">
                    <div class="form-group">
                        <a href="{{route('international_customer_portal.create.user_account')}}">Do you need an account? Sign up.</a>
                    </div>
                </div>
                <div hidden id="div_recuperar_contrasena" class="form-row justify-content-center">
                    <div class="form-group">
                        <a href="{{url('international_customers_portal/users/recover_password')}}">Forgot password?</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> | All the rights reserved.</p>
        </div>
    </div>
</footer>--}}

<footer class="bg-dark text-white-50 fixed-bottom">
    <div class="container-fluid py-3 ">
        <div class="row">
            <div class="col-sm-7 align-self-center ml-auto text-center">
                SEATSA &#174; | <a href="https://www.seatsa.com.mx">www.seatsa.com.mx</a> | All the rights reserved.
            </div>
            <div class="col-sm-2 align-self-end">
                <a href="http://sandox.com.mx/" target="_blank">
                <img src="{{url('assets/images/logo-sandox.svg')}}" class="rounded float-right">
                </a>
            </div>
        </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_internacional",
                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="international_customers_portal/customer/reports";
                        
                    } 

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