{% extends "allianceauth/base-bs5.html" %}

{% load i18n %}

{% block page_title %}
    {% translate "EVE SDE Status" %}
{% endblock page_title %}

{% block header_nav_brand %}
    {% translate "EVE SDE Status" %}
{% endblock header_nav_brand %}

{% block content %}
    <div class="aa-eveonline-sde-admin-page">
        <div class="aa-eveonline-sde-admin-page-body">
            <h3 class="text-center">{% translate "Global SDE Status" %}</h3>

            <p class="text-center">
                {% translate "Latest Build" %}: {{ global.build_number }}<br>
                {% translate "Latest Release Date" %}: {{ global.release_date }}<br>
                {% translate "Last Check" %}: {{ global.last_check_date }}
            </p>

            <table class="table table-striped w-100" id="sde-table">
                <thead>
                    <tr>
                        <th>{% translate "Section" %}</th>
                        <th>{% translate "Build Number" %}</th>
                        <th>{% translate "Last Updated" %}</th>
                        <th>{% translate "Rows" %}</th>
                    </tr>
                </thead>

                <tbody>
                    {% for s in sections %}
                        <tr>
                            <td>{{ s.sde_section }}</td>
                            <td>{{ s.build_number }}</td>
                            <td>{{ s.last_update }}</td>
                            <td>
                                <span class="{% if s.total_lines == s.total_rows %}text-success{% else %}text-danger{% endif %}">{{ s.total_lines }}/{{ s.total_rows }}</span>
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>

        <div class="aa-eveonline-sde-admin-page-footer mt-3 pt-3 border-top border-light">
            <div class="app-translation-footer text-muted">
                <p class="small">
                    {% translate "Do you want to help translate this app into your language or improve the existing translation?" %}
                    -
                    <a href="https://weblate.ppfeufer.de/engage/alliance-auth-apps/" target="_blank" rel="noopener noreferer">
                        {% translate "Join our team of translators!" %}
                    </a>
                </p>
            </div>
        </div>
    </div>
{% endblock content %}

{% block extra_javascript %}
    {% translate "Filter by" as l10nFilterBy %}
    {% translate "All sections" as l10nAllSections %}
    {% translate "All build numbers" as l10nAllBuildNumbers %}

    {% include "bundles/datatables-2-js-bs5.html" %}
    {% include "bundles/datatables-2-columncontrol-js-bs5.html" %}
    {% include "bundles/filterdropdown-js.html" %}

    <script>
        $(document).ready(() => {
            /* global DataTable */

            'use strict';

            const culumnControlDefaults = [
                {
                    target: 0,
                    content: []
                },
                {
                    target: 1,
                    content: ['search']
                }
            ];
            const columnControlDisabled = []
            const filterDropDown = {
                labelFilter: '{{ l10nFilterBy|escapejs }}',
                columns: [
                    {
                        idx: 0,
                        labelDropdownAll: '{{ l10nAllSections|escapejs }}'
                    },
                    {
                        idx: 1,
                        labelDropdownAll: '{{ l10nAllBuildNumbers|escapejs }}'
                    }
                ]
            }

            new DataTable("#sde-table", {
                order: [[0, "asc"]],
                pageLength: 25,
                responsive: true,
                ordering: {
                    handler: false,
                    indicators: false,
                },
                columnDefs: [
                    {
                        targets: [0, 1],
                        columnControl: culumnControlDefaults,
                        sortable: false,
                    },
                    {
                        targets: [2, 3],
                        columnControl: columnControlDisabled,
                    }
                ],
                filterDropDown: filterDropDown
            });
        });
    </script>
{% endblock extra_javascript %}

{% block extra_css %}
    {% include "bundles/datatables-2-css-bs5.html" %}
    {% include "bundles/datatables-2-columncontrol-css-bs5.html" %}
{% endblock extra_css %}