@extends('layouts.app')

@section('css')
{{-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> --}}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css">
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/css/select2.min.css" rel="stylesheet" />
{{-- <link rel="stylesheet" href="{{asset('css')}}/bootstrap-material-datetimepicker.css" /> --}}
<style>
    .input-group-text {
        margin-right: 10px;
    }
</style>
@endsection

@section('content')
<ol class="breadcrumb">
    <li class="breadcrumb-item active class_select"><a href="{{ URL('/home') }}">Inicio</a></li>
    <li class="breadcrumb-item class_select"><a href="{{ URL::previous() }}">Supervisores</a></li>
    <li class="breadcrumb-item active">Nuevo Supervisor</li>
</ol>
<div class="row justify-content-between">
    <div class="col-12 col-xl-8" style="padding: 0 0 0 20px">
        <h1 class="page-title">Crea un nuevo <span class="fw-semi-bold">supervisor</span></h1>
    </div>
    <div class="col-12 col-xl-4 text-right">
        <a class="btn3 btnInfo" href="{!! URL::previous() !!}">Regresar</a>
    </div>
</div>

<section class="widget">
    <header class="header-border">
        <h6>
            Llena todos los campos necesarios para generar un nuevo supervisor
        </h6>
    </header>
    @include('adminlte-templates::common.errors')
    <div class="widget-body">
        {!! Form::open(['route' => 'supervisors.store', 'class' => 'form-horizontal','files' => true]) !!}

        @include('supervisors.fields')

        {!! Form::close() !!}
    </div>
</section>
@endsection

@section('scripts')

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"> </script>

<script src="{{asset('template')}}/bower_components/jasny-bootstrap/js/fileinput.js"></script>
<script src="{{asset('template')}}/bower_components/jasny-bootstrap/js/inputmask.js"></script>
<script src="{!! asset('template') !!}/bower_components/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.12/dist/js/select2.min.js"></script>


<script src="{!! asset('js') !!}/validaciones.js"></script>

<script>
    //Variables globales
    var correo_existe = false;
    var url = '{!! asset("/") !!}';
    var url_base = '{!! url("/") !!}';

    $(document).ready(function() {
        $('.js-example-basic-single').select2();
        $("#fecha_nacimiento").inputmask({
            mask: "9999-99-99"
        });
        $("#telefono").inputmask({
            mask: "99-99-99-99-99"
        });
        $("#telefono_casa").inputmask({
            mask: "99-99-99-99-99"
        });

        $('.campo input').click(function() {
            if ($(this).val() != "") {
                $('.campo label').addClass('valido');
            } else {
                $('.campo label').addClass('valido');
            }
        });

        $('#email').on('focusout', function() {
            if (typeof data_local == "undefined" || data_local.length == 0) {
                console.log('entramos validación');
                if (validar_email('#email', '#email_mensaje')) {
                    validarCorreo('#email', '#email_mensaje');
                }
            }
        });

        $("form").submit(function(e) {
            e.preventDefault();
            aplicar_validaciones(e);
        });

        $(window).load(function() {
            console.log();
            if ($('.class_input').val() == ' ') {
                $('.class_input').parent().find('.label_class').addClass('active2');
            }
        });

        $('.class_input').on('focusin', function() {
            $(this).parent().find('.label_class').addClass('active2');
        });

        $('.class_input').on('focusout', function() {
            if (!this.value) {
                $(this).parent().find('.label_class').removeClass('active2');
            }
        });

        $('#curp').on('focusout', function() {
            console.log('entra');
            if (curpValida($('#curp').val())) {
                $('#curp').css('background', '#ffe3ab');
                $('#curp').css('color', '#57525e');
                $('#validar_cliente').removeClass('disabled');
                $("#validacion_curp").hide();
                curp_valida = true;
            } else {
                $('#curp').css('background', '#f55d5d');
                $('#curp').css('color', '#fff');
                $('#validar_cliente').addClass('disabled');
                $("#validacion_curp").show();
                curp_valida = false;
            }
        });
    }); // fin document

    function validarCorreo(correo, mensaje) {
        var correo = $(correo).val();
        var url = url_base + '/api/usuarios/val_correo/' + correo;

        $.get(url, '').done(function(data) {
            console.log(data);

            if (data.data != 0) {
                console.log('muestra');
                $(mensaje + ' span').html('El correo ya existe. Por favor, ingresa otro correo.');
                $(mensaje).show();
                correo_existe = true;
            } else {
                console.log('oculta');
                $(mensaje).hide();
                correo_existe = false;
            }
        });
    }

    function validarnombre(nombre, mensaje){
        return true;
    }

    function aplicar_validaciones(event) {
        var validacion = true;

        if (!validar_texto_minimo('#name', '#name-mensaje', 3)){
            validacion=false;
        }

        if (!validar_texto_minimo('#a_paterno', '#a_paterno-mensaje',3)){
            validacion=false;
        }

        if (!validar_texto_minimo('#a_materno','#a_materno-mensaje', 3)){
            validacion=false;
        }

        if(!validar_texto_minimo('#curp','#curp-mensaje',18)){
            validacion=false;
        }

        if (!validar_email('#email', '#email_mensaje')) {
            validacion = false;
        }

        if (correo_existe) { //correo existe
            $('#email_mensaje span').html('El correo ya existe. Por favor, ingresa otro correo.');
            $('#email_mensaje').show();

            validacion = false;
        }

        if (!validar_numero('#telefono', '#telefono-mensaje')){
            validacion=false;
        }

        if(!validar_seleccion('#select2-gerentes_sucursales-e0-container','#select2-gerentes_sucursales-e0-container-mensaje')){
            validacion=false;
        }


        if(!validar_fecha('#start', '#start-mensaje')){
            validacion=false;
        }

        if (!validar_texto_minimo('#codigo_supervisor', '#codigo_supervisor-mensaje')){
            validacion=false;
        }

        if (!validar_password1('#password', '#password-mensaje')){
            validacion=false;
        }

        if (validacion) {
            event.target.submit();
        }
    }

    function curpValida(curp) {
        curp = curp.toUpperCase();
        $('#curp').val(curp);

        var re = /^([A-Z][AEIOUX][A-Z]{2}\d{2}(?:0\d|1[0-2])(?:[0-2]\d|3[01])[HM](?:AS|B[CS]|C[CLMSH]|D[FG]|G[TR]|HG|JC|M[CNS]|N[ETL]|OC|PL|Q[TR]|S[PLR]|T[CSL]|VZ|YN|ZS)[B-DF-HJ-NP-TV-Z]{3}[A-Z\d])(\d)$/,
            validado = curp.match(re);

        if (!validado) //Coincide con el formato general?
            return false;

        //Validar que coincida el dígito verificador
        function digitoVerificador(curp17) {
            //Fuente https://consultas.curp.gob.mx/CurpSP/
            var diccionario = "0123456789ABCDEFGHIJKLMNÑOPQRSTUVWXYZ",
                lngSuma = 0.0,
                lngDigito = 0.0;
            for (var i = 0; i < 17; i++)
                lngSuma = lngSuma + diccionario.indexOf(curp17.charAt(i)) * (18 - i);
            lngDigito = 10 - lngSuma % 10;
            if (lngDigito == 10)
                return 0;
            return lngDigito;
        }

        if (validado[2] != digitoVerificador(validado[1]))
            return false;

        return true; //Validado
    }
</script>
@endsection