<form method="POST" id="formVistaActividadPreconfigurada-{{ hash_vista }}" name="formVistaActividadPreconfigurada-{{ hash_vista }}">
    <div class="row">
      <div class="col-md-3 offset-md-3"></div>
        <div class="col-md-6 offset-md-3">
            <div class="box box-widget widget-user-2 ">
                        <!-- Add the bg color to the header using any of the bg-* classes -->
                <div class="widget-user-header bg-yellow">
                  <!-- /.widget-user-image -->
                  <h3 style="text-align:center; text-transform: uppercase;">{{ActividadPreconfigurada.tipoActividadTITULO}}</h3>
                </div>
                <div class="box-footer no-padding">
                  <ul class="nav nav-stacked">
                    <li><a><strong>Código:</strong><span class="pull-right badge bg-blue">{{ActividadPreconfigurada.tipoActividadCODIGO}}</span></a></li>
                    <li><a><strong>Descripción:</strong><br><p style="text-align : justify;">{{ActividadPreconfigurada.tipoActividadDESCRIPCION|striptags}}</p></a></li>
                  </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3 offset-md-3"></div>
        <div class="col-md-6 offset-md-3">
            <div class="box box-widget widget-user-2 ">
            <div class="widget-user-header bg-aqua-active">
              <h3 style="text-align:center; text-transform: uppercase;">{{ActividadPreconfigurada.tipoActividadTITULO}}</h3>
            </div>
            <div class="box-footer">
              <div class="row">
                <div class="col-sm-6 border-right">
                  <div class="description-block">
                    <span class="description-text">Código</span>
                    <h5 class="description-header">{{ActividadPreconfigurada.tipoActividadCODIGO}}</h5>
                  </div>
                </div>
                <div class="col-sm-6 border-right">
                  <div class="description-block">
                    <span class="description-text">Descripción</span>
                    <h5 class="description-header" style="text-align : justify;">{{ActividadPreconfigurada.tipoActividadDESCRIPCION|striptags}}</h5>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3 offset-md-3"></div>
        <div class="col-md-6 offset-md-3">
            <div class="box box-warning direct-chat direct-chat-success collapsed-box">
                <div class="box-header with-border">
                  <h3 style="text-align:center; text-transform: uppercase;">Operaciones Predefinidas</h3>
                  <div class="box-tools pull-right">
                    <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i>
                    </button>
                  </div>
                </div>
                <div class="box-body" style="display: none;">
                    <ul class="nav nav-stacked" style="text-align:center;">
                        {% for operacion in objOperacionesAct  %}
                            <li><a>{{operacion.operacionPredefinidaTITULO}}</a></li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3 offset-md-3"></div>
        <div class="col-md-6 offset-md-3">
            <div class="col-md-6 offset-md-3" style="text-align:center;">
                {{ boton('Editar',null,"editar_metaSeleccionada();", "Editar Actividad") }}
            </div>
            <div class="col-md-6 offset-md-3" style="text-align:center;">
                {{ boton("cancelar", null, "cerrarFormularioDetalleActividad()", "Cerrar Actividad")}}
            </div>
        </div>
    </div>
</form>

<script type="text/javascript">
    function editar_metaSeleccionada() {
        cargarVista('planeador',
                    'ActividadesPreconfiguradas',
                    'mostrarFormularioEditar',
                    'tipoActividadID='+{{ActividadPreconfigurada.tipoActividadID}},
                    'Editar Actividad Preconfigurada '+{{ActividadPreconfigurada.tipoActividadID}}, 
                    'crearOperacionesPredefinidas');
        cerrarFormularioDetalleActividad();
    }
    
    function cerrarFormularioDetalleActividad(){
        cerrarTabContenedor("formVistaActividadPreconfigurada-{{ hash_vista }}");
    }
</script>