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

{% load i18n %}
{% load aa_i18n %}

{% block page_title %}
    {% translate "Sovereignty Timer" %}
{% endblock %}

{% block header_nav_brand %}
    {% translate "Sovereignty Timer" %}
{% endblock header_nav_brand %}

{% block content %}
    <div class="aa-sovtimer">
        <div class="aa-sovtimer-header">
            {% block sovtimer_header %}{% endblock %}
        </div>

        <div class="aa-sovtimer-body">
            {% get_datatables_language_static LANGUAGE_CODE as DT_LANG_PATH %}
            {% get_momentjs_language_code LANGUAGE_CODE as MOMENTJS_LCODE %}

            <script>
                const sovtimerJsSettingsDefaults = {
                    datetimeFormat: {
                        date: 'L',
                        time: 'LT',
                        timeWithSeconds: 'LTS',
                        datetime: 'L LT',
                        datetimeWithSeconds: 'L LTS',
                    },
                    language: {
                        django: '{{ LANGUAGE_CODE }}',
                        momentJS: '{{ MOMENTJS_LCODE }}',
                    },
                    dataTables: {
                        paging: true,
                        language: {url: '{{ DT_LANG_PATH }}'},
                    },
                };
            </script>

            {% block sovtimer_body %}{% endblock %}
        </div>

        <div class="aa-sovtimer-footer mt-3 pt-3 border-top border-light">
            {% include "sovtimer/partials/footer/app-translation-footer.html" %}
        </div>
    </div>
{% endblock %}