<div class="box box-primary box-solid" id="div-form-operacion-predefinida-{{ hash_vista }}">
    <div class="box-header with-border">
        <h3 class="box-title">Control de Operaciones y Acceso</h3>
        <div class="box-tools pull-right">
            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
        </div>
    </div>
    <div class="box-body">
        <div class="row">
            <div class="col-md-3">
                {{ mostrarVista('administrador', 'controloperaciones/lst-sel-operaciones', { "hash_listado":hash_vista, "operaciones":operaciones } ) }}
            </div>
            <div class="col-md-9">
                <div>
                    <div class="box-tools pull-right">
                        {{ boton( 'eliminar', "eliminarPlanOperacion", "eliminarOperacion" ~ hash_vista ~ "()") }}
                    </div>
                    <div id="tbl-operaciones-{{hash_vista}}">
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% block  javascript %}
<script type="text/javascript" >
    $(document).ready(function () {
        cargarDivision( "tbl-operaciones-{{hash_vista}}",
            "usuarios", "Roles", "tablaPermisos", 'rolID={{Roles.rolID}}'
        );
            
        $("#list-listOperacionesPredefinidas-{{ hash_vista }} li").click(function(){
            cargarOperacion{{hash_vista}}($(this).attr("data-operacion"));
        });
        
        
    });
    
    function cargarOperacion{{hash_vista}}(operacionID){
        ejecutarOperacion(
            "administrador", "ControlOperaciones", "obtenerDatos",  'operacionID='+operacionID, 
            function(operacion){
                agregarTabla{{hash_vista}}(operacion.operacionID, operacion.controladorTITULO, operacion.operacionCODIGO, operacion.operacionTITULO);
            }   
        ); 
    }    
        
        
    function agregarTabla{{hash_vista}}(operacionID, controladorTITULO, operacionCODIGO, operacionTITULO) {
        if(!$('#tbl-operaciones-{{hash_vista}} table tr#' + operacionID).length){
            var id = moment().unix() + Math.floor(Math.random() * (10000 - 1 + 1)) + 1;
            agregarFilaTabla(
                'tbl-operaciones-{{hash_vista}} table', 
                    [ 
                        "<input type='checkbox' id='checkb"+id+"' name='checkb[]' value='"+id+"' class='checkTable check-Administrador-ControlOperaciones Seleccion' />"
                        + '<input type="hidden" id="id-' + id + '" name="id[]" value="' + id + '" />'
                        + '<input type="hidden" id="operacionID-' + id + '" name="operacionID[' + id + ']" value="' + operacionID + '" />',
                        controladorTITULO,
                        operacionCODIGO,
                        operacionTITULO
                    ], operacionID
                );
            checkBoxSICAM('.check-Administrador-ControlOperaciones');
        }else{
            swal("Alerta!", "El permiso ya se encuentra registrada en el rol!", "warning");
        }
    }
    
    
    function eliminarOperacion{{ hash_vista }}() {
        var seleccionoperaciones = variosSeleccionadosTabla('tbl-operaciones-{{hash_vista}} .table', 'ELIMINAR');
        validacionCheckbox(seleccionoperaciones, 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) {
                        seleccionoperaciones.forEach(function(operacion) {
                            quitarFilaTabla("#tbl-operaciones-{{hash_vista}} table", operacion.value);
                        });
                    }
                });
            }, false);
    }
</script>
{% endblock %}