@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_capacitacion')}}" method="get">
    @csrf
  <div class="container-fluid">
    <div class="container">
    <!-- BARRA DE BUSQUEDA -->
      <h1 style="margin-top: 50px">Capacitació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>
            <!--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>
                    <option value="" selected>Todos</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>Ciudad</h2></label>
                <select  id="region" name="region" class="custom-select mb-3">
                    {{-- <option  selected disabled>seleccionar</option>
                    @foreach ($regiones as $region)
                    <option  value="{{ $region->ciudad }}">{{ $region->ciudad }}
                    </option>
                    @endforeach --}}
                    <option  selected disabled>seleccionar</option>
                    <option value="" selected>Todos</option>
                    @if (!empty($regiones))
                

                    @foreach ($regiones as $data)
                      @if ($data->ciudad != null)
                        @if($data->ciudad == $ciudades)
                          <option selected value="{{ $data->ciudad }}">{{ucfirst(strtolower($data->ciudad))}} </option>
                        @else
                          <option value="{{ $data->ciudad }}">{{ucfirst(strtolower($data->ciudad))}} </option>
                        @endif
                      @endif
                    @endforeach
                  @endif
                </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>
                  <option value="" selected>Todos</option>

                    {{-- <option  selected disabled>seleccionar</option>
                    @foreach ($comunas as $comuna)
                    <option  value="{{ $comuna->comuna }}">{{ $comuna->comuna  }}
                    </option>
                    @endforeach --}}
                    @if (!empty($comunas))
                    @foreach ($comunas as $data2)
                      @if ($data2->comuna != null)                    
                        @if( $data2->comuna === $comuna)
                          <option selected value="{{ $data2->comuna }}">{{ucfirst(strtolower($data2->comuna))}}</option>
                        @else
                          <option value="{{ $data2->comuna }}">{{ucfirst(strtolower($data2->comuna))}}</option>
                        @endif
                      @endif
                    @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 ($direccion as $direcc)
                    <option  value="{{ $direcc->direccion }}">{{ $direcc->direccion }}
                    </option>
                    @endforeach --}}
                    <option selected value="" >seleccionar</option>
          
                    @if(!empty($direccion))
                      @foreach($direccion as $direcciones)
                        @if ($direcciones->direccion != null)  
                          @if($direcciones->direccion == $direccionR)
                            <option selected value="{{$direcciones->direccion}}">{{$direcciones->direccion}}</option>
                          @else
                            <option  value="{{$direcciones->direccion}}">{{$direcciones->direccion}}</option>
                          @endif
                        @endif
                      @endforeach
                    @endif
                </select>
            </div>
            <!--FIN SELECT DE direccion-->


            <div class="container col-sm-3 form-group">
                <label for="Serie"><h2>CUI sucursal</h2></label>
                <input type="" class="form-control" id="Serie" name="Serie" placeholder="Nº de CUI">
            </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>

<!-- TABLA DE RESULTADOS DE BUSQUEDA -->
    <div class="container reex" style="margin-top: 100px">
  	<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>Dirección</h3></th>
                <th ><h3>CUI</h3></th>
                <th ><h3>PDF</h3></th>
                </tr>
              </thead>
            <!-- FIN ENCABEZADO -->

    <!-- RESULTADOS -->
            <tbody>
                @if(!empty($rutapdf))
                    @foreach ($rutapdf as $datos)
                    <tr>
                        <td> {{$datos->direccion}}</td>
                        <td> {{$datos->cuisucursal}}</td>
                        <td style="text-align: center">
                            <a  href="{{route('go.donwload3',$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>

  <script>

    $(document).ready(function(){
  
  
      $("#region").change(function(){
             region = $('select[id=region]').val();
             var _token = $('input[name="_token"]').val();
  
             $.ajax({
                    method:"POST",
  
                    url:"{{ route('buscarComunasCiudades') }}",
  
                    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.comuna + '">' + v.comuna + '</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('buscarComunasCapacitaciones') }}",
  
                    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.direccion + '">' + v.direccion + '</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>
  @endsection