@extends('menu/menu')




<div class="container table-responsive mb-5 p-sm-0" style="margin-top: 100px" >

  <div class="container mt-5"><div class="title-vista mt-4">DIAS FESTIVOS</div></div>
  <button class="btn btn-ter py-2 px-3 float-right" onclick="nuevo()" ><span class="material-icons-round icon-midle">note_add</span><strong>Crear registro</strong></button>

  {{-- <button type="button" class="btn btn-prim  "onclick="nuevo()">NUEVO</button> --}}

    <table class="table table-striped table-hover" id="mitable">
      <thead class="color-head">
        <tr>
          <th colspan="1" class="th-head border-th">FECHA FESTIVA</th>
          <th colspan="1" class="th-head border-th">EDITAR</th>
        </tr>
      </thead>
    <tbody>
        
        @if (!empty($festivos))
        @foreach ($festivos as $los_datos)
        <tr>
      
        <td class="" style="text-align=center">{{$los_datos->fecha_festiva}}</td>
     
        {{-- <td class="">{{$los_datos->id}}</td> --}}
        {{-- {{$los_datos->fecha_festiva}} --}}
       <td>  <button type="button" class="btn btn-ter d-block mx-auto mt-4 " onclick="editar({{$los_datos->id}},{{'"'.$los_datos->fecha_festiva.'"'}})">Desactivar</button></td>


    </tr>
        @endforeach
        @endif
        
    </tbody>
    </table>
  </div>
  <!--MODAL POR REVISAR-->
  <div class="modal fade" id="nuevoFestivo" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-modal">FECHA</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <hr class="separador mx-4">
            <div class=" container">
              <div class="alert alert-success" role="alert" id="alertfestivo" style="display: none;">
                FECHA CREADA
              </div>
              <div class="row">
                <div class="col-12 form-group mx-auto">
                  <label for="">FECHA FESTIVA</label>
                  <input class="form-control mayuscula" type="date" placeholder="" id="fecha_festiva">

              </div>
          
            <div class="col-sm-12 my-4 text-center">
                        <button class="btn btn-prim px-sm-5 hacer_seguimiento" onclick="guardar();">Guardar</button>
                    
                    </div>
              </div>
              
           </div>
        </div>
    </div>
</div>

  <!--MODAL POR eliminar-->
<div class="modal fade" id="eliminarfestivo" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <div class="seccion-modal">Desactivar festivo</div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <hr class="separador mx-4">
            <div class=" container">
             <div class="alert alert-success" role="alert" id="alerfestivoeliminar" style="display: none;">
                     Lista actualizada.
                       </div>
               <div class="row">
                <div class="col-12 form-group mx-auto" style="text-align: center">
                  <label for="">                ¿Esta seguro que desea desactivar la siguiente fecha: 
                  </label> <label for="" id="text_fecha"></label> ?
                  <input type="text" style="display: none" value="" id="id_dia_festivo">

              </div> 
          
            <div class="col-sm-12 my-4 text-center">
                        <button class="btn btn-prim px-sm-5 hacer_seguimiento" onclick="guardarEliminar();">Desactivar</button>
                    
                    </div>
              </div>
              
           </div>
        </div>
    </div>
</div>
  <script>

  function editar(id,fecha){


    // alert(fecha);//
     $("#text_fecha").text(fecha);
     $("#id_dia_festivo").val(id);

    // $("#sla_santiago").val(sla_santiago);
    // $("#slaid").val(x);

    
                    $("#eliminarfestivo").modal('show');

  }

  function nuevo(){
    $("#nuevoFestivo").modal('show');


  }


  
  function guardarEliminar(){
// alert(x+"-"+sla+"-"+sla_santiago);
idfestivo=$("#id_dia_festivo").val();


// alert(fecha_festiva);
//  slaSV= $("#sla_santiago").val();
//  id=$("#slaid").val();
 $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('go.desactivardiafestivo') }}",
                method: "GET",
                data: {
                
                    'idfestivo': idfestivo
                },
                success: function(data) {
                  $("#alerfestivoeliminar").css("display","")
                  setTimeout(()=>{
                    $("#alerfestivoeliminar").css("display","")

                    location.reload();

                    }, 2000);
                }
            });
                


  }
  function guardar(){

// alert(x+"-"+sla+"-"+sla_santiago);
fecha_festiva=$("#fecha_festiva").val();
// alert(fecha_festiva);
//  slaSV= $("#sla_santiago").val();
//  id=$("#slaid").val();
 $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('go.guardarfestivo') }}",
                method: "GET",
                data: {
                
                    'fecha_festiva': fecha_festiva
                },
                success: function(data) {
                  $("#alertfestivo").css("display","")
                  setTimeout(()=>{
                    $("#alertfestivo").css("display","")

                    location.reload();

                    }, 2000);
                }
            });
                

}
  </script>