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

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

<form action="{{route('go.filtrar_pdf_retiro')}}" method="get">
    @csrf
  <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>
            <!--AQUI SE CARGA EL SELECT DE PROYECTO-->
            <div class="container col-sm form-group">
                <label for="proyectos"><h2>Proyecto</h2></label>
                <select id="proyectos" name="proyectos"   class="custom-select col-mb-3">
                    <option value="" selected>seleccionar</option>
                            @if(!empty($proyectos))
                        @foreach ($proyectos  as $los_datos3)
                            <option value="{{$los_datos3->id_proyecto}}">{{$los_datos3->nombre." (".$los_datos3->razon_social.")" }}  </option>
                        @endforeach

                    @endif

            </select>
            </div>
            <!--FIN SELECT DE PROYECTO-->


            <!--AQUI SE CARGA EL SELECT DE REGION-->
            <div class="container col-sm form-group">
                <label for="region"><h2>Region</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($regiones))
                    @foreach ($regiones 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
                    {{-- @foreach ($regiones as $region)
                    <option  value="{{ $region->sRegion }}">{{ $region->sRegion }}
                    </option>
                    @endforeach --}}
                </select>
            </div>
            <!--FIN SELECT DE REGION-->


            <!--AQUI SE CARGA EL SELECT DE COMUNA-->
            <div class="container col-sm form-group">
                <label for="comuna"><h2>Comuna</h2></label>
                <select id="comuna" name="comuna" class="custom-select mb-3">
                    <option  selected disabled>seleccionar</option>
                    {{-- @foreach ($comunas as $comuna)
                    <option  value="{{ $comuna->sComuna }}">{{ $comuna->sComuna  }}
                    </option>
                    @endforeach --}}
                    @if (!empty($comunas))
                    @foreach ($comunas 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>


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


            <div class="container col-sm-3 form-group">
                <label for="Serie"><h2>Serie</h2></label>
                <input type="" class="form-control" id="Serie" name="Serie" placeholder="Nº de Serie">
            </div>
    </div>
    <!-- FIN BARRA DE BUSQUEDA -->
  </div>

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

  <div class="container" style="margin-top: 100px;margin-bottom:20px  " >
    <a style="color: #00A06F"  target="_blank" href="{{route('go.excel_retiro') ?? ''}}"><img  src="{{ asset('img/excel-icon.png') }}" width="32px" height="auto" alt="">Exportar excel</a>
    
    @if(!empty($mostrarMenu))
            @if($mostrarMenu == "si")
              <button class="btn btn-light" style="margin-left: 73.5%;">
                <td style="text-align: center">
                  <a  href="{{route('go.getalldonwload2',$urls ?? '')}}"><img src="{{ asset('img/Descargar PDF.png') }}" alt=""> Descargar</a>
                </td>
              </button>
            @endif
    @endif
  </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">
    
            <thead>
              <tr>
                <th ><h3>Dirección</h3></th>
                <th ><h3>CUI</h3></th>
                <th ><h3>PDF</h3></th>
                </tr>
              </thead>
            

   
            <tbody>
                @if(!empty($rutapdf))
                    @foreach ($rutapdf as $datos)
                    <tr>
                        <td> {{$datos->sDireccion}}</td>
                        <td> {{$datos->sCui}}</td>
                        <td style="text-align: center">
                            <a  href="{{route('go.donwload2',$datos->url_pdf)}}"> <img src="{{ asset('img/Descargar PDF.png') }}" alt=""></a>
                        </td>
                    </tr>
                    @endforeach
                @endif



            </tbody>
            
    </table> -->
    <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>Región</h3></th>
                <th ><h3>Comuna</h3></th>
                <th ><h3>Dirección</h3></th>
                <th ><h3>CUI</h3></th>
                <th ><h3>Serie</h3></th>
                <th ><h3>PDF</h3></th>
                </tr>
              </thead>
            <!-- FIN ENCABEZADO -->

    <!-- RESULTADOS -->
            <tbody id="myTable">
                @if(!empty($rutapdf))
                    @foreach ($rutapdf as $datos)
                    <tr>
                      <td>
                        @if($datos->fecha_retiroCord != null )
                        {{Carbon\Carbon::createFromDate($datos->fecha_retiroCord)->format('d-m-Y')}}
                        @else 
                        Sin Fecha
                        @endif
                      </td>
                      <td class="mayuscula" >{{$datos->sEstado}}<br>
  
                        @if($datos->instalador != null)
  
                        ( {{$datos->instalador}})
                        @else 
                        @endif
  
                       
                      
                      </td>
  
                      <td class="mayuscula"  > {{$datos->estado_retiro_Cord}}</td>
  
                      <td class="mayuscula"  >{{$datos->sCliente}}</td>
                      <td class="mayuscula"  >{{$datos->sRegion}}</td>        
                      <td class="mayuscula"  >{{$datos->sComuna}}</td>
                        <td class="mayuscula"> {{$datos->sDireccion}}</td>
                        <td class="mayuscula"> {{$datos->sCui}}</td>
                        <td class="mayuscula"> {{$datos->sSerie}}</td>
                        <td style="text-align: center">
                            <a  href="{{route('go.donwload2',$datos->url_pdf)}}"> <img src="{{ asset('img/Descargar PDF.png') }}" alt=""></a>
                        </td>
                    </tr>
                    @endforeach
                @endif



            </tbody>
            <!-- FIN RESULTADOS -->
    </table>
    @if(!empty($retiros))
    {{-- {{$solicitudes->Links()}} --}}
    {{ $retiros->appends(request()->query())->links() }}
    @endif

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

  <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>
  $(document).ready(function(){
    $('#vaciar').click(function() {
      $('#fecha').val("");
    });
  });

  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>

<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('buscarDireccionesRetiros') }}",
  
                    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');
                 }
  
            });
    });
  
 
  
      
  });
  
      </script>