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

 





@section('content') 


@if ( session('mensaje_error') )

    <div class="alert alert-danger">{{ session('mensaje_error') }}</div>

@endif

@if ( session('mensaje') )  
    <div class="alert alert-success">{{ session('mensaje') }}</div>
    {{-- <a class="dropdown-item" href="{{route('go_see_gastos')}}" style="text-align: right"> <button class="btn btn-success">Mis Solicitudes</button></a>  --}}
@endif

<div class="container" style="margin-top:30px"> 
    
<h2>Solicitudes días pendientes </h2>
  {{-- {{$solicitudes_dias}} --}}
  
</div>



{{-- {{$asistencia ?? ''}} --}}
<div class="container table-responsive"><div id="form-container" class="container-fluid">
  <table class="table table-bordered table-hover"  id="mitable">

    <thead>

      <tr style="color:#516ba0;">
        <th class="th-head" style="border-right:1px solid #b2b2b2 ;border-bottom:1px solid transparent;" colspan="2">Tipo solicitud</th>
        <th class="th-head" style="border-right:1px solid #b2b2b2 ;border-bottom:1px solid transparent;">Estado</th>
        <th class="th-head" style="border-right:1px solid #b2b2b2 ;border-bottom:1px solid transparent;" colspan="4">Descripción</th>
        <th class="th-head" style="border-right:1px solid #b2b2b2 ;border-bottom:1px solid transparent;">Lugar</th>
        <th class="th-head" style="border-bottom:1px solid transparent;">Acciones</th>

      </tr>
        <tr style="color:#516ba0;">
          <th class="th-subhead"><strong>Nombre</strong></th>
          <th class="th-subhead" style="border-right:1px solid #b2b2b2 ;"><strong>Descripción</strong></th>
          <th class="th-subhead" style="border-right:1px solid #b2b2b2 ;"></th>
          <th class="th-subhead"><strong>Fecha recepcionada</strong></th>
          <th class="th-subhead" ><strong>Fechas solicitadas</strong></th>
          <th class="th-subhead" ><strong>Total días</strong></th>
          <th class="th-subhead" style="border-right:1px solid #b2b2b2 ;"><strong>Coincidencia</strong></th>
          <th style="border-right:1px solid #b2b2b2 ;"></th>
          <th ></th>
        </tr>

    </thead> 

    <tbody>

@if(!empty($asistencia))
      @foreach (json_decode($asistencia) as $asistencia_)
        <tr style="text-align:center;color:#CAC8C8;">
            <td class="td-val">{{$asistencia_->nombre}}</td>
            <td class="td-val" style="border-right:1px solid #b2b2b2 ;">{{$asistencia_->tipo_estado}}</td>
            <td class="td-val" style="border-right:1px solid #b2b2b2;">
              @if($asistencia_->estado == "enviada")
                        Pendiente
              @endif
            
            </td>
            <td class="td-val">
{{Carbon\Carbon::createFromDate($asistencia_->fecha_enviada)->format('d-m-Y')}}
</td>
      <td class="td-val">        {{Carbon\Carbon::createFromDate($asistencia_->fecha_solicitada)->format('d-m-Y')}} <br> {{Carbon\Carbon::createFromDate($asistencia_->fecha_finalizada)->format('d-m-Y')}}</td>
            <td class="td-val">{{$asistencia_->total_dias}}</td>
           <td class="td-val" style="border-right:1px solid #b2b2b2;">  <a  class="btns btn- consultar_fecha"  data-dias_totales="{{$asistencia_->total_dias}}"  data-nombre ="{{$asistencia_->nombre}} " data-fechas= "{{$asistencia_->fecha_solicitada}}&&&{{$asistencia_->fecha_finalizada}}"><img title="Enviar" src="http://35.232.42.155/rendicion/img/Informacion.png"></a>
            </td>
            <td class="td-val" style="border-right:1px solid #b2b2b2 ;">{{$asistencia_->regiones}}</td>
            <td class="td-val">
              <div class="btn-group">
                <a class="btns btn- confirmar" data-id_trabajador= "{{$asistencia_->trabajador_id}}" data-lugares="{{$asistencia_->regiones}}" data-soli="{{$asistencia_->idsolicitudes_dia}}" style="color:white" ><img title="Confirmar" src="{{ asset('img/Aprobar.png') }}" alt=""></a>
                <a class="btns btn- rechazar" data-id_trabajador_2= "{{$asistencia_->trabajador_id}}" data-lugares_2="{{$asistencia_->regiones}}" data-soli_2="{{$asistencia_->idsolicitudes_dia}}" style="color:white" ><img title="Rechazar" src="{{ asset('img/Rechazar.png') }}" alt=""></a>

              {{-- <a class=" btn btn-danger"  href="" onclick="return confirm('¿Desea eliminar el registro?')">Eliminar</a> --}}
              </div>
            </td>
        </tr>
      @endforeach

  @else

        
         
            <div class="alert alert-danger">   <h2>Sin solicitudes Pendientes</h2></div>

   
  @endif
    </tbody>

 



@endsection

{{-- **************MODAL*****************MODAL**************************+ --}}


<!-- Modal acptar -->
<div class="modal fade" id="modal_fechas" role="dialog">
  <div class="modal-dialog  modal-lg">
    <div class="modal-content">
      <div class="modal-header">
          <h4>Coincidencia de fechas</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>   
      </div>
      <div class="modal-body">  

        <div class="row">
              <div class="col-md-2"> Nombre: <label for="" id="nombre_data"> </label></div>
              <div class="col-md-5" >Fechas: <label id="fechas_solicidas" for=""></label></div>
              <div class="col-md">Días: <label  id="dias_totales" for=""></label></div>
        </div><br>
       
        <table class="table table-bordered table-hover"  id="mitable"> 

          <thead>
      
            <tr>
              <th>Trabajador</th>
              <th>F. Inicio</th>
              <th>F. Fin</th>
              <th>Estado</th>
             
      
            </tr>
      
          </thead> 

          <tbody id="tabla1">
          </tbody>

        </table>

        <div class="row">
          <div class="card-body" style="text-align: right" >
            {{-- <button type="submit" class="btn btn-primary btn-lg ">Guardar</button>   --}}
        </div>
        </div>
      {{-- </form> --}}
      </div>
    </div>
  </div>
</div>


 <!-- Modal acptar -->
 <div class="modal fade" id="modal_aceptar" role="dialog">
  <div class="modal-dialog  modal-lg">
    <div class="modal-content">
      <div class="modal-header">
          <h4>Aceptar</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>   
      </div>
      <div class="modal-body">  
        <form action="{{route('create.aceptar_solicitud_dias')}}" method="POST">
          {{-- <form action="" method="POST"> --}}
            @csrf   
            <input type="text" style="display:none" name="id_soli"  id="id_soli">
            <input type="text" style="display:none" name="region_sol" id="region_sol">
            <input type="text" style="display:none" name="id_trabaja" id="id_trabaja">
           
          <div class="container table-responsive">  
            <label for="">Comentario</label>

              <textarea rows="5" name="respuesta_describa" class="form-control" value="{{@old('respuesta_describa')}}"    placeholder="Describa...."></textarea>

        </div>
        <div class="row">
          <div class="card-body" style="text-align: right" >
            <button type="submit" class="btn btn-primary btn-lg ">Guardar</button>  
        </div>
        </div>
      </form>
      </div>
    </div>
  </div>
</div>


{{-- RECHAZAR*********************** --}}

<div class="modal fade" id="modal_rechazar" role="dialog">
  <div class="modal-dialog  modal-lg">
    <div class="modal-content">
      <div class="modal-header">
          <h4>Rechazar</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>   
      </div>
      <div class="modal-body">  
        <form action="{{route('create.rechazar_solicitud_dias')}}" method="POST">
          {{-- <form action="" method="POST"> --}}
            @csrf   
            <input type="text" style="display:none" name="id_soli_2"  id="id_soli_2">
            <input type="text" style="display:none" name="region_sol_2" id="region_sol_2">
            <input type="text" style="display:none" name="id_trabaja_2" id="id_trabaja_2">
           
          <div class="container table-responsive">  
            <label for="">Comentario</label>

              <textarea rows="5" name="respuesta_describa_2" class="form-control" value="{{@old('respuesta_describa')}}"    placeholder="Describa...."></textarea>

        </div>
        <div class="row">
          <div class="card-body" style="text-align: right" >
            <button type="submit" class="btn btn-primary btn-lg ">Guardar</button>  
        </div>
        </div>
      </form>
      </div>
    </div>
  </div>
</div>

<script>



  $(document).ready(function(){


    $(".consultar_fecha").click(function(){

      var data_fechas= $(this).attr("data-fechas");
      var data_nombre= $(this).attr("data-nombre");
      var data_dias_totales= $(this).attr("data-dias_totales");

   

      $.ajax({

        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
        type: 'post',
        url: 'buscar_fechas_coinciden',
        data: { 'fechas': data_fechas },
        success: function(data) {



          var res = data_fechas.split("&&&");

          f1 = res[0].split("-");
          f2 = res[1].split("-");
         
          //alert(res[0]);
          // date.format("YYYY-MM-DD");
       fechas  = f1[2]+"-"+f1[1]+"-"+f1[0] +" Hasta "+ f2[2]+"-"+f2[1]+"-"+f2[0];
                $("#fechas_solicidas").text(fechas);
                $("#nombre_data").text(data_nombre);
                $("#dias_totales").text(data_dias_totales);

                
            //console.log(data);

            $('#tabla1').empty();
            $.each(JSON.parse(data), function(fecha_solicitada, datos_recividos) {

              var estado = datos_recividos.estado;

              if(estado == "enviada"){

                  estado = "Pendiente";
              }

            // *********************************
              var f_soli = datos_recividos.fecha_solicitada;
              fs = f_soli.split("-");
              fecha_so = fs[2]+"-"+fs[1]+"-"+fs[0];
            // *********************************
            // *********************************
            var f_fina = datos_recividos.fecha_finalizada;
              fn = f_fina.split("-");
              fecha_fi = fn[2]+"-"+fs[1]+"-"+fs[0];
            // *********************************


              $('#tabla1').append("<tr><td>"+datos_recividos.nombre_uno+" "+datos_recividos.apellido_uno+"</td>"+"<td>"+fecha_so+"</td>"+"<td>"+fecha_fi+"</td>"+"<td>"+estado+"</td  >"+"</tr>");
              //console.log("ma");
            });
         
            

             $("#modal_fechas").modal('show');
            
        },
        error: function(xhr, status) {
            alert('Disculpe, ha ocurrido un problema, intente mas tarde');
        }

    });


         
      });


    $(".confirmar").click(function(){
             var data_soli= $(this).attr("data-soli");
             var data_lugares= $(this).attr("data-lugares");
             var id_trabajador= $(this).attr("data-id_trabajador");

          
             console.log(data_soli);

             $("#id_soli").val(data_soli);
             $("#region_sol").val(data_lugares);
             $("#id_trabaja").val(id_trabajador);

             $("#modal_aceptar").modal('show');
              
      });


    $(".rechazar").click(function(){


             var data_soli= $(this).attr("data-soli_2");
             var data_lugares= $(this).attr("data-lugares_2");
             var id_trabajador= $(this).attr("data-id_trabajador_2");

          
             console.log(data_soli);

             $("#id_soli_2").val(data_soli);
             $("#region_sol_2").val(data_lugares);
             $("#id_trabaja_2").val(id_trabajador);

           $("#modal_rechazar").modal('show');
      
              
      });
  
  });

  function validarEmail(valor) {
  if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3,4})+$/.test(valor)){
  //  alert("La dirección de email " + valor + " es correcta.");
  console.log("listo");
  } else {
  //  alert("La dirección de email es incorrecta." + valor);
  //  $("#correo").val("");
  }
}

  function checkRut(rut) {
    // Despejar Puntos
    var valor = rut.replace('.','');
    // Despejar Guión
    valor = valor.replace('-','');
    
    // Aislar Cuerpo y Dígito Verificador
    cuerpo = valor.slice(0,-1);
    dv = valor.slice(-1).toUpperCase();
    
    // Formatear RUN
    rut.value = cuerpo + '-'+ dv
    
    // Si no cumple con el mínimo ej. (n.nnn.nnn)
    if(cuerpo.length < 7) { 
        alert("Rut Incorrecto");
        $("#rut").val('');
      }else{
    
    // Calcular Dígito Verificador
    suma = 0;
    multiplo = 2;
    
    // Para cada dígito del Cuerpo
    for(i=1;i<=cuerpo.length;i++) {
    
        // Obtener su Producto con el Múltiplo Correspondiente
        index = multiplo * valor.charAt(cuerpo.length - i);
        
        // Sumar al Contador General
        suma = suma + index;
        
        // Consolidar Múltiplo dentro del rango [2,7]
        if(multiplo < 7) { multiplo = multiplo + 1; } else { multiplo = 2; }
  
    }
    
    // Calcular Dígito Verificador en base al Módulo 11
    dvEsperado = 11 - (suma % 11);
    
    // Casos Especiales (0 y K)
    dv = (dv == 'K')?10:dv;
    dv = (dv == 0)?11:dv;
    
    // Validar que el Cuerpo coincide con su Dígito Verificador
    if(dvEsperado != dv) {
      alert("Rut incorrecto");
      $("#rut").val('');
    }
  }
  
}
  </script>