{% if app.session.get('user_admin') %}
<div class="row my-2 justify-content-around">
    <a href="{{absolute_url('index_v3_download')}}" class="btn btn-dark col-3">
        <h4 class="mb-1">Descargar <span class="ml-2 font-italics font-weight-bold">V3</span></h4>
    </a>
    <a href="{{absolute_url('index_v3cs_download')}}" class="btn btn-dark col-3">
        <h4 class="mb-1">Descargar <span class="ml-2 font-italics font-weight-bold">CS</span></h4>
    </a>
    <a href="{{absolute_url('index_sat_download')}}" class="btn btn-dark col-3">
        <h4 class="mb-1">Descargar <span class="ml-2 font-italics font-weight-bold">SAT</span></h4>
    </a>
</div>
{% endif %}

{% for app in apps %}
<div class="row my-3 mx-3 border-bottom border-dark">
    <div class="d-none d-lg-block col-auto">
        <img class="mx-auto d-block" width="100" src="{{absolute_url(asset('images/' ~ app.icono))}}">
    </div>
    <div class="col">
        <h4 class="bg-info text-white d-inline-block px-3 py-2">{{app.nombre}}</h4>
        <div>
            {% if app.fecha is not empty %}
            <span class="font-italic mr-4">({{app.fecha}})</span>
            {% endif %}
            {{app.descripcion}}
        </div>
        <div class="d-none d-lg-block">
            {% if app.id == 1 %}
            <div class="ml-4 font-weight-bold">Últimas revisiones</div>
            <div class="modificaciones px-4">
                {% for mod in modificaciones %}
                <div class="pl-2">
                    <span class="font-weight-bold mx-3">{{mod.fecha}}</span>{{mod.descripcion}}
                </div>
                {% endfor %}
            </div>
            {% endif %}
        </div>
    </div>
    <div class=" col-2 d-flex align-items-center">
        <a href="{{absolute_url('download/' ~ app.id)}}" class="btn btn-dark">
            <span class="fa fa-download mr-2"></span>Descargar
        </a>
    </div>
</div>
{% endfor %}