@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.mis_solici')}}" style="text-align: right"> <button class="btn btn-success">Mis Solicitudes</button></a> 
@endif

<div class="container" style="margin-top:30px"> 
     
  <h2>Solicitar días</h2>
    <div style="text-align: right">
             <a  href="{{ route('home') }}">  <button class="btn btn-primary">Volver</button> </a>
           </div>
<div id="form-container" class="container-fluid">



<div class="card  container">
  <div class="card-body"> 


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


  </div>
</div><br>


  <form action="{{route('create.solicitud_dias')}}" method="POST">
    {{-- <form action="" method="POST"> --}}
      @csrf
   
   <div class="row"  >


        <div class="col-sm">
            <label for="" class="">Tipo solicitud</label>
            
            <select class="form-control mayuscula" name="tipo_solicitud" id="tipo_solicitud">
            <option value="">Seleccionar</option>
            @foreach($tipos_solicitudes as $tipos_solicitudes_)
            {{-- <option value="{{$region->id}}">{{$region->des_region}}</option> --}}
            <option value="{{$tipos_solicitudes_->id_estado_solicitud}}" {{(old('tipo_solicitud')==$tipos_solicitudes_->id_estado_solicitud)? 'selected':''}}>{{$tipos_solicitudes_->descripcion}}</option>
            @endforeach
            </select>
                @error('tipo_solicitud')
                <div class="alert alert-danger">{{ $message }}</div>
                @enderror
        </div>
        <div class="col-sm-2 form-group"  style="display:" id="div_uno">
            <label for="fecha_inicio" class="" >Fecha inicio</label>
            <input type="date" class="form-control" name="fecha_inicio" id="fecha_inicio" value=""   >
            @error('fecha_inicio')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
        </div>
        <div class="col-sm-2 form-group"  style="display:" id="div_dos" >
            <label for="fecha_fin" class="" >Fecha fin</label>
            <input type="date" class="form-control" name="fecha_fin" id="fecha_fin" value=""   >
            @error('fecha_fin')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
        </div>
    
    </div>

    <div class="row">
        <div class="col-sm-12 form-group">
            <label for="" class="" >Motivo solicitud</label>
            <textarea rows="5" name="motivo_solicitud"  class="form-control"  placeholder="Motivo solicitud">
              {{@old('motivo_solicitud')}}
            </textarea>
            @error('motivo_solicitud')
            <div class="alert alert-danger">{{ $message }}</div>
            @enderror
        </div>                    
      </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>


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