{% extends "base.html" %}

{% load filtros_de_entorno %}

{% block content  %}
<div class="container-xl">  
    <div class="position-relative mb-3">
        <h3 class="i-name">
            Acerca de...
        </h3>

        <div class="row g-4 mb-4">
            <table class="table app-table-hover mb-0 text-left" width="100%">
                <thead>
                    <tr>
                        <td>Aplicación</td>
                        <td>Versión</td>
                        <td>Versión de la imagen</td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <h5>{{ app_name }}</h5>
                        </td>

                        <td>
                            <h5>{{ app_version }}</h5>
                        </td>

                        <td>
                            <h5>{{ img_version }}</h5>
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="row g-4 mb-4">
                    <a href="{% url 'dashboard' %}"><button class="btn btn-secondary" type="button">Volver al Dashboard</button></a>
            </div>
        </div>
    </div>
</div>
{% endblock %}