<div class="box-tools pull-right">
    {{ boton( 'eliminar', "eliminarSolicitudPersonal", "eliminarSolicitudPersonal" ~ hash_vista ~ "()") }}
</div>
<hr>
<div id="tbl-solicitud-personal-{{ hash_vista }}"></div>

<button type="button" class="btn btn-success btn-block" data-toggle="modal" data-target="#SolicitudPersonal-{{ hash_vista }}" >Crear Solicitud de Personal Temporal</button>

<div class="modal fade" id="SolicitudPersonal-{{ hash_vista }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title text-center" id="exampleModalLabel">Solicitud de Personal Temporal</h4>
      </div>
      <formx id="form-solicitudPersonal-{{ hash_vista }}">
          <div class="modal-body">
            <div class="col-md-12">
                <div class="form-group">
                    <div class="form-group">
                        <label for="descripcion">¿Cual es la función a desempeñar?</label>
                        <textarea rows="4"class="wysiwyg form-control " placeholder="Funciones a Desempeñar" 
                                  name="descripcionSolicitud" id="descripcionSolicitud-{{ hash_vista }}" ></textarea>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="ingresos">¿Cuanto Personal Requiere?</label>
                            <input type="number" class="form-control uppercase" name="numPersonaSolicitud" id="numPersonaSolicitud-{{ hash_vista }}"  
                                   placeholder="Numero Personal Requerido"  />
                        </div>    
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="ingresos">Tiempo Estimado (Meses)</label>
                            <input type="number" class="form-control uppercase" name="tiempoEstimado" id="tiempoEstimado-{{ hash_vista }}" step="any"  
                                   placeholder="Tiempo Estimado"  />
                        </div>       
                    </div>
                </div>
            </div>
            <div class="col-md-12">
                <div class="form-group">
                        <label for="descripcion">Obsevaciones</label>
                        <textarea rows="4"class="wysiwyg form-control " placeholder="Observaciones" 
                                  name="observacionesSolicitud" id="observacionesSolicitud-{{ hash_vista }}" ></textarea>
                </div>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
            <button id="btn-agregarPersonal-{{ hash_vista }}" type="button" class="btn btn-primary">Guardar Informacion</button>
          </div>
      </formx>
    </div>
  </div>
</div>

{% block javascript %}
<script type="text/javascript">

    $(document).ready(function () {
        cargarTablaSolicitudPersonal{{hash_vista}}();
        $("#btn-agregarPersonal-{{ hash_vista }}").click(function(){
            agregarPersonal{{hash_vista}}();
            $('#SolicitudPersonal-{{ hash_vista }}').modal('toggle');
        });
    });
    
    function cargarTablaSolicitudPersonal{{hash_vista}}(){
        cargarDivision(
            'tbl-solicitud-personal-{{ hash_vista }}', 
            'planeador', 'Actividades', 'tablaListadoSolicitud',  'actividadID={{Actividad.actividadID}}&hash_form={{ hash_vista }}' 
        );
    }
    
    function agregarPersonal{{hash_vista}}() {
        var solicitudID = moment().unix();
        var descripcionSolicitud = $('#descripcionSolicitud-{{ hash_vista }}').val();
        var numPersonaSolicitud = $('#numPersonaSolicitud-{{ hash_vista }}').val();
        var tiempoEstimado = $('#tiempoEstimado-{{ hash_vista }}').val();
        var observacionesSolicitud = $('#observacionesSolicitud-{{ hash_vista }}').val();

        agregarFilaTabla(
                'tbl-solicitud-personal-{{ hash_vista }} #tablaSolicitudPersonal{{ hash_vista }}', 
                [ 
                    "<input type='checkbox' id='checkb"+solicitudID+"' name='checkb[]' value='"+solicitudID+"' class='checkTable checkSolicitudPersonal Seleccion' />"
                    + '<input type="hidden" name="personalSolicitado[]" value="' + solicitudID + '" />'
                    + '<input type="hidden" name="personalSolicitadoID[' + solicitudID + ']" value="" />'
                    + '<input type="hidden" name="solicitudDESCRIPCION[' + solicitudID + ']" value="' + descripcionSolicitud + '" />'
                    + '<input type="hidden" name="solicitudNUMSOLICITUD[' + solicitudID + ']" value="' + numPersonaSolicitud + '" />'
                    + '<input type="hidden" name="solicitudTIEMPOESTIMADO[' + solicitudID + ']" value="' + tiempoEstimado + '" />'
                    + '<input type="hidden" name="solicitudOBSERVACIONES[' + solicitudID + ']" value="' + observacionesSolicitud + '" />', 
                    descripcionSolicitud,
                    numPersonaSolicitud,
                    tiempoEstimado
                ], solicitudID
        );
        checkBoxSICAM('.checkSolicitudPersonal'); 
        limpiarFormularioSolicitudPersonal{{hash_vista}}();
    }
    
    function limpiarFormularioSolicitudPersonal{{hash_vista}}(){
        $('#descripcionSolicitud-{{ hash_vista }}').val('');
        $('#numPersonaSolicitud-{{ hash_vista }}').val('');
        $('#tiempoEstimado-{{ hash_vista }}').val('');
        $('#observacionesSolicitud-{{ hash_vista }}').val('');
    }
    
    function quitarSolicitud{{hash_vista}}(solicitudID) {
        $("#tbl-solicitud-personal-{{ hash_vista }} .table tr#" + solicitudID + "").remove();
    }
    
    function eliminarSolicitudPersonal{{hash_vista}}() {
        var seleccionSolicitudes = checkSelecionados('tbl-solicitud-personal-{{ hash_vista }} .table');
        validacionCheckbox(seleccionSolicitudes, function (){
            swal({
                  title: "¿Estás Seguro que Deseas Eliminar?",
                  text: "Una vez que elimines no podrás recuperar los datos!",
                  icon: "warning",
                  buttons: ["Cancelar", "Eliminar"],
                  dangerMode: true,
                })
                .then((willDelete) => {
                     if (willDelete) {
                        seleccionSolicitudes.forEach(function(solicitud) {
                            quitarFilaTabla("#tbl-solicitud-personal-{{ hash_vista }} .table", solicitud.value);
                        });
                     }
                });
            }, false);
    }
</script>
{% endblock %}