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

  
    <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> Días utilizados</h2>
<div style="text-align: right">
  <a  href="{{ route('home') }}">  <button class="btn btn-primary">Volver</button> </a>
</div>
    
</div>

<div class="container"><div id="form-container" class="container-fluid">
  <div class="body"> 


   <div class="row">
    <div class="col-sm" style="font-size: 20px;">
      Periodo: {{$años_filtrados}}
    </div>
    <div class="col-sm" style="font-size: 20px;">
      Días disponibles: {{$dias_disponibles}} / 30
    </div>
   </div>
     
    


  </div>
</div><br>




<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 lass="th-head" style="border-right:1px solid #b2b2b2 ;border-bottom:1px solid transparent;">Tipo solicitud</th>
        <th lass="th-head" style="border-right:1px solid #b2b2b2 ;border-bottom:1px solid transparent;">Fecha inicio</th>
        <th lass="th-head" style="border-right:1px solid #b2b2b2 ;border-bottom:1px solid transparent;">Fecha fin</th>
        <th lass="th-head" style="border-bottom:1px solid transparent;">Días</th>

      </tr>

    </thead> 

    <tbody>
            @foreach ($mis_dias_utilizados as $mis_dias_utilizados_)
      <tr style="color:#CAC8C8;">

        
    <td class="td-val" style="border-right:1px solid #b2b2b2 ;">{{$mis_dias_utilizados_->descripcion}}</td>
        <td class="td-val" style="border-right:1px solid #b2b2b2 ;">{{Carbon\Carbon::createFromDate($mis_dias_utilizados_->fecha_solicitada?? '')->format('d-m-Y') }}</td>
         
        <td class="td-val" style="border-right:1px solid #b2b2b2 ;">{{Carbon\Carbon::createFromDate($mis_dias_utilizados_->fecha_finalizada?? '')->format('d-m-Y') }}</td>

          
          <td class="td-val">{{$mis_dias_utilizados_->total_dias}}</td>
          <br />
<b>Notice</b>:  Undefined variable: mis_dias_utilizados_ in <b>/var/www/html/produccionespejo/sistemacaja/resources_160424/views_02_11_23/solicitudes_dias/mis_dias_solicitados.blade.php</b> on line <b>86</b><br />
<br />
<b>Notice</b>:  Trying to get property 'total_dias' of non-object in <b>/var/www/html/produccionespejo/sistemacaja/resources_160424/views_02_11_23/solicitudes_dias/mis_dias_solicitados.blade.php</b> on line <b>86</b><br />
      </tr>
   
          
      @endforeach
  
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td class="td-val">Total = 0 </td>
      </tr>

    </tbody>
</div>

@endsection

<script>



  $(document).ready(function(){



    $('#region_usuario').change(function() {    
         buscar_comuna($("#region_usuario option:selected").val(),"#comuna_usuarios");  
        // alert("hols");
     })
// ************************RUT*****************************************
    //validar rut  
    $("#rut").change(function(){
      checkRut( $("#rut").val());
    });
    //agregar digito al rut
    $('#rut').on('input', function() {
      var valor = $("#rut").val().replace('.','');
     valor = valor.replace('-','');
     cuerpo = valor.slice(0,-1);
     dv = valor.slice(-1).toUpperCase();
     rut= cuerpo + '-'+ dv;
     $("#rut").val(rut);
     });

     
     $('#correo').change(function() {
    
      validarEmail($("#correo").val());
     });
  
  });

  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>