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

 


{{-- {{$tipos_solicitudes}} --}}

@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>Solicitudes enviadas</h2>
  {{-- {{$solicitudes_dias}} --}}
  <div style="text-align: right">
    <a  href="{{ route('home') }}">  <button class="btn btn-primary">Volver</button> </a>
  </div>
</div>




<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="4">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;">Descripción</th>
        <th class="th-head" style="border-bottom:1px solid transparent;">Acciones</th>

      </tr>
<tr style="color:#516ba0;">
    <th class="th-subhead"><strong>Tipo</strong></th>
    <th class="th-subhead"><strong>Enviado</strong></th>
    <th class="th-subhead"><strong>Fecha Solicitada</strong></th>
    <th class="th-subhead" style="border-right:1px solid #b2b2b2;"><strong>Total Días </strong></th>
    <th class="th-subhead" style="border-right:1px solid #b2b2b2;"></th>
    <th class="th-subhead" style="border-right:1px solid #b2b2b2;"></th>
<th class="th-subhead"></th>
</tr>

    </thead> 

    <tbody>

      @foreach ($solicitudes_dias as $solicitudes_dias_)
      <tr style="color:#CAC8C8;">
        <td class="td-val">
         {{$solicitudes_dias_->descripcion}}
        </td>
        <td class="td-val">
{{Carbon\Carbon::createFromDate($solicitudes_dias_->fecha_enviada?? '')->format('d-m-Y') }}</td>
         <td class="td-val"><label> De:</label>
          {{Carbon\Carbon::createFromDate($solicitudes_dias_->fecha_solicitada ?? '')->format('d-m-Y') }} 
         <br><label> Hasta:</label>
          {{Carbon\Carbon::createFromDate($solicitudes_dias_->fecha_finalizada ?? '')->format('d-m-Y') }}
         </td>
        <td class="td-val" style="border-right:1px solid #b2b2b2;">
          {{$solicitudes_dias_->total_dias}}
        
        </td>

        
         
          @if($solicitudes_dias_->estado == "enviada")
               <td class="td-val" align="center" style="background: #ffa001; color:white;border-right:1px solid #b2b2b2; border-right:1px solid #b2b2b2;">
              ENVIADA
            </td>
          @elseif($solicitudes_dias_->estado == "aceptada")  
                    <td class="td-val" align="center" style="background: #00a06f; color:white;border-right:1px solid #b2b2b2;border-right:1px solid #b2b2b2; ">
              ACEPTADA
			  
			  			

               <div style="text-align: center">

              </div>
            </td>
          @elseif($solicitudes_dias_->estado == "rechazada")  
                                   <td class="td-val" align="center" style="background: #dd0053; color:white;border-right:1px solid #b2b2b2; ">
              RECHAZADA
			   
                <div style="text-align: center;border-right:1px solid #b2b2b2;">
                 
                </div>
            </td>
			   
			 
          @endif
      
        <td class="td-val" style="border-right:1px solid #b2b2b2;">
        {{$solicitudes_dias_->comentarios_solicitud}}
        {{-- {{$solicitudes_dias_->id_solicitudes_dia}} --}}
        </td>

        <td class="td-val" style="text-align:center;">
          {{-- <a href=""> Eliminar</a>
          <a href="{{route('generar.pdf_solicitud_dia')}}"> <img src="{{ asset('img/pdf.png') }}" alt=""></a> --}}
          @if($solicitudes_dias_->estado == "enviada")
              <a href="{{route('eliminar.solicitud_dia',Crypt::encryptString($solicitudes_dias_->id_solicitudes_dia))}}" class="btn btn-"> <img title="Eliminar" src="http://35.232.42.155/rendicion/img/Eliminar.png"></a>
              <a href="{{route('generar.pdf_solicitud_dia',Crypt::encryptString($solicitudes_dias_->id_solicitudes_dia))}}"> <img src="{{ asset('img/Descargar PDF.png') }}" alt=""></a>
              
          @elseif($solicitudes_dias_->estado == "aceptada")  
  <a href="{{route('generar.pdf_solicitud_dia_acep_recha',Crypt::encryptString($solicitudes_dias_->id_solicitudes_dia))}}"> <img src="{{ asset('img/Descargar PDF.png') }}" alt=""></a>
          @elseif($solicitudes_dias_->estado == "rechazada")  
               <a href="{{route('generar.pdf_solicitud_dia_acep_recha',Crypt::encryptString($solicitudes_dias_->id_solicitudes_dia))}}"> <img src="{{ asset('img/Descargar PDF.png') }}" alt=""></a>
          @endif
        </td>
      </tr>
          
      @endforeach

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