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

<div class='modal fade modal-fixed-footer' tabindex='-1' role='dialog' id='modal-about'>
    <div class='modal-dialog'>
        <div class='modal-content'>
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
              <img src="{% static 'img/inventree.png' %}" height='60' style='float: left;' alt='Inventree Logo'>
              <h3>{% trans "InvenTree Version Information" %}</h3>
            </div>
            <div class='modal-form-content-wrapper'>
                <div class='modal-form-content'>
                    <div>
                        <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" %}
                                    {% if up_to_date %}
                                    <span class='label label-green float-right'>{% trans "Up to Date" %}</span>
                                    {% else %}
                                    <span class='label label-red float-right'>{% trans "Update Available" %}</span>
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <td><span class='fas fa-code'></span></td>
                                <td>{% trans "API Version" %}</td>
                                <td>{% inventree_api_version %}{% include "clip.html" %}</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>
                            {% 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>{{ commit_date }}{% include "clip.html" %}</td>
                            </tr>
                            {% 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='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="https://inventree.readthedocs.io/en/latest/app/app">https://inventree.readthedocs.io/en/latest/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-version" type="button" data-toggle='tooltip' title='{% trans "copy to clipboard" %}'><i class="fas fa-copy"></i> {% trans "copy version information" %}</button>
                                    </span>
                                </td>
                            </tr>
                        </table>

                    </div>
                </div>
            </div>
            <div class='modal-footer'>
                <button type='button' class='btn btn-default' data-dismiss='modal'>{% trans "Close" %}</button>
            </div>
        </div>
    </div>
</div>