<div class="row">
    <div class="col-md-12">
        <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-info">
              <!-- /.widget-user-image -->
              <h3 style="text-align:center">{{PlanesAcciones.accionTITULO}}</h3>
              <input value="{{PlanesAcciones.metaID}}" type="hidden"  id="metaID-{{ hash_vista }}" name="metaID">
            </div>
            <div class="box-footer no-padding">
              <ul class="nav nav-stacked">
                <li><a>Código: <span class="pull-right badge bg-blue">{{PlanesAcciones.accionCODIGO}}</span></a></li>
                <li><a><strong>Justifiación:</strong><br><br>{{PlanesAcciones.accionJUSTIFICACION|striptags}}</a></li>
              </ul>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12">
            <div class="box box-info {% if not TipoPlanID %} collapsed-box {% endif %}">
                <div class="box-header with-border"  style="text-align:center;">
                <!-- /.widget-user-image -->
                    <h3 style="text-align:center">PROGRAMA ASOCIADO</h3>
                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse">{% if not TipoPlanID %}<i class="fa fa-plus">{% else %}<i class="fa fa-minus">{% endif %}</i>
                        </button>
                        <input value="{{PlanesAcciones.metaID}}" type="hidden"  id="metaID-{{ hash_vista }}" name="metaID">
                    </div>
                </div>
            <div class="box-body" {% if not TipoPlanID %} style="display: none;" {% endif %}>
                <ul class="nav nav-stacked">
                    <li><a><strong>Título:</strong> <span  class="pull-right">{{PlanesAcciones.programaTITULO}}</span></a></li>
                    <li><a>Código: <span class="pull-right badge bg-blue">{{PlanesAcciones.programaCODIGO}}</span></a></li>
                    <li><a><strong>Justifiación:</strong><br><br>{{PlanesAcciones.programaJUSTIFICACION|striptags}}</a></li>
                    <li><a>Fecha de Inicio: <span class="pull-right badge bg-green">
                            {% if PlanesAcciones.programaFCHINICIA %}
                                {{PlanesAcciones.programaFCHINICIA}}
                            {% else %}
                                No está definida
                            {% endif %}</span></a></li>
                    <li><a>Fecha de Terminación: <span class="pull-right badge bg-yellow">
                            {% if PlanesAcciones.programaFCHTERMINA %}
                                {{PlanesAcciones.programaFCHTERMINA}}
                            {% else %}
                                No está definida
                            {% endif %}</span></a></li>
                    <li><a>Estado: <span class="pull-right badge bg-blue">{{PlanesAcciones.estadoProgramaTITULO}}</span></a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
{% if not TipoPlanID %}
<div class="row">
    <div class="col-md-12">
        <div class="col-md-12 offset-md-3" style="text-align:center;">
            <button type="button" class="btn btn-info" onclick="cargarAccionActividad()"><i class="fa fa-arrow-circle-left"></i> Atrás</button>
        </div>
    </div>
</div>
{% endif %}