{{--Creado Por Victor Moncada--}}
{{--Consulta de Guias o Casilleros--}}
@extends('layouts/master')
@section('content')
  <script>
      function quitarLongitud() {
          $('#nroguia').removeAttr('maxlength');
          $('#guiaref').show();
          $('#listclientes').hide();
      }

      function agregarLongitud() {
          $('#nroguia').attr('maxlength', '10');
          $('#guiaref').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();
      }
      //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>
          <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> <!--SE LE AGREGO EL EVENTO ONCLICK -->
          </ul>
          {{--------------------------------------------------------------------------------------------------------------------------------------------}}
          <div class="panel-body">
              <div class="tab-content">
                  {{--Hipervinculo  para regresar al menu--}}
                  <div style="margin-right:20px"align="Right"><p><i class="glyphicon glyphicon-chevron-left" data-toggle="tooltip" ></i>&nbsp;&nbsp;<a href="http://desarrollo3.grupozoom.com/faaszoom/public/canguroazul/aliados">Volver al Menú Principal</a></p></div>
                  <!--PANEL 1 GUIAS-->
                  <div class="tab-pane fade in active" id="guias">
                      <div class="panel-body">
                          {{--Reutilizando el codigo de consulta datos--}}
                          @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>

              </div>
          </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 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