{% extends 'beltradar/base.html' %}
{% load i18n %}

{% block page_template_title %}
    {{ title }}
{% endblock page_template_title %}

{% block page_topic %}
    <h1 class="page-header text-center">
        {{ title }}
    </h1>
{% endblock page_topic %}

{% block aabeltradar_header %}
{% endblock aabeltradar_header %}

{% block aabeltradar_block %}
    {% include 'beltradar/partials/view-my-belt-radar/session-table.html' %}
    {% include 'beltradar/partials/view-my-belt-radar/belt-timer-table.html' %}
{% endblock aabeltradar_block %}


{% block extra_css %}
    {% include 'bundles/datatables-2-css-bs5.html' %}
    {% include 'bundles/datatables-2-columncontrol-css-bs5.html' %}
    {% include 'beltradar/bundles/aa-beltradar-css.html' %}
    {% include 'beltradar/bundles/view-my-belt-radar-css.html' %}
{% endblock %}

{% block extra_javascript %}
    <script>
        /**
         * Override settings for Belt Radar
         */
        const aaBeltRadarSettingsOverride = {
            url: {
                mySessions: "{% url 'beltradar:api:get_my_sessions' character_id=character_id %}",
                myTimers: "{% url 'beltradar:api:get_my_belt_timer' character_id=character_id %}",
            },
            translations: {
                errorLoadingData: "{% translate 'An error occurred while loading sessions data.' %}"
            }
        };

        const aaBeltRadarBeltTimerLayout = {
            topStart: 'pageLength',
            topEnd: null,
            bottomStart: [
                'info',
                {
                    buttons: [
                        {
                            text: '{% translate "Clear Filter" %}',
                            className: 'btn-success request-filter-all',
                        },
                    ]
                }
            ],
            bottomEnd: 'paging'
        };
    </script>
    {% include 'beltradar/bundles/aa-beltradar-js.html' %}
    {% include 'beltradar/bundles/view-my-belt-radar-js.html' %}
    <!-- load modals -->
    {% include 'beltradar/partials/modals/request-accept-delete-belt-timer.html' %}
    {% include 'beltradar/partials/modals/request-accept-modify-belt-timer.html' %}
    {% include 'beltradar/partials/modals/request-add-belt-timer.html' %}
    {% include 'beltradar/partials/modals/request-accept-modify-session.html' %}
    {% include 'beltradar/partials/modals/request-accept-delete-session.html' %}
    {% include 'beltradar/partials/modals/request-add-session.html' %}
{% endblock extra_javascript %}