<div class="box" id="div-frmactividades-{{ hash_vista }}">
    <form id="frm-actividades-{{ hash_vista }}">
        <div class="box-header with-border">
            <h3 class="box-title">Formulario para Actividades</h3>
            <div class="box-tools pull-right">
                {% if Actividad %}
                {{ boton("guardar","actualizarActividad")}}
                {% else %}
                {{ boton("guardar","guardarActividad")}}
                {% endif %}
                {{ boton("cancelar", null, "cancelarFormularioActividad"~ hash_vista ~ "()")}}
                {{ boton("resetear", null, "$('#beneficioNombre')[0].focus();")}}  
            </div>
        </div>
        <div class="box-body">
            <div id="form-actividad-{{ hash_vista }}">
                <div class="col-md-12" >
                    {{ mostrarVista('planeador', 'actividades/form-informaciongeneral', { "planes": planes , "acciones": acciones, "Actividad":Actividad }) }}
                </div>
                <div class="col-md-12">
                    {{ mostrarVista('planeador', 'actividades/form-datos-actividades', { "planes": planes , "acciones": acciones, "hash_form":hash_vista, "Actividad":Actividad}) }}
                </div>
                <input type="hidden" name="actividadID" readonly value="{{ Actividad.actividadID }}" />
                <input type="hidden" name="tipoActividadID" value="{{ actividadPredefinidasID }}" readonly id="tipoActividadID-{{ hash_vista }}"/>
            </form>
            <div class="col-md-12">
                <form id="frm-operaciones-{{ hash_vista }}"></form>
            </div>
        </div>
    </div>
</div>
<script>
    $(document).ready(function () {
        {% if Actividad.actividadID %}
            cargarDivision( "frm-operaciones-{{ hash_vista }}",
                "planeador", "actividades", "mostrarFormularioOperaciones", 'actividadID={{Actividad.actividadID}}&hash_form={{ hash_vista }}'
            );
        {% else %}
            cargarDivision( "frm-operaciones-{{ hash_vista }}",
                "planeador", "actividades", "mostrarFormularioOperaciones", 'actividadPredefinidasID={{actividadPredefinidasID}}&hash_form={{ hash_vista }}'
            );
        {% endif %}
        
        $("#frm-actividades-{{ hash_vista }}").submit(function(){
           ejecutarOperacion("planeador", "actividades", "guardarDatos",  $("#frm-actividades-{{ hash_vista }}").serialize() + '&' + $("#frm-operaciones-{{ hash_vista }}").serialize(), function(response){
                cancelarFormularioActividad{{ hash_vista }}();
                cargarVista('planeador','Actividades','mostrarFormularioEditar','actividadID='+response.actividadID);
                if (typeof cargarTablaActividades === "function") {
                    cargarTablaActividades();
                }
           }); 
        });
        
        $("#frm-operaciones-{{ hash_vista }}").submit(function(){
            agregarOperacion{{ hash_vista }}();
        });
    });
    
    function cancelarFormularioActividad{{ hash_vista }}(){
        cerrarTabContenedor("div-form-actividad-planes");
        cerrarTabContenedor("div-frmactividades-{{ hash_vista }}");
    }
    
    
    
</script>