@extends('menu/menu')
{{-- <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"></script> --}}
<script src="{{ asset('js/jquery-3.4.1.min.js') }}" ></script>
<!--<link src="sftp://aya_pruebafinal@35.232.42.155/var/www/html/rendicion/css/_______a%26a_style.css" rel="stylesheet" type="text/css">-->
@section('content')

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

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

  <div class="container col-sm-4 form-group " >
    <label for="datepicker2" style="margin-right: 10px;"><h2>Fecha fin</h2></label><button type="button" class="btn btn-sm btn-warning" id="vaciar_fecha2">Limpiar</button>
        <input type="date" class="form-control" value="{{$fecha2 ?? ''}}" id="datepicker2" name="datepicker2">
  </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 DE COMUNA-->
  
  <!--AQUI SE CARGA EL SELECT DE ESTADO-->
  <div class="container col-sm-4 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->estado_capa != null)
      @if ($estados->estado_capa == $estado)
                    <option selected value="{{ $estados->estado_capa }}">{{ucfirst(strtolower($estados->estado_capa))}}</option>
                  @else
                    <option value="{{ $estados->estado_capa }}">{{ucfirst(strtolower($estados->estado_capa))}}</option>
                  @endif
      @endif      
    @endforeach
    @endif
  </select>
  </div>
  <!--FIN SELECT DE ESTADO-->

  <!--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>
    @if (!empty($carga_selectClientes))
      @foreach ($carga_selectClientes as $cliente)      
      @if ($cliente->sCliente != null)        
      @if($cliente->sCliente == $clientes) 
                    <option selected value="{{ $cliente->sCliente }}">{{ucfirst(strtolower($cliente->sCliente ))}}</option> 
                  @else
                    <option  value="{{ $cliente->sCliente }}">{{ucfirst(strtolower($cliente->sCliente ))}}</option> 
                  @endif
      @endif
    @endforeach
    @endif
  </select>
  </div>

  
  <!--FIN SELECT DE CLIENTE-->

  <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>
        @if (!empty($disable))
          <select id="region"   name="region" class="custom-select mb-3">
        @else 
           <select id="region" disabled  name="region" class="custom-select mb-3">
        @endif

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

  <!--AQUI SE CARGA EL SELECT DE COMUNA-->
  <div class="container col-sm-4 form-group" >
        <label for="comuna"> <h2>Comuna</h2></label>
          @if (!empty($disable))
               <select id="comuna"  name="comuna" class="custom-select mb-3">
            @else 
               <select id="comuna" disabled  name="comuna" class="custom-select mb-3">
           @endif
          <option selected value="" >seleccionar</option>
          <option selected 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-4 form-group" >
        <label for="direccion"><h2>Direccion</h2></label>
          @if (!empty($disable))
              <select name="direccion"    id="direccion" class="custom-select mb-3">
            @else 
                <select name="direccion"  disabled  id="direccion" class="custom-select mb-3">
           @endif

          <option selected value="" >seleccionar</option>
          <option selected value="" >Todos</option>

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

      <!--AQUI SE CARGA EL SELECT DE SUUCURSAL-->
      <div class="container col-sm-4 form-group" >
        <label for="sucursal"><h2>Sucursal</h2></label>
        
        
          @if (!empty($disable))
               <select name="sucursal"   id="sucursal" class="custom-select mb-3">
            @else 
               <select name="sucursal"  disabled id="sucursal" class="custom-select mb-3">
              @endif


          <option selected value="" >seleccionar</option>
          <option selected value="" >Todos</option>

          @if (!empty($carga_selectSucursal))
            @foreach($carga_selectSucursal as $sucursales)
              @if ($sucursales->sTipo_sucursal != null)  
                @if($sucursales->sTipo_sucursal == $sucursal)
                  <option selected value="{{$sucursales->sTipo_sucursal}}">{{$sucursales->sTipo_sucursal}}</option>
                @else
                  <option value="{{$sucursales->sTipo_sucursal}}">{{$sucursales->sTipo_sucursal}}</option>
                @endif
              @endif
            @endforeach
          @endif
        </select>
      </div>
      <!--FIN SELECT DE SUCURSAL-->

      <!-- CUI -->
      <div class="container col-sm-4 form-group" >
  <label for="cui"><h2>cui</h2></label>
  <input type="" class="form-control" id="cui" placeholder="cui" name="cui">
  </div>

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


<div class="container-fluid">
    <div class="container">

            <!-- BARRA DE BUSQUEDA -->
            <h1 style="margin-top: 50px">Historial de capacitación</h1>


    <!-- TABLA DE RESULTADOS DE BUSQUEDA -->
    <div class="container" style="margin-top: 100px">
        <div class="conteiner row rein table-responsive-md" style="border: 5px solid #e8f5fe">
            <table class="table table-sm table-bordered table-responsive-lg table-striped table-hover">
            <!-- ENCABEZADO -->
            <thead>
                <tr>
                    <th class="container-1">CUI</th>
                    <th class="container-1">Fecha capacitación</th>
                    <th class="container-1">Estado</th>
                    <th class="container-1">Cliente</th>
                    <th class="container-1">Comuna</th>
                    <th class="container-1">Dirección</th>
                    <th class="container-1">Acciones</th>
                </tr>

              {{-- <tr>
                <th class="container-1"><h3>Fecha de capacitación</h3></th>
                <th class="container-2"><h3>Cantidad de Personas</h3></th>
                <th class="container-2"><h3>Cliente</h3></th>
                <th class="container-2"><h3>Comuna</h3></th>
                <th class="container-2"><h3>Contacto</h3></th>
                <th class="container-1"><h3>Acciones</h3></th>
                </tr> --}}
              </thead>
            <!-- FIN ENCABEZADO -->

            <!-- RESULTADOS -->
            <tbody>
                {{-- @foreach ($capas as $capacitacion)
                <tr>
                    <td>
                        {{Carbon\Carbon::createFromDate($capacitacion->fecha_capacitacion)->format('d-m-Y')}}
                    </td>
                       <td>{{$capacitacion->cantidad_personas}}</td>
                      <td>{{$capacitacion->cliente}}</td>
                    <td>{{$capacitacion->comuna}}</td>
                    <td>{{$capacitacion->datoscontacto}}</td>
                <td>

                        <form action="{{route('go.visualizardetalleretiro')}}" method="GET">
                        <button type="submit" style="border:0px;border-color:transparent;background-color:transparent;"><input type="text" style="display:none "  id="check" value="{{Crypt::encryptString($capacitacion->id)}}" name="check">
                          <a href="#" role="button" title="Historial"><img  src="{{ asset('Botones/Botones/Historial.png') }}" class="ver_historial"   alt="" style="margin: 2px 5px"/></a></button>
                           <!--<a href="#" role="button" title="Finalizar Manual"><img  src="{{ asset('Botones/Botones/Finalizar_manual.png') }}"   alt="" style="margin: 2px 5px"/></a>-->
                        </form>
                        <a href="{{route('go.visualizardetalleretiro',Crypt::encryptString($capacitacion->id))}}"  role="button" title="Historial"><img src="{{  asset('Botones/Botones/Historial.png') }}" alt="" style="margin: 2px 5px"/></a>
                        <a href="{{route('go.ver_check',Crypt::encryptString($capacitacion->id))}}"  role="button" title="Revisar"><img src="{{ asset('Botones/Botones/revisar_m.png') }}" alt="" style="margin: 2px 5px"/></a>

                  </td>
                </tr>
                @endforeach --}}

                @foreach ($datos_instalacion as $capacitacion)
                    <tr>
                        <td>{{$capacitacion->sCui}}</td>

                        <td>

                          @if ($capacitacion->fecha_capacitacion != "")
                          {{Carbon\Carbon::createFromDate($capacitacion->fecha_capacitacion)->format('d-m-Y')}}

                          @else 
                            No Informado
                          @endif

                          {{-- {{$capacitacion->fecha_capacitacion ?? 'No informado'}} --}}

                        </td>
                        <td>
                          {{$capacitacion->estado_capa ?? 'No informado'}}
                          
                        </td>
                        <td>{{$capacitacion->sCliente}}</td>
                        <td>{{$capacitacion->sComuna}}</td>
                        <td>{{$capacitacion->sDireccion}}</td>
                        <td>
                            <div style="text-align: center">
                                <a href="#"  role="button" title="Historial"><img src="{{  asset('Botones/Botones/Historial.png') }}" alt="" style="margin: 2px 5px"/></a>
                                <a href="#"  class="img1 asignar" data-id="{{$capacitacion->sCui}}" data-toggle="modal" data-target="#modal_asignacion"  role="button" title="Asignar" ><img  src="{{ asset('Botones/Botones/Agregar.png') }}" alt="" style="margin: 2px 5px"/></a>
                              

                                @if($capacitacion->estado_capa == "Finalizado")
                                <a  href="{{  route('generar.pdfCordinadoraCapacitacion',Crypt::encryptString($capacitacion->id_capacitacion)) }}"   > <img  src="{{ asset('Botones/Botones/pdf.png') }}" alt="" style="margin: 1px 1px"/></a>
                                @else 
                                <a > <img  src="{{ asset('Botones/Botones/no-pdf.png') }}" alt="" style="margin: 2px 5px"/></a>


                                @endif
{{-- {{route('generar.pdfCordinadoraCapacitacion',Crypt::encryptString($capacitacion->id_capacitacion)}} --}}
                            
                              </div>
                          </td>
                    </tr>
                @endforeach
              </tbody>
            <!-- FIN RESULTADOS -->
            </table>
        </div>
    </div>
      <!-- FIN TABLA DE RESULTADOS DE BUSQUEDA -->
  </div>
</div>
     <!-- FIN TABLA DE RESULTADOS DE BUSQUEDA -->

     <!-- Modal -->
<div class="modal fade" id="modal_asignacion" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Asignar capacitación</h5>
        {{-- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button> --}}
      </div>
      <div class="modal-body">
         <!--AQUI SE CARGA EL SELECT DE COMUNA-->
          <div class="container col-sm form-group" >
            <label for="tecnicos"><h2>Técnico</h2></label>
            <select id="m_tecnicos" name="m_tecnicos" class="custom-select mb-3" >
              <option selected disabled >seleccionar</option>
              @if (!empty($tecnico))
                @foreach ($tecnico as $tecnicos)
                  @if ($tecnicos->nombre_uno != null)
                  <option  value="{{ $tecnicos->id_trabajador }}">{{ucfirst(strtolower($tecnicos->nombre_uno))}} {{ucfirst(strtolower($tecnicos->apellido_uno))}}

                  @endif
                @endforeach

              @endif
            </select>
          </div>

          <div class="container col-sm form-group" >
            <label for="m_clientes"><h2>Proyecto</h2></label>
            <select id="m_clientes" name="m_clientes" class="custom-select mb-3" >
              <option selected disabled >seleccionar</option>
              @if (!empty($proyectos_sistema_propios))
              @foreach ($proyectos_sistema_propios as $clientes_)      
              @if ($clientes_->id_proyecto != null)        
                  <option  value="{{ $clientes_->id_proyecto }}">{{ucfirst(strtolower($clientes_->nombre ))}}
              @endif
            </option> 
            {{-- proyectos.nombre','clientes.razon_social' --}}
            @endforeach
            @endif
            </select>
          </div>


          <div class="container col-sm form-group" >
            <label for="datepicker"><h2>Fecha capacitación</h2></label>
            <input type="date" class="form-control" id="m_datepicker" name="m_datepicker">
            <input type="text" value="" id="md_id_cui" name="idcui" style="display:none">
        </div>
        <div id="result-username"></div>
      </div>
      <div class="modal-footer">
        <button id="btncerrar_crear" type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
        <button type="submit" onclick="submitCrearAsignacion()" class="btn btn-guardar float-sm-right"> GUARDAR</button>
      </div>
    </div>
  </div>
</div>
</div>
<!-- Modal -->

@endsection

<script type="text/javascript">
  $(document).ready(function(){

      //script para cargar el modal
        $('.asignar').click(function() {

            $("#modal_asignacion").modal('show');
                var dcui2 = $(this).attr("data-id");
                $("#md_id_cui").val(dcui2);

          });

          $('#btncerrar_crear').click(function() {

          $("#modal_asignacion").modal('hide');
                location.reload();
          });

  });
</script>

<script>
function submitCrearAsignacion(){

    var id_trabajador = $('#m_tecnicos').val();
    var fecha = $('#m_datepicker').val();
     var m_clientes = $('#m_clientes').val();
    

    if(id_trabajador == null ){
        alert('Seleccionar técnico');
        $('#m_tecnicos').focus();
        return false;
    }else if(fecha.trim() == "" ){
        alert('Ingresar fecha');
        $('#m_datepicker').focus();
        return false;
    }

    var dcui = $("#md_id_cui").val();


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

  /*   console.log(dcui);
    console.log(id_trabajador);
    console.log(fecha); */

    $.ajax({
                method: "POST",
                url: "{{ route('go.asginarCapacitacion') }}",
                data: {'scui': dcui, 'id_trabajador': id_trabajador, 'fecha': fecha , 'm_clientes': m_clientes ,  _token:_token},
                success: function(data) {

                    console.log(data);
            if(data != ""){

                    setTimeout(function() {
                        $('#result-username').html(data).fadeOut(10000);
                    },100);

            }else{
                alert("sin Datos");
            }


                }
            });
}
</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');
                 }
  
            });
  
  }
  
  
    
    $(document).ready(function(){


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

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

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

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

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

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


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

       },

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

 });

});
  
  
      $("#region").change(function(){
  
      
             region = $('select[id=region]').val();
             var _token = $('input[name="_token"]').val();
  
             $.ajax({
                    method:"POST",
  
                    url:"{{ route('buscarComunas') }}",
  
                    data: { 'region': region,  _token:_token,'cliente':$("#clientes").val()},
  
                success: function(data) {
                  $("#comuna").empty();
                  $("#direccion").empty();
                  $("#sucursal").empty();
                 
                  $("#comuna").append('<option value="">Seleccionar</option>');
                  $("#direccion").append('<option value="">Seleccionar</option>');
                  $("#sucursal").append('<option value="">Seleccionar</option>');
                  $(data).each(function(i, v){ // indice, valor
                    //if(v.sComuna != null || v.sComuna != "null"  ){ 
                        $("#comuna").append('<option value="' + v.sComuna + '">' + v.sComuna + '</option>');
                          })
                   // }
                   $('#comuna').prop('disabled', false);

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

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

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