{{--
Creado por Fabiola Rodriguez
Fecha: 07/12/2016/
--}}

{{--Modificado Por Victor Moncada
Fecha: 17/07/2017
--}}

{{--Modificado Por Carmen Gómez
Fecha: 08-06-2018
--}}

@extends('layouts/master')
@section('content')
    <script type="text/javascript">
$(document).ready(function(){

    //validaciones de los inputs fecha desde y fecha hasta

            $('#fechadesde').datetimepicker({
                format: 'DD-MM-YYYY',
                maxDate : 'now'
            });
            $('#fechahasta').datetimepicker({
                format: 'DD-MM-YYYY',
                daysOfWeekDisabled: [0, 6],
                maxDate : 'now',
                useCurrent: false //Important! See issue #1075
            });
            $("#fechadesde").on("dp.change", function (e) {
                $('#fechahasta').data("DateTimePicker").minDate(e.date);
            });
            $("#fechahasta").on("dp.change", function (e) {
                $('#fechadesde').data("DateTimePicker").maxDate(e.date);
            });
    // Traducción al español del datespiker
    $(function($){
        $.datepicker.regional['es'] = {
            closeText: 'Cerrar',
            prevText: '<Ant',
            nextText: 'Sig>',
            currentText: 'Hoy',
            monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
            monthNamesShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
            dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
            dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
            dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
            weekHeader: 'Sm',
            dateFormat: 'dd-mm-yy',
            firstDay: 1,
            isRTL: false,
            showMonthAfterYear: false,
            yearSuffix: ''
        };
        $.datepicker.setDefaults($.datepicker.regional['es']);
    });
           /************************************************************************/
           /************************************************************************/
           //INSTRUCCIONES PARA HABILITAR Y DESHABILITAR LOS INPUTS AL TILDAR EL CHECK

            var ckbox = $('#opc_filtro_codcliente'); // CODIGO CLIENTE

            $('input').on('click',function () {
                if (ckbox.is(':checked')) {

                    $("#codcliente").prop('disabled', false); //PARA QUE ME HABILITE EL FORMULARIO CLIENTE
                } else {
                    $("#codcliente").prop('disabled', true);    //DESHABILITA
                }
            });

            var ckbox2 = $('#opc_filtro_codnota'); // CODIGO NOTA ENTREGADA

            $('input').on('click',function () {
                if (ckbox2.is(':checked')) {
                    $("#codnotaent").prop('disabled', false); //PARA QUE ME HABILITE EL FORMULARIO CLIENTE
                } else {
                    $("#codnotaent").prop('disabled', true);    //DESHABILITA
                }
            });

            var ckbox3 = $('#opc_filtro_servicios'); // SERVICIOS

            $('input').on('click',function () {
                if (ckbox3.is(':checked')) {
                    $("#codeservicio").prop('disabled', false);

                } else {
                    $("#codeservicio").prop('disabled', true);
                    $("#codeservicio").val('');
                }
            });

            var ckbox4 = $('#opc_filtro_tipo'); // TIPO PAGO

            $('input').on('click',function () {
                if (ckbox4.is(':checked')) {
                    $("#codtipopag").prop('disabled', false); //PARA QUE ME HABILITE EL FORMULARIO CLIENTE
                } else {
                    $("#codtipopag").prop('disabled', true);    //DESHABILITA
                }
            });

            var ckbox5 = $('#opc_filtro_nomdes'); // NOMBRE DESTINATARIO

            $('input').on('click',function () {
                if (ckbox5.is(':checked')) {
                    $("#nomdestinatario").prop('disabled', false); //PARA QUE ME HABILITE EL FORMULARIO CLIENTE
                } else {
                    $("#nomdestinatario").prop('disabled', true);    //DESHABILITA
                }
            });

            var ckbox6 = $('#opc_filtro_nomcli'); // NOMBRE CLIENTE

            $('input').on('click',function () {
                if (ckbox6.is(':checked')) {
                    $("#nombrecliente").prop('disabled', false); //PARA QUE ME HABILITE EL FORMULARIO CLIENTE
                } else {
                    $("#nombrecliente").prop('disabled', true);    //DESHABILITA
                }
            });

            var ckbox7 = $('#opc_filtro_condest'); // CONTACTO DESTINATARIO

            $('input').on('click',function () {
                if (ckbox7.is(':checked')) {
                    $("#contactodes").prop('disabled', false); //PARA QUE ME HABILITE EL FORMULARIO CLIENTE
                } else {
                    $("#contactodes").prop('disabled', true);    //DESHABILITA
                }
            });

            var ckbox8 = $('#opc_filtro_contrem'); // CONTACTO REMITENTE

            $('input').on('click',function () {
                if (ckbox8.is(':checked')) {
                    $("#contactorem").prop('disabled', false); //PARA QUE ME HABILITE EL FORMULARIO CLIENTE
                } else {
                    $("#contactorem").prop('disabled', true);    //DESHABILITA
                }
            });

            var ckbox9 = $('#opc_filtro_ciudest'); // CONTACTO CIUDAD DESTINO

            $('input').on('click',function () {
                if (ckbox9.is(':checked')) {
                    $("#codciudad").prop('disabled', false); //PARA QUE ME HABILITE EL FORMULARIO CLIENTE
                } else {
                    $("#codciudad").prop('disabled', true);    //DESHABILITA
                }
            });

            var ckbox10 = $('#opc_filtro_codcasi'); // CODIGO CASILLERO

            $('input').on('click',function () {
                if (ckbox10.is(':checked')) {
                    $("#codcasillero").prop('disabled', false); //PARA QUE ME HABILITE EL FORMULARIO CLIENTE
                } else {
                    $("#codcasillero").prop('disabled', true);    //DESHABILITA
                }
            });

            var ckbox11 = $('#opc_filtro_ofidest'); // OFICINA DESTINO

            $('input').on('click',function () {
                if (ckbox11.is(':checked')) {
                    $("#codoficinadest").prop('disabled', false); //PARA QUE ME HABILITE EL FORMULARIO CLIENTE
                } else {
                    $("#codoficinadest").prop('disabled', true);    //DESHABILITA
                }
            });

            var ckbox12 = $('#opc_filtro_ofiorig'); // OFICINA DESTINO

            $('input').on('click',function () {
                if (ckbox12.is(':checked')) {
                    $("#codoficinaori").prop('disabled', false);


                } else {
                    $("#codoficinaori").prop('disabled', true);
                    $("#codoficinaori").val('');
                }
            });

            var ckbox13 = $('#opc_filtro_ident'); // OFICINA DESTINO

            $('input').on('click',function () {
                if (ckbox13.is(':checked')) {
                    $("#rifcides").prop('disabled', false); //PARA QUE ME HABILITE EL FORMULARIO CLIENTE
                } else {
                    $("#rifcides").prop('disabled', true);    //DESHABILITA
                }
            });

            $("#BusquedaGuiaForm").validate({
                showErrors: function (errorMap, errorList) {
                    //LIMPIAR LOS TOOLTIPS PARA LOS ELEMENTOS VÁLIDOS
                    $.each(this.validElements(), function (index, element) {
                        var $element = $(element);
                        $element.data("title", "") // BORRAR EL TITULO - NO HAY ERROR ASOCIADO
                            .removeClass("error")
                            .tooltip("destroy");
                    });

                    // CREAR LOS TOOLTIPS PARA ELEMENTOS INVÁLIDOS
                    $.each(errorList, function (index, error) {
                        var $element = $(error.element);
                        $element.tooltip("destroy") // DESTRUIR TODO TOOLTIP EXISTENTE PARA PODER CREAR UNO NUEVO
                            .data("title", error.message)
                            .addClass("error")
                            .tooltip(); // CREAR UN NUEVO TOOLTIP CON EL MENSAJE DE ERROR ASOCIADO AL TITULO AGREGADO
                    });
                }
            });

            /***********************************************************************************/
            /***********************************************************************************/

            //INSTRUCCION PARA TILDAR Y DESTILDAR LOS INPUTS DE "CEDULA Y FECHA DESDE"

            var check = $('#opc_filtro_ident'); // EL CHECKBOX DE IDENTIFICACION "CEDULA O RIF"
            $('input').on('click',function () {
                if (check.is(':checked')) {
                            $("#fechadesde").prop('disabled', true);
                            $("#fechahasta").prop('disabled', true);
                            $("#opc_filtro_fechad").prop('checked', false);
                            $("#opc_filtro_fechah").prop('checked',false);
                            $("#fechadesde").val(''); //limpia el valor que tenia anteriormente
                            $("#fechahasta").val(''); //limpia el valor que tenia anteriormente
                            $("#codoficinaori").val('');
                            $("#codeservicio").val('');
                            $('.tooltip').remove();
                }else {
                            $("#fechadesde").prop('disabled', false);
                            $("#fechahasta").prop('disabled', false);
                            $("#opc_filtro_fechad").prop('checked',true);
                            $("#opc_filtro_fechah").prop('checked',true);
                            $('.tooltip').remove();
                }
            });
});
                        //fin del document.ready
                /***********************************************************************************/

        function quitarLongitud() {
            $('#nroguia').removeAttr('maxlength');
            $('#guiaref').show();
            $('#listclientes').hide();
        }

        function agregarLongitud() {
            $('#nroguia').attr('maxlength', '10');
            $('#guiaref').show();
            $('#listclientes').hide();
        }

        function showCasilleroInput() {

            if ($("input[name=opcion]:checked").val() == 'casillero') {
                $('#casilleros').show();
                $('#listclientes').hide();

            }
        }
                    /***********************************************************************************/
                        //FUNCION CREADA POR VICTOR MONCADA PARA TILDAR EL CHECKBOX INVISIBLE
        function prueba() {
            $(":radio[value=casillero]").prop("checked","true"); // ------->  PARA MARCAR EL CHECKBOX INVISIBLE
            $('.tooltip').remove(); //remover tooltip
            //EN EL VALUE ASIGNAR EL VALOR DISTINTO QUE TIENE EL INPUT
        }
                   /***********************************************************************************/
                    //FUNCION PARA DESTILDAR EL CHECKBOX INVISIBLE EN EL CASO DE REGRESAR A GUIA O CASILLERO
        function pruebauno() {

            //$(":checkbox[value=casillero]").prop("checked","false");
            $("#opcion").prop("checked","false");
            $('.tooltip').remove();
        }

        function pruebados(){

            $(":radio[value=busquedavanzada]").prop("checked","true"); // ------->  PARA MARCAR EL CHECKBOX INVISIBLE
            $('.tooltip').remove();
        }


                /***********************************************************************************/
                            //FUNCIONES PARA LOS INPUTS "CUANDO MOSTRARLO Y OCULTARLOS"

        function changeCasilleroSelect() {
            if ($('#optcasillero').val() == 'casillero') {
                $('#casillerodiv').show();
                $('#nombrediv').hide();

            } else {
                $('#casillerodiv').hide(); // hide div if value is not "custom"
            }

            if ($('#optcasillero').val() == 'cliente') {
                $('.tooltip').remove(); //remover tooltip
                $('#clientediv').show();
                $('#nombrediv').show();

            } else {
                $('#clientediv').hide(); // hide div if value is not "custom"
            }
        }
    </script>
                                    {{--CODIGO HTML--}}

    <div class="col-lg-10  col-sm-offset-1 container">
        <br> <br>
        <div class="panel panel-primary">
            <div class="panel-heading"><strong><h3 class="panel-title" style="text-align:center;"><span
                                class="glyphicon glyphicon-search"></span>
                        CONSULTAR DATOS </h3></strong></div>

                                        {{--LISTA <LI> DE LAS TABS "AZULES" CON SUS EVENTOS--}}

            <ul class="nav nav-tabs nav-justified">
                <li class="active guias"><a href="#guias" id="tab01" data-toggle="tab" onclick="pruebauno()">Guias</a></li>
                <li class="casillero"><a href="#casillero" data-toggle="tab" onclick="prueba()">Casilleros</a></li>
                <li class="cliente_"><a href="#cliente_" data-toggle="tab" onclick="prueba()">Cliente</a></li><!--SE LE AGREGO EL EVENTO ONCLICK -->
                <li class="avanzada"><a id="ker" href="#avanzada" onclick="pruebados()" data-toggle="tab">Avanzada </a></li>
            </ul>

            {{--------------------------------------------------------------------------------------------------------------------------------------------}}
            <div class="panel-body">
                <div class="tab-content">
                    <!--PANEL 1 GUIAS-->
                    <div class="tab-pane fade in active" id="guias">
                        <div class="panel-body">
                            @include('Wscanguroazul.ConsultaDatos.guiabusqueda')
                        </div>
                    </div>
                    <!--PANEL 2 CASILLERO-->
                    <div class="tab-pane fade" id="casillero">
                        <div class="panel-body">
                            @include('Wscanguroazul.ConsultaDatos.casillerobusqueda')
                        </div>
                    </div>
                    <!--PANEL 3 CLIENTE-->
                    <div class="tab-pane fade" id="cliente_">
                        <div class="panel-body">
                            @include('Wscanguroazul.ConsultaDatos.clientebusqueda')
                        </div>
                    </div>
                    <!-- PANEL 4 BUSQUEDA AVANZADA-->
                    <div class="tab-pane fade" id="avanzada">
                        <div class="panel-body">
                            @include('Wscanguroazul.ConsultaDatos.avanzadabusqueda')
                        </div>

            <div class="panel-footer"><span class="glyphicon glyphicon-info-sign color"></span> <b>Nota:</b> Al
                posicionar el mouse sobre los iconos del formulario, podra ver una breve descripci&oacute;n del campo
            </div>
            </div>
            </div>
        </div>
        <div class="modal fade" style="margin-top:18%;" id="procesando" tabindex="-1" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">Procesando su solicitud. Por Favor Espere</h4>
                    </div>
                    <div class="modal-body">
                        <div class="progress">
                            <div class="progress-bar progress-bar-striped active" role="progressbar" id="progressBar"
                                 aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
                                <div id="label">0%</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endsection