@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')

@if ( session('mensaje') )
    <div class="alert alert-success">{{ session('mensaje') }}</div>
@endif

<form action="{{route('filtros_retiro')}}" method="GET">
  <div class="container-fluid">
    <div class="container">
    <!-- BARRA DE BUSQUEDA -->
      <h1 style="margin-top: 50px">Retiro</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}}">
        <!--AQUI SE CARGA EL SELECT DE CLIENTE-->
        <div class="container col-sm-4 form-group">
          <label for="clientes"><h2>Cliente</h2></label>
          <select  class="custom-select mb-3" id="clientes" name="clientes">
              <option  selected value="">seleccionar</option>
              @foreach ($carga_selectClientes2 as $cliente)
                @if($cliente->sCliente == $clientes   and $cliente->sCliente != "" and $cliente->sCliente != null )
                  <option selected value="{{ $cliente->sCliente }}">{{ ucfirst(strtolower($cliente->sCliente)) }}</option>
                @elseif($cliente->sCliente != "" || $cliente->sCliente != null )
                  <option  value="{{ $cliente->sCliente }}">{{ ucfirst(strtolower($cliente->sCliente)) }}
                @endif
              </option>
              @endforeach
          </select>
        </div>
        <!--AQUI SE CARGA LA FECHA-->
        <div class="container col-sm-4 form-group">
          <label for="fecha" style="margin-right: 10px;"><h2>Fecha de Retiro</h2></label><button type="button" class="btn btn-sm btn-warning" id="vaciar">Limpiar</button>
          <input type="date" class="form-control" id="fecha" value="{{$fecha1 ?? ''}}" name="fecha">
        </div>
        <!--FIN FECHA-->

        <!--AQUI SE CARGA EL SELECT DE ESTADO-->
        <div class="container col-sm-4 form-group">
            <label for="estado"><h2>Estado</h2></label>
            <select  id="estado" name="estado" class="custom-select mb-3">
              <option  selected value="">seleccionar</option>
              @foreach ($carga_selectEstado2 as $estados)
                @if($estados->estado_retiro_Cord == $estado)
                  <option selected value="{{ $estados->estado_retiro_Cord }}">{{ ucfirst(strtolower($estados->estado_retiro_Cord)) }}</option>
                @else
                  <option  value="{{ $estados->estado_retiro_Cord }}">{{ ucfirst(strtolower($estados->estado_retiro_Cord)) }}</option>
                @endif
              @endforeach
            </select>
        </div>
        <!--FIN SELECT DE ESTADO-->
  
        <!--FIN SELECT DE CLIENTE-->
  

        <!--AQUI SE CARGA EL SELECT DE REGION-->
        <div class="container col-sm-4 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 selected 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-4 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 selected value="">Todos</option>

                @foreach ($carga_selectComuna2 as $comunas)
                  @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
                @endforeach
            </select>
        </div>
        <!--FIN SELECT DE COMUNA-->
 

  
        <!--FIN SELECT COMUNA-->
        
        <!--AQUI SE CARGA EL SELECT DE DIRECCION-->
        <div class="container col-sm-4 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 selected 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}}">{{$direcciones->descripcion_direccion}}</option>
                  @else
                    <option value="{{$direcciones->descripcion_direccion}}">{{$direcciones->descripcion_direccion}}</option>
                  @endif
                @endif
              @endforeach
            @endif
          </select>       
        </div>
               
        <div class="container col-sm-4 form-group">
            <label for="serie"><h2>Nº de Serie</h2></label>
            <input type="" class="form-control" id="serie" value="{{$serie ?? ''}}" name="serie" placeholder="Nº de Serie">
        </div>
              <!--AQUI SE CARGA EL SELECT DE COMUNA-->
              <div class="container col-sm-4 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 DIRECCION-->

        <!--AQUI SE CARGA EL SELECT DE SUCURSAL-->
        <div class="container col-sm-4 form-group">
          <!--<label for="Sucursal"><h2>Sucursal</h2></label>  
          <select id="tecnicos" name="tecnicos" class="custom-select mb-3">    
          </select>-->
        </div>
        <!--FIN SELECT SUCURSAL-->
      </div>
      <!-- FIN BARRA DE BUSQUEDA -->
    </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>
    </div>
  </form>


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

  <div class="container" style="margin-top: 100px;margin-bottom:20px  " >
    <a style="color: #00A06F"  target="_blank" href="{{route('ir_vista_excel',Crypt::encryptString(url()->full()))}})}}"><img  src="{{ asset('img/excel-icon.png') }}" width="32px" height="auto" alt="">Exportar excel</a> 
    <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modalretiroTemporal" style="margin-left: 70%;">

      Crear retiro temporal

    </button>
  
  </div>
  

  {{-- {{session('url_retiro') }} --}}
  
<!-- 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 ><h3>Fecha de Retiro</h3></th>
                <th ><h3>Estado ( Kyocera)</h3></th>
                <th ><h3>Estado Retiro</h3></th>
                <th ><h3>Cliente</h3></th>
                <th ><h3>sRegión</h3></th>
                <th ><h3>Comuna</h3></th>
                <th ><h3>Dirección</h3></th>
                <th><h3>CUI</h3></th>
                <th ><h3>Nº de serie</h3></th>
                <th ><h3>Acciones</h3></th>
                </tr>
              </thead>
            <!-- FIN ENCABEZADO -->
      
    <!-- RESULTADOS -->
            <tbody>

              @if(!empty($retiros))
              @foreach ($retiros   as $los_datos)
              <tr>
                    <td>
                      @if($los_datos->fecha_retiroCord != null  and $los_datos->fecha_retiroCord  !=  "0000-00-00")
                      {{Carbon\Carbon::createFromDate($los_datos->fecha_retiroCord)->format('d-m-Y')}}
                      @else 
                      Sin Fecha
                      @endif
                    </td>
                    <td class="mayuscula" >{{$los_datos->sEstado}}<br>
                      @if($los_datos->instalador != null)

                      ({{$los_datos->instalador}})
                      @else 
                      @endif
                    </td>
                    <td class="mayuscula"  > {{$los_datos->estado_retiro_Cord}}</td>
                    <td class="mayuscula"  >{{$los_datos->sCliente}}</td>   
                    <td class="mayuscula"  >{{$los_datos->sRegion}}</td>       
                    @if($los_datos->sComuna != "REVISAR CHECK" and $los_datos->sComuna != "revisar check" and $los_datos->sComuna != "Revisar Check")
                    <td class="mayuscula"  >{{$los_datos->sComuna}}</td>
                    @else 
                    <td></td>
                    @endif
					          <td class="mayuscula"   > {{$los_datos->sDireccion}}</td>                    @if($los_datos->sCui != "undefined")
                    <td>{{$los_datos->sCui}}</td>
                    @else
                    <td>
                    @endif
                    </td>
                    @if($los_datos->sSerie != "REVISAR CHECK" and $los_datos->sSerie != "revisar check" and $los_datos->sSerie != "Revisar Check")
                    <td>{{$los_datos->sSerie}}</td> 
                    @else 
                    <td></td>
                    @endif
                    <td>
                      <div style="text-align: center">
                                    <a href="#" role="button" title="Ver Detalle"><img data-id="{{Crypt::encryptString($los_datos->id)}}"
                                      class="verdetalle" src="{{ asset('Botones/Botones/Ver_detalle.png') }}"  alt="" style="margin: 2px 5px"/></a>
                                    {{-- <a href="#" role="button" title="Historial"><img src="{{ asset('Botones/Botones/Historial.png') }}"  class="ver_historial_retiros" alt="" style="margin: 2px 5px"/></a> --}}
                                    <a href="#" role="button" title="Historial"><img data-id="{{Crypt::encryptString($los_datos->id)}}" src="{{ asset('Botones/Botones/Historial.png') }}" class="ver_historial_retiros"   alt="" style="margin: 2px 5px"/></a>
                                    <a href="#" role="button" title="Historial"><img data-id="{{Crypt::encryptString($los_datos->id)}}" src="{{ asset('Botones/Botones/Informacion.png') }}" class="historial_check"   alt="" style="margin: 2px 5px"/></a>

                                  </div>
                    </td>                   
               </tr>
          
             
        
              @endforeach

             
              @endif
                {{-- <tr>
                  <td>05/08/2020</td>
                   <td>Terminado</td>
                  <td>Banco de Chile</td>
                  <td>San Javier</td>
                  <td>0003245048</td>
                <td>
        <div style="text-align: center">
          <a href="#" role="button" title="Ver Detalle"><img src="{{ asset('Botones/Botones/Ver_detalle.png') }}"  alt="" style="margin: 2px 5px"/></a>
                      <a href="#" role="button" title="Historial"><img src="{{ asset('Botones/Botones/Historial.png') }}"  alt="" style="margin: 2px 5px"/></a>
        </div>
                  </td>
                </tr> --}}
     
              </tbody>
            <!-- FIN RESULTADOS -->
    </table>

    <!--Paginacion temporal solo para ver api retiros -->
    @if(Route::current()->getName()=='go.api_retiros')
    <div style="text-align: center; margin-top: 1%; justify-content: center; display: flex;">
      {{$retiros->links()}}
    </div> 
  @endif

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


{{-- /////////////////////////MODALLLL//////////// --}}
<!--Modal Historial-->
<div class="modal" id="modalHistorial">
    <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">
                <table class="table table-bordered table-responsive-lg table-striped">
                    <thead>
                        <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">Observaciones</th>
                    </thead>
                    <tbody id="agregar_historial_retiro"></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modal_historial_retiros" 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('go.asignar_check_retiro')}}" method="GET">
                       
                               
                                   <button type="submit" class="btn buscar"  id="btnview" >
                                     <input type="text" value="" id="m_id_retiros" name="idretiros" style="display:none" >
                                    <h3 style="color:#FFFFFF; margin-top: 5px; width: 104px">Asignar</h3>
              </form>
          </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 Asignacion</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">
    
                     
                     
                      </tbody>
                      <!-- FIN RESULTADOS -->
                      </table>
                    </div>
                </div>
        
      
      </div>
    </div>
  </div>
</div>
   
<div class="modal fade" id="modal_detalle_retiro" role="dialog">
  <div class="modal-dialog  modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="titulosh1" style="margin-top: 50px">DETALLE DE RETIRO 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 " style="margin-top:10px;">
                                   <label for="email"><h2 class="titulosh2">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" style="margin-top:10px;">
                                   <label for="email"><h2 class="titulosh2">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 col-sm-12"><hr class="linea"></div>

                               <!-- Detalle del Cliente -->
                               <div class="container col-12" style="margin-top: 10px">
                                   <h2 class="titulosh2"><strong>Detalle del Cliente</strong></h2>
                               </div>
                               <!-- Fila 2 ------------------------------------------------------>
                               <div class="container col-sm-3 form-group">
                                   <label for="email"><h2 class="titulosh2">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 class="titulosh2">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 class="titulosh2">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 class="titulosh2">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 class="titulosh2">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 class="titulosh2">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="textito">
                                   <label for="email" ><h2 class="titulosh2">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 col-sm-12"><hr class="linea"></div><br>

                               <!-- Detalle de Equipamiento -->
                               <div class="container col-12" style="margin-top: 10px">
                                   <h2 class="titulosh2"><strong>Detalle de Equipamiento</strong></h2>
                               </div>
                               <!-- Fila 4 ------------------------------------------------------>
                               <div class="container col-sm-3 form-group">
                                   <label for="email"><h2 class="titulosh2">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 class="titulosh2">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 class="titulosh2">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 class="titulosh2">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 col-sm-12"><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 col-sm-12"><hr class="linea"></div>
                               <!-- Fila 6 ------------------------------------------------------>
                               <div class="container col-sm-6 form-group">
                                   <label for="email"><h2 class="titulosh2">Estado</h2></label>
                                   <input type="" readonly="readonly" class="form-control locked textito" id="estadoretiro" placeholder="ESTADO" name="estadoretiro">
                               </div>
                               <div class="container col-sm-6 form-group"></div>
                         </div>
              </div>
          </div>
        </div>
      </form>
  </div>
</div>
</div>


<!-- Modal  crear retiro temportal-->
<div class="modal fade" id="modalretiroTemporal" role="dialog" tabindex="-1" aria-labelledby="modalretiroTemporalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="tituloh1" style="margin-top: 50px;">CREAR RETIRO TEMPORAL</h5>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <form action="{{route('crear.retiroTemporal')}}" method="POST">
      @csrf
      <div class="modal-body">
        <div class="container">
          <div class="container" style="margin-top: 50px;">
            <div class="row reex">
              <!--FILA 1-->
              <div class="container col-sm-4 form-group">
                <label for="tecnic"><h2>Tecnico</h2></label>
                <select name="tecnicoTemporal" class="custom-select col-mb-3" id="">
                  <option value="" selected>SELECCIONE</option>
                  @if(!empty($tecnicoTemporal))
                    @foreach ($tecnicoTemporal as $tTemporal)
                    <option value="{{$tTemporal->id}}">{{$tTemporal->nombre_uno. " ".$tTemporal->apellido_uno. " ".$tTemporal->apellido_dos}}</option>
                    @endforeach
                  @endif
                  
                </select>
              </div>
              <div class="container col-sm-4 form-group">
                <label for="email"><h2>N° de visita</h2></label>
                <input type="number" class="form-control" value="" readonly="readonly" placeholder="1" name="numero_visitas">
              </div>
              <div class="container col-sm-4 form-group ali">
                <label for=""><h2>Proyecto Asociado</h2></label>
                <select name="proyectos" class="custom-select col-mb-3">
                  <option value="" selected>SELECCIONE</option>
                  @if(!empty($proyectosTemporal))
                    @foreach ($proyectosTemporal   as $pTemporal)
                      <option value="{{$pTemporal->id_proyecto}}">{{$pTemporal->nombre." (".$pTemporal->razon_social.")" }}  </option>
                    @endforeach
                  @endif
                </select>
              </div>

              <div class="container col-sm-6 form-group ali">
                <label for=""><h2>Cliente Asociado</h2></label>
                <select  class="custom-select mb-3" required id="clientes_modal" name="clientes_modal">
                  <option  selected value="">seleccionar</option>
                  @foreach ($carga_selectClientes2 as $cliente)
                    @if($cliente->sCliente == $clientes)
                      <option  value="{{ $cliente->sCliente }}">{{ ucfirst(strtolower($cliente->sCliente)) }}</option>
                    @else
                      <option  value="{{ $cliente->sCliente }}">{{ ucfirst(strtolower($cliente->sCliente)) }}
                    @endif
                  </option>
                  @endforeach
              </select>
              </div>

              <div class="container col-sm-6 form-group ali">
                <label for="" class="" >Proveedor</label>
                <select required class="custom-select mb-3 mayuscula" name="nombre_proveedor" id="nombre_proveedor">
                  <option value="" selected>Seleccionar</option>
                  @foreach($proveedores as $datos)
                  <option value="{{$datos->nombre_proveedor }}">{{ ucfirst(strtolower($datos->nombre_proveedor))}}</option>
                  @endforeach
              </select>
              </div>
              <!--<div class="container col-sm-3 form-group"></div>-->
              <!--FILA 2-->
              <div class="container col-sm-4 form-group ali">
                <label for=""><h2>Fecha Retiro Temporal</h2></label>
                <input type="date" class="form-control" id="" placeholder="FECHA" name="fecha_retiro_temporal" value="">
              </div>
              <!--FILA 3-->
              <div class="container col-sm-4 form-group">
                <label for=""><h2>Direccion</h2></label>
                <select name="sDireccion" class="custom-select col-mb-3">
                  <option value="" selected>SELECCIONE</option>
                  @if(!empty($direccionTemporal))
                    @foreach ($direccionTemporal   as $dTemporal)
                      <option value="{{$dTemporal->descripcion_direccion}}">{{$dTemporal->descripcion_direccion }}  </option>
                    @endforeach
                  @endif
                </select>
              </div>
              <div class="container col-sm-4 form-group">
                <label for="">Cantidad de equipos</label>
                <input type="number" class="form-control" value="" placeholder="" name="cantidad_equipos">
              </div>
              <div class="container"><hr class="linea"></div>
            </div>
          </div>
      <div class="modal-footer">
        <button class="btn btn-guardar float-sm-right guardar" style="margin-right:10px;" type="submit">GUARDAR</button>
      </div>
      </form>
    </div>
  </div>
</div>

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


@endsection



<script>
  $(document).ready(function(){
    $('.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_retiro') }}",
                data: {
                'id': id
                },
                success: function(data) {
                    $("#modalHistorial").modal('show');
                    $(data).each(function(i, v) {
            $('#agregar_historial_retiro').empty();
                    $('#agregar_historial_retiro').append(
                        '<tr>' +
                            '<td>' + v.csSerie +'</td>' +
                            '<td>'+ v.csCiudad +', '+ v.csComuna + '</td>' +
                            '<td>' + v.csCliente +'</td>' +
                            '<td>' + v.fecha_asignado + '</td>' +
                            '<td>' + v.cnContador + '</td>' +
                            '<td>' + v.cnContador_color + '</td>' +
                            '<td>' + v.observacion + '</td>' +
                        '</tr');
                })
                },
                error: function(xhr, status) {
                    alert('Disculpe, Ha ocurrido un problema, Intente mas tarde');
                }
            })
        })
$('.verdetalle').click(function() {

                   var id_retiros = $(this).attr("data-id");
                      $("#m_id_retiros").val(id_retiros);


                      var _token = $('input[name="_token"]').val();
                   $("#modal_detalle_retiro").modal('show');
                   $.ajax({


                      method:"POST",

                      url:"{{ route('go.datosretiro') }}",

                      data: { 'id_retiros': id_retiros,  _token:_token},

                      success: function(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);
                          $("#estadoretiro").val(item.sEstado);
                      });
                      
                      },

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

</script>

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

      $('.ver_historial_retiros').click(function() {
            var id_retiros = $(this).attr("data-id");
           $("#m_id_retiros").val(id_retiros)


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


          $.ajax({

          // headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },

              method:"POST",

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

              data: { 'id_retiros': id_retiros,  _token:_token},

        success: function(data) {
          console.log(data);

          $(cuerpo_tabla).empty();
          $(cuerpo_tabla).append(data);
          $("#modal_historial_retiros").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').show();           
                    }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>
  //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').click(function() {
      $('#fecha').val("");
    });
  });
</script>

<script>

    $(document).ready(function(){
  
  
      $("#region").change(function(){
             region = $('select[id=region]').val();
             var _token = $('input[name="_token"]').val();
  
             $.ajax({
                    method:"POST",
  
                    url:"{{ route('buscarComunasRetiros') }}",
  
                    data: { 'region': region,  _token:_token},
  
                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('buscardireccionesRetiro') }}",
  
                    data: { 'comuna': comuna,  _token:_token},
  
                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},
  
                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');
                 }
  
            });
       });
  
      
  });

  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>