@extends('menu/menu')
<style>


  #myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #2d2f6f;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 35px;
  }
  
  #myBtn:hover {
    background-color: #bf4e2b;
  }
  
  </style>
{{-- <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"> --}}

<button class="mt-1" onclick="topFunction()" id="myBtn" title="Go to top"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-arrow-up-circle-fill" viewBox="0 0 16 16">
  <path d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0zm-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11.5z"/>
</svg></button>

@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')}}" method="GET">
  <div class="container-fluid">
    <div class="container"><br>
    <!-- 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>
        <input type="hidden" name="proveedor" value="{{$proveedor}}">
        <div class="container col-sm-3 form-group" >
          <label for="datepicker" style="margin-right: 10px;"><h2>Fecha inicio</h2></label></label><button type="button" class="btn btn-sm btn-warning" id="vaciar_fecha1">Limpiar</button>
          <input type="date" class="form-control" id="datepicker" value="{{$fecha ?? ''}}" name="datepicker">
        </div>

        <div class="container col-sm-3 form-group " >
          <label for="datepicker2" style="margin-right: 10px;"><h2>Fecha fin</h2></label></label><button type="button" class="btn btn-sm btn-warning" id="vaciar_fecha2">Limpiar</button>
          <input type="date" class="form-control" id="datepicker2" value="{{$fecha2 ?? ''}}" name="datepicker2">
        </div>


        <!--AQUI SE CARGA EL SELECT DE COMUNA-->
        <div class="container col-sm-3 form-group" >        
          <label for="tecnicos"><h2>Técnico</h2></label>
          <select id="tecnicos" name="tecnicos" class="custom-select mb-3">
            <option selected value="" >seleccionar</option>
            @if (!empty($tecnico))
              @foreach ($tecnico as $tecnicos)
                @if ($tecnicos->nombre_uno != null)    
                  @if($tecnicos->id == $id_persona )
                    <option selected value="{{ $tecnicos->id }}">{{ucfirst(strtolower($tecnicos->nombre_uno))}} {{ucfirst(strtolower($tecnicos->apellido_uno))}}                          
                  @else 
                    <option  value="{{ $tecnicos->id }}">{{ucfirst(strtolower($tecnicos->nombre_uno))}} {{ucfirst(strtolower($tecnicos->apellido_uno))}}
                  @endif
                @endif                    
              @endforeach
            @endif
          </select>
        </div>
        <!--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 value="" >seleccionar</option>
          @if (!empty($carga_selectEstado))
            @foreach ($carga_selectEstado as $estados)
              @if ($estados->sEstado_instalacion != null)
                @if ($estados->sEstado_instalacion == $estado)
                  <option selected value="{{ $estados->sEstado_instalacion }}">{{ucfirst(strtolower($estados->sEstado_instalacion))}}</option>
                @else
                  <option  value="{{ $estados->sEstado_instalacion }}">{{ucfirst(strtolower($estados->sEstado_instalacion))}}</option>
                @endif
              @endif      
            @endforeach
          @endif
        </select>
        </div>
        <!--FIN SELECT DE ESTADO-->

        <!--AQUI SE CARGA EL SELECT DE CLIENTE-->
        <div class="container col-sm-3 form-group" >
          <label for="clientes"><h2>Cliente</h2></label> <a href="" data-toggle="modal" data-target="#modalcalendario"><a href="{{route('go.api_instalacion')}}" > <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;Cambiar&nbsp;</label> </a>
          <select  class="custom-select mb-3" id="clientes" name="clientes" style="pointer-events: none"  readonly="readonly" >
            @if (!empty($carga_selectClientes))
              @foreach ($carga_selectClientes as $clientes)      
                @if($clientes->sCliente != null)     
                  @if ($clientes->sCliente == $cliente_seleccionado)
                  <option  selected value="{{ $clientes->sCliente }}">{{ucfirst(strtolower($clientes->sCliente ))}}
                  @endif
                @endif
              @endforeach
            @endif
          </select>
        </div>
        <!--FIN SELECT DE CLIENTE-->
     <!--AQUI SE INGRESA EL N° DE SERIE-->
     <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" value = "{{$serie ?? ''}}" placeholder="Nº de Serie">
        </div>

        <!--AQUI SE INGRESA EL SC-->
        <div class="container col-sm-3 form-group" >
          <label for="sc"><h2>SC</h2></label>
          <input type="" class="form-control" id="sc" placeholder="SC" value= "{{$sc ?? ''}}" name="sc">
        </div>
        <div class="container col-sm-3 form-group" >

        </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 value="" >seleccionar</option>
            <option   value="" >Todos</option>

              @if (!empty($carga_selectRegion))
                @foreach ($carga_selectRegion as $regiones)
                  @if ($regiones->sRegion != null)
                    @if($regiones->sRegion == $region)
                      <option selected value="{{ $regiones->sRegion }}">{{ucfirst(strtolower($regiones->sRegion))}} </option>
                    @else
                      <option value="{{ $regiones->sRegion }}">{{ucfirst(strtolower($regiones->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 value="">seleccionar</option>
            <option   value="" >Todos</option>

            @if (!empty($carga_selectComuna))
              @foreach ($carga_selectComuna as $comunas)
                @if ($comunas->sComuna != null)     
                  @if($comunas->sComuna == $comuna)               
                    <option selected value="{{ $comunas->sComuna }}">{{ucfirst(strtolower($comunas->sComuna))}}</option>
                  @else
                    <option  value="{{ $comunas->sComuna }}">{{ucfirst(strtolower($comunas->sComuna))}}</option>
                  @endif
                @endif
              @endforeach
            @endif
          </select>
        </div>
        <!--FIN SELECT DE COMUNA-->

     


        <!--AQUI SE CARGA EL SELECT DE DIRECCION-->
        <div class="container col-sm-3 form-group" >
          <label for="direccion"><h2>Direccion</h2></label>
          <select id="direccion" name="direccion" class="custom-select mb-3">
            <option selected value="">seleccionar</option>
            <option   value="" >Todos</option>

            @if (!empty($direccionTemporal))
              @foreach ($direccionTemporal as $direcciones)
                @if ($direcciones->descripcion_direccion != null)
                  @if ($direcciones->descripcion_direccion == $direccion)                    
                    <option selected value="{{ $direcciones->descripcion_direccion }}">{{ucfirst(strtolower($direcciones->descripcion_direccion))}}</option>
                  @else
                    <option  value="{{ $direcciones->descripcion_direccion }}">{{ucfirst(strtolower($direcciones->descripcion_direccion))}}</option>
                  @endif
                @endif
              @endforeach
            @endif
          </select>
        </div>
        <!--FIN SELECT DE DIRECCION-->

        <!--AQUI SE CARGA EL SELECT DE SUCURSAL-->
        <div class="container col-sm-3 form-group" >
          <label for="sucursal"><h2>Sucursal</h2></label>
          <select id="sucursal" name="sucursal" class="custom-select mb-3">
            <option selected value="">seleccionar</option>
            @if (!empty($carga_selectSucursal))
              @foreach ($carga_selectSucursal as $sucursales)
              <option   value="" >Todos</option>

                @if ($sucursales->sTipo_sucursal != null)
                  @if($sucursales->sTipo_sucursal == $sucursal)                    
                  <option selected value="{{ $sucursales->sTipo_sucursal }}">{{ucfirst(strtolower($sucursales->sTipo_sucursal))}}</option>
                  @else
                  <option  value="{{ $sucursales->sTipo_sucursal }}">{{ucfirst(strtolower($sucursales->sTipo_sucursal))}}</option>
                  @endif
                @endif
              @endforeach
            @endif
          </select>
        </div>
        <!--FIN SELECT DE DIRECCION-->
      </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>


  {{          session(['url_cordinadora' => url()->full()])     }}


  <div class="container" style="margin-top: 100px;margin-bottom:20px  " >
  <a style="color: #00A06F; "  target="_blank" href="{{route('go.excel_instalacionCordinadora',Crypt::encryptString(url()->full()))}}"><img  src="{{ asset('img/excel-icon.png') }}" width="32px" height="auto" alt="">Exportar excel</a>  
  &nbsp;&nbsp;<a style="color: red;margin-left: 30px"  target="_blank" href="{{route('exportar_instalacionchecklist',$cliente_seleccionado)}}"><img  src="{{ asset('img/excel-icon.png') }}" width="32px" height="auto" alt="">
    Exportar excel con checklist
  </a> 
</div>
  {{-- <div class="container" style="margin-top: 10px;margin-bottom:20px  " > --}}

  {{-- </div> --}}
<!-- TABLA DE RESULTADOS DE BUSQUEDA --> 
    <!-- <div class="container reex " > -->
    <div class="col-md-12 col-sm-12 col-xs-12" style="margin-left: 0%" >
      <div class="conteiner row rein table-responsive" 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 Asociado</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>
              @if(!empty($instalaciones))
              @foreach ($instalaciones   as $los_datos)
              <tr>
                  
                    <td>
                        {{Carbon\Carbon::createFromDate($los_datos->fecha_registrado)->format('d-m-Y')}}
                    </td>
                                      
                    <td>
                    @if($los_datos->fecha_instalacion_coordinadora != "" || $los_datos->fecha_instalacion_coordinadora != null )
                     {{Carbon\Carbon::createFromDate($los_datos->fecha_instalacion_coordinadora )->format('d-m-Y')}}
                   @else  
                     
                  @endif
                  </td>
                  <td style="text-transform: uppercase"> {{ucfirst($los_datos->sEstado_despacho ?? '')}} <br>  Ins. : {{ucfirst($los_datos->instalador ?? '')}} </td> 
                
                    {{-- <td style="text-transform: uppercase"> {{ucfirst($los_datos->sEstado_instalacion ?? '')}}</td> --}}

                    @if ($los_datos->sEstado_instalacion == "revisar")
                        <td style="text-transform: uppercase" class="revisado">  {{ucfirst($los_datos->sEstado_instalacion ?? '')}}</td>
                    @else 
                      <td style="text-transform: uppercase"> {{ucfirst($los_datos->sEstado_instalacion ?? '')}}</td>
                   @endif

                    {{-- @if (!empty($los_datos->sEstado_instalacion))     

                          @if($los_datos->sEstado_instalacion == "finalizado")
                              <td style="text-transform: uppercase"> {{ucfirst($los_datos->sEstado_instalacion ?? '')}}</td>
                          @else 
                              <td style="text-transform: uppercase"> NO INFORMADO	</td>
                        @endif
                    @else 
                    <td style="text-transform: uppercase"> No Informado</td>

                    @endif --}}

                    <td>{{$los_datos->sCliente ?? ''}}</td>  
                    @if ($los_datos->nombre == "Global")
                    <td>No Asignado</td>  
                    @else
                    <td>{{$los_datos->nombre ?? ''}}</td>  
                    @endif
                     <td>{{$los_datos->sRegion ?? ''}}</td> 
      
                    <td>{{$los_datos->sComuna ?? ''}}</td>
					          <td>{{$los_datos->sDireccion ?? ''}} <br>
                      CUI :  {{$los_datos->sCui ?? ''}}
                    </td>
                    {{-- <td>{{$los_datos->Csserie_remplazo ?? $los_datos->sSerie ?? ''}}</td> --}}
                    @if($los_datos->Csserie_remplazo != null || $los_datos->Csserie_remplazo != "")
                    <td>{{$los_datos->Csserie_remplazo ?? ''}}</td>
                    @else
                      {{-- Este metodo permite ir y busca una serie de remplazo, si esque tubiera --}}
                      @php
                        $cssSerie = "";
                        $consulta = DB::table('asignacion_instalacions')
                        ->JOIN("checklist_instalacions","checklist_instalacions.asignacion_instalacion_retiro_id","=","asignacion_instalacions.id")
                        ->select('checklist_instalacions.Csserie_remplazo')
                        ->where('asignacion_instalacions.lista_instalacion_id','=',$los_datos->id) 	
                        ->orderBy('checklist_instalacions.id', 'desc')
                        ->LIMIT(1)   
                        ->get();
                          if(count($consulta) > 0){
                            if($consulta[0]->Csserie_remplazo != "" || $consulta[0]->Csserie_remplazo != null) {
                              $cssSerie = $consulta[0]->Csserie_remplazo;
                            }else{
                              $cssSerie = $los_datos->sSerie;
                            }
                        }else{
                          $cssSerie = $los_datos->sSerie;
                        }                   
                      @endphp
                    <td>{{$cssSerie}}</td> 
                    @endif
                    <td>
                       <div style="text-align: center">
                           <a href="#" role="button"  title="Ver Detalle"><img data-id="{{Crypt::encryptString($los_datos->id)}}"
                            src="{{ asset('Botones/Botones/Ver_detalle.png') }}" class="ver_historial_instalacion"  alt="" style="margin: 2px 5px"/></a>
                          
                            <a  role="button" title="Historial"><img data-id="{{Crypt::encryptString($los_datos->id)}}" data-estado="{{$los_datos->sEstado_despacho}}" src="{{ asset('Botones/Botones/Historial.png') }}" class="ver_historial"   alt="" style="margin: 2px 5px"/></a>      
                            <a role="button" title="Historial"><img data-id="{{Crypt::encryptString($los_datos->id)}}" src="{{ asset('Botones/Botones/Informacion.png') }}" class="ver_historial_check" alt="" style="margin: 2px 5px"/></a>
             
                          {{-- <a href="#" role="button" title="Finalizar Manual"><img  src="{{ asset('Botones/Botones/Finalizar_manual.png') }}"   alt="" style="margin: 2px 5px"/></a> --}}
                       </div>
                    </td>                   
               </tr>
          
             
        
              @endforeach
              @endif
       
              </tbody>
            <!-- FIN RESULTADOS -->
    </table>
  </div>
    </div>
  <!-- FIN TABLA DE RESULTADOS DE BUSQUEDA -->
  </div>


{{-- /////////////////////////MODALLLL//////////// --}}
<!--Modal Historial instalacion-->
<div class="modal" id="modalver_historial_check">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title"> Historial</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <div class="container"> 
                    <table class="table table-bordered table-responsive table-striped">
                        <thead>
            <th scope="col">N° de atencion</th>
                            <th scope="col">N° de serie</th>
                            <th scope="col">Direccion</th>
                            <th scope="col">Cliente</th>
                            <th scope="col">Fecha</th>
                            <th scope="col">Contador B/N</th>
                            <th scope="col">Contador Color</th>
                            <th scope="col">Tipo Visita</th>
                            <th scope="col">Observaciones</th>
                            <th scope="col">Accesorios</th>
                        </thead>
                        <tbody id="agregar_historial_instalacion"></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
  <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_check').click(function(){
            id = $(this).attr("data-id");
            $.ajax({
                headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'POST',
                url: "{{ route('go.historial_check_instalacions') }}",
                data: {
                'id': id
                },
                success: function(data) {
          console.log(data);
                    $('#agregar_historial_instalacion').empty();
                    $("#modalver_historial_check").modal('show');
                    $('#agregar_historial_instalacion').append(data)
                },
                error: function(xhr, status) {
                    alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
                }
            })
        })
    $('.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(){


    $("#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>');
             })
      // }

     },

   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>');
             })
      // }

     },

   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>');
             })
      // }

     },

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

});
});

      $('.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>
  //Get the button
  var mybutton = document.getElementById("myBtn");
  
  // When the user scrolls down 20px from the top of the document, show the button
  window.onscroll = function() {scrollFunction()};
  
  function scrollFunction() {
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
      mybutton.style.display = "block";
    } else {
      mybutton.style.display = "none";
    }
  }
  
  // When the user clicks on the button, scroll to the top of the document
  function topFunction() {
    document.body.scrollTop = 0;
    document.documentElement.scrollTop = 0;
  }
  </script>
   <script>
  $(document).ready(function(){
    $('#vaciar_fecha1').click(function() {
      $('#datepicker').val("");
    });
    $('#vaciar_fecha2').click(function() {
      $('#datepicker2').val("");
    });
  });
</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');
               }

          });

}

</script>