<div class="row">
    <div class="container-fluid">
        <div class="pull-right">
            <div style="margin: 20px">
                {{ boton('tabla', "mostrarParametros", "cargarTablaAcciones()") }}
                {{ boton('nuevo','mostrarFormularioAcciones') }}
                {{ boton('editar','mostrarFormularioEditarAcciones','editar_frm()') }}
                {{ boton('eliminar','', 'eliminar_selection();' ) }}
                {{ boton('Ver','verDetallesAccion', 'ver_frm()' ) }}
            </div>  
        </div>
        <div class="col-md-12">
            <form method="POST" id="formTable-{{ hash_vista }}" name="formTable">
                <div id="tbl-acciones"></div>
            </form>        
        </div>
    </div>
</div>

<!--Eliminar  -->
<script type="text/javascript" >
    $(document).ready(function () {
        cargarTablaAcciones();
    });
    
    function eliminar_selection() {
        var seleccionados = checkSelecionados('tbl-acciones #tablaAcciones');
        validacionCheckbox(seleccionados, 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) {
                    ejecutarOperacion(
                            "planeador",
                            "Acciones",
                            "eliminar",
                            $("#formTable-{{ hash_vista }}").serialize()
                            ,
                            function (response) {
                                cargarTablaAcciones();
                            });    
                    }
                });
            }, false);
    }
   
    function editar_frm(){
        var seleccionados = checkSelecionados('tbl-acciones #tablaAcciones');
        validacionCheckbox(seleccionados, function (){
            cargarVista('planeador','Acciones','mostrarFormularioEditar','accionesID='+seleccionados[0]['value']);
        }, true);
    }
    
    function ver_frm(){
        var seleccionados = checkSelecionados('tbl-acciones #tablaAcciones');
        validacionCheckbox(seleccionados, function (){
            cargarVista('planeador','Acciones','verDetalles','accionID='+seleccionados[0]['value']);
        }, true);
    }
   
    function cargarTablaAcciones(){
        cargarDivisionSicam('tbl-acciones', 'planeador', 'Acciones', 'tablaListado');
    }
</script>