{% extends 'base.adm.html.twig' %}

{% block title %}Admin Dashboard{% endblock %}

{% block body %}
    <div class="adm-page">
        <div class="adm-page__header">
            <h1>{{ 'lang.adminPanel'|trans }}</h1>
            <p>Übersicht Registrierungen, Speicher und Logins</p>
        </div>

        <div class="adm-dashboard">
            {% include 'adm/dashboard/_partials/registrations.html.twig' %}
            {% include 'adm/dashboard/_partials/trial-version.html.twig' %}
            {% include 'adm/dashboard/_partials/payments.html.twig' %}
            {% include 'adm/dashboard/_partials/total-storage.html.twig' %}
            {% include 'adm/dashboard/_partials/total-disk.html.twig' %}
            {% if is_granted('ROLE_GLOBAL_ADMIN') %}
                {% include 'adm/dashboard/_partials/logins.html.twig' %}
            {% endif %}
        </div>
    </div>

    <div class="offcanvas offcanvas-end adm-dashboard-offcanvas" tabindex="-1" id="admDashboardOffcanvas" aria-labelledby="admDashboardOffcanvasLabel">
        <div class="offcanvas-header">
            <h5 class="offcanvas-title" id="admDashboardOffcanvasLabel">Details</h5>
            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
            <div id="admDashboardOffcanvasContent" class="adm-dashboard-offcanvas__content"></div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('adm_dashboard') }}
{% endblock %}

{% block footer %}{% endblock %}