<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-info">
              <!-- /.widget-user-image -->
              <h3 style="text-align:center">{{Plan.planCODIGO}}</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">{{Plan.planCODIGO}}</span></a></li>
                <li><a><strong>Justifiación:</strong><br><br>{{Plan.planDESCRIPCION|striptags}}</a></li>
                <li><a>Fecha de Inicio: <span class="pull-right badge bg-green">
                        {% if Plan.vigenciaFCHINICIO %}
                            {{Plan.vigenciaFCHINICIO}}
                        {% else %}
                            No está definida
                        {% endif %}</span></a></li>
                <li><a>Fecha de Terminación: <span class="pull-right badge bg-yellow">
                        {% if Plan.vigenciaFCHFINAL %}
                            {{Plan.vigenciaFCHFINAL}}
                        {% else %}
                            No está definida
                        {% endif %}</span></a></li>
                <li><a>Estado: <span class="pull-right badge bg-blue">{{Plan.planEstadoTITULO}}</span></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="col-md-12 offset-md-3" style="text-align:center;">
            <button type="button" class="btn btn-info" onclick="cargarPlanActividad()"><i class="fa fa-arrow-circle-left"></i> Atrás</button>
        </div>
    </div>
</div>
