<div id="div-form-actividad-planes">
    <div class="box box-success box-solid">
        <div class="box-header">
          <h3 class="box-title text-center">Seleccione una Actividad Predeterminada</h3>
        </div>
        <div class="box-body">
            <div class="row" id="box-actividades-{{ hash_vista }}"></div>
        </div>
        <div class="box-foot">
            <button type="button" class="btn btn-success" onclick="cargarFormularioActividadesPlanes();" >Continuar <i class="fa fa-angle-right" aria-hidden="true"></i></button>
        </div>
    </div> 
</div>

<script>
    $(document).ready(function () {
        cargarDivision('box-actividades-{{ hash_vista }}',
        'planeador', 'ActividadesPreconfiguradas', 'mostrarBoxActividades', null, 
        function(){
            $('#box-actividades-{{ hash_vista }} .checkSeleccionarActivadadesPreconfiguradas').on('ifChecked', function(event){
                cargarFormularioActividadesPlanes(this.value);
            });
        });
    });
    
    function cargarFormularioActividadesPlanes(tipoACtividadID=null){
        cargarDivision( "div-form-actividad-planes",
                    'planeador', 'actividades', 'mostrarFormularioNuevo', 'ActividadPredefinidasID='+tipoACtividadID, 
                    function(actividades){
                        $("#form-actividad-{{ hash_vista }}").fadeIn();
                        //console.log(actividades);
                    }
                );
    }
</script>