@extends('menu/menu')
{{-- <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js%22%3E</script> --}}
<script src="{{ asset('js/jquery-3.4.1.min.js') }}" ></script>
{{-- <link  href="{{ asset('css/a&a_style.css') }}" href="a&a_style.css" rel="stylesheet" type="text/css"> --}}



@section('content')

{{-- <form action="{{route('go.pruebadeingles')}}" method="GET">
  <input type="submit" value="ENVIAR">
</form>   --}}


@if ( session('mensaje') )
    <div class="alert alert-success">{{ session('mensaje') }}</div>
    {{-- <a class="dropdown-item" href="{{route('go_see_clien')}}" style="text-align: right"> <button class="btn btn-success">Clientes</button></a>  --}}

@endif
<form action="{{route('filtros_instalacion_kyocera')}}" method="GET">
  <div class="container-fluid">
    <div class="container">
    <!-- BARRA DE BUSQUEDA -->
      <h1>Instalación</h1>
      <div class="row reex" style="height: auto">
  
        <div class="container col-12" style="margin-top: 10px">
    <h2><strong>Filtrar por</strong></h2>
</div>

    <div class="container col-sm-3 form-group" >
      <label for="datepicker"><h2>Fecha inicio</h2></label>
      <input type="date" class="form-control" id="datepicker" name="datepicker">
  </div>

  <div class="container col-sm-3 form-group " >
      <label for="datepicker2"><h2>Fecha fin</h2></label>
      <input type="date" class="form-control" id="datepicker2" name="datepicker2">
  </div>


  <!--AQUI SE CARGA EL SELECT DE COMUNA-->

  <!--FIN SELECT DE COMUNA-->
  
  <!--AQUI SE CARGA EL SELECT DE ESTADO-->
  <div class="container col-sm-3 form-group" >
  <label for="estado"><h2>Estado Instalación</h2></label>
  <select  id="estado" name="estado" class="custom-select mb-3">
  <option  selected disabled>seleccionar</option>
    @if (!empty($carga_selectEstado))
      @foreach ($carga_selectEstado as $estado)
      @if ($estado->sEstado_instalacion != null)
        <option  value="{{ $estado->sEstado_instalacion }}">{{ucfirst(strtolower($estado->sEstado_instalacion))}}
        </option>
      @endif      
    @endforeach
    @endif
  </select>
  </div>
  <!--FIN SELECT DE ESTADO-->




  <div class="container col-sm-3 form-group" >
    <label for="serie"><h2>Nº de Serie</h2></label>
    <input type="" class="form-control" id="serie" name="serie" placeholder="Nº de Serie">
    </div>
  <!--FIN SELECT DE CLIENTE-->
  <!--AQUI SE CARGA EL SELECT DE CLIENTE-->
  <div class="container col-sm-3 form-group" >
    <label for="clientes"><h2>Cliente</h2></label>
    {{--$clientes--}}
    <select  class="custom-select mb-3 opcionesSele" id="clientes" name="clientes">
    <option  selected disabled>seleccionar</option>
      @if (!empty($carga_selectClientes))
        @foreach ($carga_selectClientes as $datos)      
        @if ($datos->sCliente != null)            
          @if  ($datos->sCliente == "MUNICIPALIDAD DE OSORNO")  
          <option  value="IM OSORNO">{{ucfirst(strtolower($datos->sCliente ))}}
          @else      
            @if($datos->sCliente == $clientes) 
              <option  selected value="{{ $datos->sCliente }}">{{ucfirst(strtolower($datos->sCliente ))}}
            @else
              <option   value="{{ $datos->sCliente }}">{{ucfirst(strtolower($datos->sCliente ))}}
            @endif
          @endif
        @endif        
    </option> 
    @endforeach
    @endif
    </select>
    </div>
    <!--AQUI SE CARGA EL PROYECTO-->
    <div class="container col-sm-3 form-group">
      <label for="clientes"><h2>Proyecto</h2></label>
      <select  class="custom-select mb-3" id="proyectos" name="proyectos">
        <option  selected disabled>seleccionar</option>
        @if (!empty($carga_selectProyectos))
        @foreach ($carga_selectProyectos as $datos)      
        @if ($datos->nombre != null)                      
          @if($datos->id == $proyectos) 
            <option  selected value="{{ $datos->id }}">{{ucfirst(strtolower($datos->nombre ))}}
          @else
            <option  value="{{ $datos->id }}">{{ucfirst(strtolower($datos->nombre ))}}
          @endif
        @endif        
    </option> 
    @endforeach
    @endif
      </select>
    </div>
   <!--AQUI SE CARGA EL SELECT DE REGION-->
  <div class="container col-sm-3 form-group" >
    <label for="region"><h2>Región</h2></label>
    <a onclick="actualizar_regiones()" >
        
      <label for="" style="font-size: 11px; color:white ;cursor: pointer; ;background-color:#00A06F; margin: 2px 3px 2px 3px;border-radius: 3px 3px 3px 3px;">&nbsp;Actualizar&nbsp;</label> 
    </a>
    <select id="region" name="region" class="custom-select mb-3">
      <option  selected disabled>seleccionar</option>
        @if (!empty($carga_selectRegion))
          @foreach ($carga_selectRegion as $datos1)
            @if ($datos1->sRegion != null)
                @if($datos1->sRegion == $region)
                <option  selected value="{{ $datos1->sRegion }}">{{ucfirst(strtolower($datos1->sRegion))}} </option>
              @else
              <option   value="{{ $datos1->sRegion }}">{{ucfirst(strtolower($datos1->sRegion))}} </option>
              @endif
            @endif
          @endforeach
        @endif
    </select>
  </div>
  <!--FIN SELECT DE REGION-->

  <!--AQUI SE CARGA EL SELECT DE COMUNA-->
  <div class="container col-sm-3 form-group" >
    <label for="comuna"><h2>Comuna</h2></label>
    <select id="comuna" name="comuna" class="custom-select mb-3">
      <option  selected disabled>seleccionar</option>
      @if (!empty($carga_selectComuna))
        @foreach ($carga_selectComuna as $datos2)
        @if ($datos2->sComuna != null)                    
              @if( $datos2->sComuna === $comuna)
                 <option  selected value="{{ $datos2->sComuna }}">{{ucfirst(strtolower($datos2->sComuna))}}
            @else
                 <option   value="{{ $datos2->sComuna }}">{{ucfirst(strtolower($datos2->sComuna))}}
              @endif
        @endif
    
      </option>
      @endforeach
      @endif
    </select>
  </div>
  <!--FIN SELECT DE COMUNA-->

  <div class="container col-sm-3 form-group" >
  <label for="sc"><h2>SC</h2></label>
  <input type="" class="form-control" id="sc" placeholder="SC" name="sc">
  </div>


</div>
  <!-- FIN BARRA DE BUSQUEDA -->
  </div>
  </div>
  
  <div class="container" style="margin-top: 20px">
      <button type="buscar" class="btn buscar float-sm-right">
          <h3 style="color:#FFFFFF; margin-top: 5px; width: 104px">Buscar</h3>
      </button>
  </div>
  </form>


  <div class="container" style="margin-top: 100px;margin-bottom:20px  " >
    <a style="color: #00A06F"  target="_blank" href="{{route('go.excel_instalacion') ?? ''}}"><img  src="{{ asset('img/excel-icon.png') }}" width="32px" height="auto" alt="">Exportar excel</a>
    <button class="btn btn-light" style="margin-left: 73.5%;">
      <td style="text-align: center">

        @if(!empty($mostrarMenu))
            @if($mostrarMenu == "si")
              <a  href="{{route('go.getalldownload',$urls ?? '')}}"><img src="{{ asset('img/Descargar PDF.png') }}" alt=""> Descargar</a>
            
              @endif
        @endif

      </td>
    </button>
  </div>

<!-- TABLA DE RESULTADOS DE BUSQUEDA --> 
    <div class="container reex " >
      <div class="conteiner row rein table-responsive-lg" style=" border: 5px solid  #e8f5fe; ">
        <table class="table table-bordered table-responsive-lg table-striped table-hover" style="margin: 0" id="gridData"        >         <!-- ENCABEZADO -->
            <thead>
              <tr>
                <th class="container-1"><h3>Fecha de Recepción</h3></th>
                <th class="container-2"><h3>Fecha Instalación</h3></th>
                {{-- <th class="container-2"><h3>Estado Despacho</h3></th> --}}
                <th class="container-2"><h3>Estado Instalación</h3></th>
                <th class="container-2"><h3>Cliente</h3></th>
                <th class="container-2"><h3>Proyecto</h3></th>
                <th class="container-2"><h3>Región</h3></th>
                <th class="container-2"><h3>Comuna</h3></th>
				<th class="container-2"><h3>Dirección | CUI</h3></th>                <th class="container-2"><h3>Nº de serie</h3></th>
                <th class="container-2"><h3>Acciones</h3></th>
                </tr>
              </thead>
            <!-- FIN ENCABEZADO -->
      
    <!-- RESULTADOS -->
            <tbody id="myTable">

              @if(!empty($instalaciones))
              @foreach ($instalaciones   as $los_datos)
              <tr>
                  
                    <td>
                        {{Carbon\Carbon::createFromDate($los_datos->fecha_registrado)->format('d-m-Y')}}
                    </td>
                                      
                    <td>
                      {{Carbon\Carbon::createFromDate($los_datos->fecha_instalacion_coordinadora )->format('d-m-Y')}}
                  </td>
                    {{-- <td style="text-transform: uppercase"> {{ucfirst($los_datos->sEstado_despacho ?? '')}}</td> --}}

                   
                              <td style="text-transform: uppercase"> {{ucfirst($los_datos->sEstado_instalacion ?? '')}}</td>
         

                    <td>{{$los_datos->sCliente ?? ''}}</td> 
                    <td>{{$los_datos->nombre ?? ''}}</td> 
                    <td>{{$los_datos->sRegion ?? ''}}</td>       
                    <td>{{$los_datos->sComuna ?? ''}}</td>
					          <td>{{$los_datos->sDireccion ?? ''}}</td>
                    @if($los_datos->Csserie_es != "" || $los_datos->Csserie_es != null)
                    <td>{{$los_datos->Csserie_es ?? ''}}</td>
                    @elseif($los_datos->Csserie_remplazo != "" || $los_datos->Csserie_remplazo != null)
                    <td>{{$los_datos->Csserie_remplazo ?? ''}}</td>
                    @else
                    <td>{{$los_datos->sSerie ?? ''}}</td> 
                    @endif
                    @if($los_datos->url_pdf != "" )
                      <td style="text-align: center">
                        @if($los_datos->Csserie_es != "" || $los_datos->Csserie_es != null)
                        <a  href="{{route('go.donwloader',$los_datos->url_pdf."mitad".$los_datos->Csserie_es ?? 'sinserie')}}"> <img src="{{ asset('img/Descargar PDF.png') }}" alt=""></a>
                        @elseif($los_datos->Csserie_remplazo != "" || $los_datos->Csserie_remplazo != null)
                        <a  href="{{route('go.donwloader',$los_datos->url_pdf."mitad".$los_datos->Csserie_remplazo ?? 'sinserie')}}"> <img src="{{ asset('img/Descargar PDF.png') }}" alt=""></a>
                        @else
                        <a  href="{{route('go.donwloader',$los_datos->url_pdf."mitad".$los_datos->sSerie ?? 'sinserie')}}"> <img src="{{ asset('img/Descargar PDF.png') }}" alt=""></a>
                        @endif
                       </td>
                     @else 
                     <td style="text-align: center">
                      <a > Sin PDF</a>
                     </td>
                  @endif
                      
                                
               </tr>
          
             
        
              @endforeach
              @endif
       
              </tbody>
            <!-- FIN RESULTADOS -->
    </table>
  </div>
    </div>
  <!-- FIN TABLA DE RESULTADOS DE BUSQUEDA -->
  </div>


{{-- /////////////////////////MODALLLL//////////// --}}
  <div class="modal fade" id="modal_historial_instalacion" role="dialog">
    <div class="modal-dialog  modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <h1 style="margin-top: 50px">Historial de Checklist</h1>
          <button type="button" class="close" data-dismiss="modal">&times;</button>   
        </div>
        <div class="modal-body">  
          <div class="container"><!-- sombra de separación con el fondo -->
            <div class="container">
              
            </div>
            
            <div class="container">
              {{-- <form action="{{route('actualizar.trabajador',Crypt::encryptString($trabajadores[0]->id_persona))}}" method="POST"> --}}

              <form action="{{route('go.asignar_check')}}" method="get">
      
               {{-- / @csrf --}}
               <input type="hidden" style="display: none" name="url_filtro" value="{{url()->full()}}">

                  <button type="submit" class="btn buscar"  id="btnview">
                    <input type="text" value="" id="m_id_instalacion" name="idintalacion" style="display:none">
                   <h3 style="color:#FFFFFF; margin-top: 5px; width: 104px">Asignar</h3>
             </form>


             
              </button>
            </div>
            
            
            <!-- FIN TABLA DE RESULTADOS DE BUSQUEDA --></div>

                  <!-- TABLA DE RESULTADOS DE BUSQUEDA --> 
                  <div class="container reex" style="margin-top: 10px">
                    <div class="conteiner row rein table-responsive-lg" style="border: 5px solid #e8f5fe">
                      <table class="table table-sm table-bordered table-responsive-md table-striped table-hover" style="margin: 0" id="dataGrid">
                        <!-- ENCABEZADO -->
                        <thead>
                          <tr>
                            <th class="container-2"><h3>Código</h3></th>
                            <th class="container-2"><h3>Fecha Asignada</h3></th>
                            <th class="container-2"><h3>Técnico</h3></th>
                            <th class="container-2"><h3>Estado</h3></th>
                            <th class="container-2"><h3>Acciones</h3></th>
                          </tr>
                        </thead>
                        <!-- FIN ENCABEZADO -->
                        
                        <!-- RESULTADOS -->
                        <tbody id="cuerpo_tabla">
                          <!-- R.1 -->
                          {{-- <tr>
                            <td><p>0098762354</p></td>
                            <td><p>07/08/2020</p></td>
                            <td><p>Alvaro Norambuena</p></td>
                            <td class="revisado">REVISADO</td>
                            <td>
                              <div style="text-align: center">
                                <a href="#" role="button" title="Editar"><img  src="{{ asset('Botones/Botones/Editar.png') }}" alt="" style="margin: 2px 0px"/></a>
                                <a href="#" role="button" title="Revisar"><img src="{{ asset('Botones/Botones/revisar_m.png') }}" alt="" style="margin: 2px 0px"/></a>
                              </div>
                            </td>
                            </tr>
                   --}}
                        
                     
                     
                        </tbody>
                        <!-- FIN RESULTADOS -->
                        </table>
                      </div>
                  </div>
          
        
        </div>
      </div>
    </div>
  </div>
  

  <div class="modal fade" id="modal_historial_detalle" role="dialog">
    <div class="modal-dialog  modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <h1 style="margin-top: 50px">DETALLE DE INSTALACIÓN DE EQUIPOS</h1>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
        <form>
        <div class="modal-body">
          <div class="container"><!-- sombra de separación con el fondo -->
            <div class="container">
              <div class="row reex">

                             <!-- Fila 1 ------------------------------------------------------>

                             <div class="container col-sm-3 form-group">
                                 <label for="email"><h2>Folio</h2></label>
                                 <input type="text" readonly="readonly" class="form-control locked textito" id="folioretiro" placeholder="FOLIO" name="folioretiro">
                             </div>
                             <div class="container col-sm-3 form-group">
                                 <label for="email"><h2>Guía</h2></label>
                                 <input type="" readonly="readonly" class="form-control locked textito" id="guiaretiro" placeholder="GUÍA" name="guiaretiro">
                             </div>
                             <div class="container col-sm-6 form-group"></div>

                             <div class="container"><hr class="linea"></div>

                             <!-- Detalle del Cliente -->
                             <div class="container col-12" style="margin-top: 10px">
                                 <h2><strong>Detalle del Cliente</strong></h2>
                             </div>
                             <!-- Fila 2 ------------------------------------------------------>
                             <div class="container col-sm-3 form-group">
                                 <label for="email"><h2>Cliente</h2></label>
                                 <input type="" readonly="readonly" class="form-control locked textito" id="clienteretiro" placeholder="CLIENTE" name="clienteretiro">
                                  </div>
                             <div class="container col-sm-3 form-group">
                                 <label for="email"><h2>Rut</h2></label>
                                 <input type="" readonly="readonly" class="form-control locked textito" id="rutretiro" placeholder="RUT" name="rutretiro">
                                          </div>
                             <div class="container col-sm-3 form-group">
                                 <label for="email"><h2>Región</h2></label>
                                 <input type="" readonly="readonly" class="form-control locked textito" id="regionretiro" placeholder="REGIÓN" name="regionretiro">
                                    </div>
                             <div class="container col-sm-3 form-group">
                                 <label for="email"><h2>Ciudad</h2></label>
                                 <input type="" readonly="readonly" class="form-control locked textito" id="ciudadretiro" placeholder="HORA DE TERMINO" name="ciudadretiro">
                                    </div>
                             <!-- Fila 3 ------------------------------------------------------>
                             <div class="container col-sm-6 form-group">
                                 <label for="email"><h2>Dirección</h2></label>
                                 <input type="" readonly="readonly" class="form-control locked textito" id="direccionretiro" placeholder="DIRECCIÓN" name="direccionretiro">
                              </div>
                             <div class="container col-sm-3 form-group">
                                 <label for="email"><h2>Comuna</h2></label>
                                 <input type="" readonly="readonly" class="form-control locked textito" id="comunaretiro" placeholder="COMUNA" name="comunaretiro">
                                    </div>
                             <div class="container col-sm-3 form-group" style="margin-top:-20px;textito">
                                 <label for="email" ><h2>CUI o Cod Sucursal</h2></label>
                                 <input type="" readonly="readonly" class="form-control locked textito" id="codigoretiro" placeholder="CUI O CÓDIGO SUCURSAL" name="codigoretiro">

                             </div>

                             <div class="container"><hr class="linea"></div><br>

                             <!-- Detalle de Equipamiento -->
                             <div class="container col-12" style="margin-top: 10px">
                                 <h2><strong>Detalle de Equipamiento</strong></h2>
                             </div>
                             <!-- Fila 4 ------------------------------------------------------>
                             <div class="container col-sm-3 form-group">
                                 <label for="email"><h2>Serie</h2></label>
                                 <input type="" readonly="readonly" class="form-control locked textito" id="serieretiro" placeholder="SERIE" name="serieretiro">
                                      </div>
                             <div class="container col-sm-3 form-group">
                                 <label for="email"><h2>Modelo</h2></label>
                                 <input type="" readonly="readonly" class="form-control locked textito" id="modeloretiro" placeholder="MODELO" name="modeloretiro">
                                    </div>
                             <div class="container col-sm-3 form-group">
                                 <label for="email"><h2>Contador B/N</h2></label>
                                <input type="" readonly="readonly" class="form-control locked textito" id="contadorretiro" placeholder="CONTADOR B/N" name="contadorretiro">
                                 </div>
                             <div class="container col-sm-3 form-group">
                                 <label for="email"><h2>Contador color</h2></label>
                                  <input type="" readonly="readonly" class="form-control locked textito" id="colorcontadorretiro" placeholder="CONTADOR COLOR" name="colorcontadorretiro">                         </div>
                             <!-- Fila 5 ------------------------------------------------------>

                             <div class="container"><hr class="linea"></div>

                             <div class="container col-sm-12 form-group checkbox">
                                 <label for="cambio"> <h3>Observaciones</h3></label>
                                 <textarea readonly="readonly" class="form-control locked textito" id="obs" name="obsercaviones" rows="4" ></textarea>
                                                            </div>

                             <div class="container"><hr class="linea"></div>
                             <!-- Fila 6 ------------------------------------------------------>
                             <div class="container col-sm-6 form-group">
                                 <label for="email"><h2>Estado</h2></label>
                                 <input type="" readonly="readonly" class="form-control locked textito" id="" placeholder="ESTADO" name="">
                             </div>
                             <div class="container col-sm-6 form-group"></div>
                       </div>
            </div>
        </div>
      </form>
      </div>
    </div>
  </div>





@endsection

  <script>
$(document).ready(function(){

    $('.ver_historial').click(function() {    
          var id_instalacion = $(this).attr("data-id");
         $("#m_id_instalacion").val(id_instalacion)


          var _token = $('input[name="_token"]').val();


        $.ajax({


            method:"POST",

            url:"{{ route('checklist.asociados') }}",

            data: { 'id_instalacion': id_instalacion,  _token:_token},

      success: function(data) {
        console.log(data);
   
        $(cuerpo_tabla).empty();
        $(cuerpo_tabla).append(data);
        $("#modal_historial_instalacion").modal('show');
                //validacion del boton
                var  toma2 = "";
                //estado con boton
                var cancel = "cancelado";

                //estados sin boton
                var pend = "pendiente";
                var revis = "revisado";
                var asigna = "asignado";
                var fina = "finalizado";
                var recha = "rechazado";

                //funcion para botener el estado de la primera fila
                $.each($("#dataGrid:eq(0)"), function() {
                    toma2 = $(this).find('td').eq(3).html();
                    console.log(toma2);


                    //estados sin boton
                    if(toma2 == 'cancelado' || toma2 == "Cancelado"){
                        $('#btnview').show();
                    }else  if(toma2 == pend || toma2 == "Pendiente"){
                        $('#btnview').show();
                    }else  if(toma2 == fina || toma2 == "Finalizado" ){
                        $('#btnview').hide();
                    }else  if(toma2 == asigna ||  toma2 == "Asignado"){
                        $('#btnview').hide();
                    }else  if(toma2 == revis || toma2 == "Revisado"){
                        $('#btnview').hide();
                    }else  if(toma2 == recha || toma2 == "Rechazado" ){
                        $('#btnview').hide();           
                    }else  if(toma2 == "revisar" || toma2 == "Revisar" ){
                        $('#btnview').hide();           
                    }else  if(toma2 == "tarea_asignada" || toma2 == "Tarea_asignada" || toma2 == "Tarea Asignada" ){
                        $('#btnview').hide();           
                    }else if (data == '<tr><td>Sin Datos</td></tr>'){
                        $('#btnview').show();
                    }


                  });


      },

      error: function(xhr, status) {
          alert('Disculpe, ha ocurrido un problema, intente mas tarde');
      }

      });

        })
  })
    
    $('.ver_historial_instalacion').click(function() {
           // var descripcion_pago = $(this).attr("data-descripcion_pago");
           // $("#mi_descripcion").text(descripcion_pago)
           $("#modal_historial_detalle").modal('show');

      });
  </script>





<script>
  $(document).ready(function(){

      $('.ver_historial_instalacion').click(function() {
            var id_instalacion = $(this).attr("data-id");
           $("#m_id_instalacion").val(id_instalacion)


            var _token = $('input[name="_token"]').val();
            $("#modal_historial_detalle").modal('show');
          $.ajax({
                  method:"POST",

                  url:"{{ route('datos_instalacion') }}",

                  data: { 'id_instalacion': id_instalacion,  _token:_token},

              success: function(data) {
                  console.log(data);
                  $.each(data, function(i, item) {

                  $("#folioretiro").val(item.nFolio);
                  $("#guiaretiro").val(item.nGuia);
                  $("#clienteretiro").val(item.sCliente);
                  $("#rutretiro").val(item.sRut);
                  $("#regionretiro").val(item.sRegion);
                  $("#ciudadretiro").val(item.sCiudad);
                  $("#direccionretiro").val(item.sDireccion);
                  $("#comunaretiro").val(item.sComuna);
                  $("#codigoretiro").val(item.sCui);
                  $("#comunaretiro").val(item.sComuna);
                  $("#serieretiro").val(item.sSerie);
                  $("#modeloretiro").val(item.sModelo);
                  $("#contadorretiro").val(item.nContador);
                  $("#colorcontadorretiro").val(item.nContador_color);
                  $("#obs").val(item.sObservacion);
                  });

          },

              error: function(xhr, status) {
                  alert('Disculpe, ha ocurrido un problema, intente mas tarde');
          }

          });


          });
    });

    </script>

<script>
  $(document).ready(function(){
    $("#serie").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#myTable tr").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
    });
  });
  </script>


<script>


  function actualizar_regiones(){
             var _token = $('input[name="_token"]').val();
  
             $.ajax({
                    method:"GET",
  
                    url:"{{ route('go.actualizarregiones') }}",
  
                    data: {   _token:_token},
  
                success: function(data) {
                      alert("proceso Completado");
                      location.reload();
  
                  },
  
                error: function(xhr, status) {
                    alert('Disculpe, ha ocurrido un problema, intente mas tarde');
                 }
  
            });
  
  }
  
  
    
    $(document).ready(function(){


      $("#clientes").change(function(){
        
      
      
        cliente = $('select[id=clientes]').val();
          var _token = $('input[name="_token"]').val();
     
      $.ajax({
         method:"POST",

            url:"{{ route('buscarRegionClientes') }}",

            data: {  _token:_token,'cliente':cliente},

        success: function(data) {
          console.log(data);
          $("#comuna").empty();
          $("#direccion").empty();
          $("#sucursal").empty();
          $("#region").empty();
          

          $("#comuna").append('<option value="">Seleccionar</option>');
          $("#direccion").append('<option value="">Seleccionar</option>');
          $("#sucursal").append('<option value="">Seleccionar</option>');
          $("#region").append('<option value="">Seleccionar</option>');

          // $('#comuna').prop('disabled', true);
          // $('#direccion').prop('disabled', true);
          // $('#sucursal').prop('disabled', true);


          $(data).each(function(i, v){ // indice, valor
            //if(v.sComuna != null || v.sComuna != "null"  ){ 
                $("#region").append('<option value="' + v.sRegion + '">' + v.sRegion + '</option>');
                  })
            // }
            $('#region').prop('disabled', false);

       },

     error: function(xhr, status) {
         alert('Disculpe, ha ocurrido un problema, intente mas tarde');
      }

 });

});
      $(".opcionesSele").change(function(e) { 
            var idClientes = $(this).val();
            var _token = $('input[name="_token"]').val();
            $.ajax({
              headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
              url:"{{ route('obtenerProyectosAsociados2') }}",
              type: "post",
              data: {'idClientes': idClientes},
              success: function(response) {
                $("#proyectos").empty();
                $("#proyectos").append("<option value='0'>" + "Seleccionar"+ "</option>");
                $.each(response, function( index, value ) {             
                  $("#proyectos").append("<option value="+value.id+">" + value.nombre+ "</option>");
                });
              },
              error: function(xhr, status) {
                alert('Disculpe, ha ocurrido un problema, intente mas tarde');
              }
            })
          })    
        
      $("#region").change(function(){
  
      
             region = $('select[id=region]').val();
             var _token = $('input[name="_token"]').val();
  
             $.ajax({
                    method:"POST",
  
                    url:"{{ route('buscarComunas') }}",
  
                    data: { 'region': region,  _token:_token,'cliente':$("#clientes").val()},
  
                success: function(data) {
                  $("#comuna").empty();
                  $("#direccion").empty();
                  $("#sucursal").empty();
                 
                  $("#comuna").append('<option value="">Seleccionar</option>');
                  $("#direccion").append('<option value="">Seleccionar</option>');
                  $("#sucursal").append('<option value="">Seleccionar</option>');
                  $(data).each(function(i, v){ // indice, valor
                    //if(v.sComuna != null || v.sComuna != "null"  ){ 
                        $("#comuna").append('<option value="' + v.sComuna + '">' + v.sComuna + '</option>');
                          })
                   // }
                   $('#comuna').prop('disabled', false);

                  },
  
                error: function(xhr, status) {
                    alert('Disculpe, ha ocurrido un problema, intente mas tarde');
                 }
  
            });
    });
    $("#comuna").change(function(){
      comuna = $('select[id=comuna]').val();
             var _token = $('input[name="_token"]').val();
  
  
  
             $.ajax({
                    method:"POST",
  
                    url:"{{ route('buscardirecciones') }}",
  
                    data: { 'comuna': comuna,  _token:_token, 'cliente':$("#clientes").val()},
  
                success: function(data) {
                  $("#direccion").empty();
                  $("#sucursal").empty();
                  $("#direccion").append('<option value="">Seleccionar</option>');
                  $("#sucursal").append('<option value="">Seleccionar</option>');
  
                  $(data).each(function(i, v){ // indice, valor
                    //if(v.sdireccion != null || v.sdireccion != "null"  ){ 
                        $("#direccion").append('<option value="' + v.sDireccion + '">' + v.sDireccion + '</option>');
                          })
                   // }
                   $('#direccion').prop('disabled', false);
                  },
                 

                error: function(xhr, status) {
                    alert('Disculpe, ha ocurrido un problema, intente mas tarde');
                 }
  
            });
    });
  
    $("#direccion").change(function(){
      direccion = $('select[id=direccion]').val();
             var _token = $('input[name="_token"]').val();
  
  
             $.ajax({
                    method:"POST",
  
                    url:"{{ route('buscarsucursales') }}",
  
                    data: { 'direccion': direccion,  _token:_token, 'cliente':$("#clientes").val()},
  
                success: function(data) {
                  $("#sucursal").empty();
                  $("#sucursal").append('<option value="">Seleccionar</option>');
  
                  $(data).each(function(i, v){ // indice, valor
                    //if(v.ssucursal != null || v.ssucursal != "null"  ){ 
                        $("#sucursal").append('<option value="' + v.sTipo_sucursal + '">' + v.sTipo_sucursal + '</option>');
                          })
                   // }
                   $('#sucursal').prop('disabled', false);
                  },
                 

  
                error: function(xhr, status) {
                    alert('Disculpe, ha ocurrido un problema, intente mas tarde');
                 }
  
            });
    });
  
      });
  
      </script>