{% load static %}
{% load inventree_extras %}
{% load i18n %}

<table class='table table-striped table-condensed'>
    <col width='25'>
    <tr>
        <td><span class='fas fa-hashtag'></span></td>
        <td>{% trans "InvenTree Version" %}</td>
        <td>
            <a href="https://github.com/inventree/InvenTree/releases">{% inventree_version %}</a>{% include "clip.html" %}
            {% inventree_is_development as dev %}
            {% if dev %}
            <span class='badge badge-right rounded-pill bg-primary'>{% trans "Development Version" %}</span>
            {% else %}
            {% if up_to_date %}
            <span class='badge badge-right rounded-pill bg-success'>{% trans "Up to Date" %}</span>
            {% else %}
            <span class='badge badge-right rounded-pill bg-info'>{% trans "Update Available" %}</span>
            {% endif %}
            {% endif %}
        </td>
    </tr>
    {% if dev %}
    {% inventree_commit_hash as hash %}
    {% if hash %}
    <tr>
        <td><span class='fas fa-code-branch'></span></td>
        <td>{% trans "Commit Hash" %}</td><td>{{ hash }}{% include "clip.html" %}</td>
    </tr>
    {% endif %}
    {% inventree_commit_date as commit_date %}
    {% if commit_date %}
    <tr>
        <td><span class='fas fa-calendar-alt'></span></td>
        <td>{% trans "Commit Date" %}</td><td>{% render_date commit_date %}{% include "clip.html" %}</td>
    </tr>
    {% endif %}
    {% endif %}
    <tr>
        <td><span class='fas fa-book'></span></td>
        <td>{% trans "InvenTree Documentation" %}</td>
        <td><a href="{% inventree_docs_url %}">{% inventree_docs_url %}</a></td>
    </tr>
    <tr>
        <td><span class='fas fa-code'></span></td>
        <td>{% trans "API Version" %}</td>
        <td><a href="/api-doc/">{% inventree_api_version %}</a></td>
    </tr>
    <tr>
        <td><span class='fas fa-hashtag'></span></td>
        <td>{% trans "Python Version" %}</td>
        <td>{% python_version %}</td>
    </tr>
    <tr>
        <td><span class='fas fa-hashtag'></span></td>
        <td>{% trans "Django Version" %}</td>
        <td><a href="https://www.djangoproject.com/">{% django_version %}</a>{% include "clip.html" %}</td>
    </tr>
    <tr>
        <td><span class='fab fa-github'></span></td>
        <td>{% trans "View Code on GitHub" %}</td>
        <td><a href="{% inventree_github_url %}">{% inventree_github_url %}</a></td>
    </tr>
    <tr>
        <td><span class='fas fa-balance-scale'></span></td>
        <td>{% trans "Credits" %}</td>
        <td><a href="{% inventree_credits_url %}">{% inventree_credits_url %}</a></td>
    </tr>
    <tr>
        <td><span class='fas fa-mobile-alt'></span></td>
        <td>{% trans "Mobile App" %}</td>
        <td><a href="{% inventree_docs_url %}/app/app">{% inventree_docs_url %}/app/app</a></td>
    </tr>
    <tr>
        <td><span class='fas fa-bug'></span></td>
        <td>{% trans "Submit Bug Report" %}</td>
        <td><a href='{% inventree_github_url %}/issues'>{% inventree_github_url %}issues</a></td>
    </tr>
    <tr><td></td><td></td>
        <td>
            <span style="display: none;" id="about-copy-text">{% include "version.html" %}</span>
            <span class="float-right">
                <button class="btn clip-btn" type="button" data-bs-toggle='tooltip' title='{% trans "copy to clipboard" %}'><em class="fas fa-copy"></em> {% trans "copy version information" %}</button>
            </span>
        </td>
    </tr>
</table>