{% set currentRoute = app.request.get('_route') %}

<div id="kt_app_sidebar" class="app-sidebar flex-column" data-kt-drawer="true" data-kt-drawer-name="app-sidebar" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="225px" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_app_sidebar_mobile_toggle">
    <div class="app-sidebar-logo px-6" id="kt_app_sidebar_logo">
        <a href="{{ path('cms_index') }}">
            <img alt="Logo" src="{{ asset('assets/media/logo/logo_dark.svg') }}" class="theme-light-show h-25px app-sidebar-logo-default" />
            <img alt="Logo" src="{{ asset('assets/media/logo/logo_symbol.svg') }}" class="theme-light-show h-25px app-sidebar-logo-minimize" />
            <img alt="Logo" src="{{ asset('assets/media/logo/logo_light.svg') }}" class="theme-dark-show h-25px app-sidebar-logo-default" />
            <img alt="Logo" src="{{ asset('assets/media/logo/logo_symbol_light.svg') }}" class="theme-dark-show h-25px app-sidebar-logo-minimize" />
        </a>
        <div id="kt_app_sidebar_toggle" class="app-sidebar-toggle btn btn-icon btn-shadow btn-sm btn-color-muted btn-active-color-primary body-bg h-30px w-30px position-absolute top-50 start-100 translate-middle rotate" data-kt-toggle="true" data-kt-toggle-state="active" data-kt-toggle-target="body" data-kt-toggle-name="app-sidebar-minimize">
            <i class="ki-duotone ki-double-left fs-2 rotate-180">
                <span class="path1"></span>
                <span class="path2"></span>
            </i>
        </div>
    </div>

    <div class="app-sidebar-menu overflow-hidden flex-column-fluid">
        <div id="kt_app_sidebar_menu_wrapper" class="app-sidebar-wrapper hover-scroll-overlay-y my-5" data-kt-scroll="true" data-kt-scroll-activate="true" data-kt-scroll-height="auto" data-kt-scroll-dependencies="#kt_app_sidebar_logo, #kt_app_sidebar_footer" data-kt-scroll-wrappers="#kt_app_sidebar_menu" data-kt-scroll-offset="5px" data-kt-scroll-save-state="true">
            <div class="menu menu-column menu-rounded menu-sub-indention px-3" id="#kt_app_sidebar_menu" data-kt-menu="true" data-kt-menu-expand="false">

                {{ _self.MenuItem('dashboard', 'cms_index', 'element-11', 4) }}

                {% if is_granted('ROLE_SUPER_ADMIN') %}
                    {{ _self.MenuSeparator('settings') }}

                    {{ _self.MenuItem('webspaces', 'cms_system_webspace_list', 'abstract-26', 2) }}
                    {{ _self.MenuItem('translations', 'lexik_translation_overview', 'abstract-20', 2) }}
                    <div data-kt-menu-trigger="click" class="menu-item menu-accordion">
                        {{ _self.MenuItem('users', '', 'address-book', 3,true) }}
                        <div class="menu-sub menu-sub-accordion">
                            {{ _self.MenuItem('administrators', 'cms_administrator_list','fingerprint-scanning',6) }}
                        </div>
                    </div>
                {% endif %}


                {{ _self.MenuSeparator('applications') }}

                <div data-kt-menu-trigger="click" class="menu-item menu-accordion">
                    {{ _self.MenuItem('education', '', 'teacher', 2,true) }}
                    <div class="menu-sub menu-sub-accordion {{ (currentRoute starts with 'cms_education_') ? 'active show' }}">
                        {{ _self.MenuItem('lessons', 'cms_education_lesson_list','briefcase',2) }}
                        {{ _self.MenuItem('categories', 'cms_education_lesson_category_list','archive',3) }}
                        {{ _self.MenuItem('benefits', 'cms_education_benefit_list','like',2) }}
                        {{ _self.MenuItem('applies', 'cms_education_apply_list','award',3) }}
                    </div>
                </div>

                {{ _self.MenuItem('messages', 'cms_system_message_list', 'messages', 5) }}

                {{ _self.MenuSeparator('contents') }}
                <div data-kt-menu-trigger="click" class="menu-item menu-accordion">
                    {{ _self.MenuItem('support', '', 'abstract-34', 2,true) }}
                    <div class="menu-sub menu-sub-accordion">
                        {{ _self.MenuItem('faqs', 'cms_system_faq_list', 'question', 3) }}
                        {{ _self.MenuItem('topics', 'cms_system_topic_list', 'archive', 3) }}
                    </div>
                </div>
                
                    {{ _self.MenuItem('pages', 'cms_system_page_list', 'clipboard', 3) }}

                <div class="menu-item text-hover-primary ">
                    <a class="menu-link bg-transparent " href="/cms/manager/?conf=default" target="_blank">

            <span class="menu-icon ">
            <i class="ki-duotone ki-clipboard fs-2">
                                    <span class="path1"></span>
                                    <span class="path2"></span>
                                    <span class="path3"></span>
                            </i>
        </span>

                        <span class="menu-title text-gray-700">Fájlkezelő</span>

                    </a>
                </div>

                {{ _self.MenuItem('tags', 'cms_system_tag_list', 'tag-cross', 3) }}





            </div>
        </div>
    </div>

    <div class="app-sidebar-footer flex-column-auto pt-2 pb-6 px-6" id="kt_app_sidebar_footer">
        <a href="{{ path('cms_logout') }}" class="btn btn-sm btn-flex flex-center btn-custom btn-light overflow-hidden text-nowrap px-0 w-100" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss-="click" title="{{ 'activity_watcher_tooltip'|trans({},'cms') }}">
            {% include 'utils/_icon.html.twig' with {icon:'lock-2','path':5, 'classes': 'fs-2'} %}
            <span class="d-flex flex-column align-items-start ms-2">
                <span class="fw-bold" id="activityDisplay" data-controller="activity-watcher" data-target="activity-watcher.activityDisplay" data-activity-watcher-inactivity-time-value="{{ admin_activity_time }}" data-activity-watcher-logout-path-value="{{ path('cms_logout') }}">{{ admin_activity_time }}:00</span>
            </span>
        </a>
    </div>
</div>

{% macro MenuSeparator(title) %}
    <div class="menu-item pt-5">
        <div class="menu-content">
            <span class="menu-heading fw-bold text-uppercase fs-7">
                {{ title|trans({},'cms') }}
            </span>
        </div>
    </div>
{% endmacro %}


{% macro MenuItem(title,route,icon=null,iconPaths=null,isAccordion = false, isBlank = false) %}
{% set currentRoute = app.request.get('_route') %}
    {% if isAccordion %}
        <span class="menu-link text-hover-primary">
        {% else %}
            <div class="menu-item text-hover-primary ">
            <a class="menu-link bg-transparent {{ (currentRoute == route) ? 'active' : '' }}" href="{{ path(route) }}" target="{{ (isBlank) ? '_blank' : '' }}">
    {% endif %}

    {% if icon %}
        <span class="menu-icon ">
            <i class="ki-duotone ki-{{ icon }} fs-2">
                {% for i in 1..iconPaths %}
                    <span class="path{{ i }}"></span>
                {% endfor %}
            </i>
        </span>
        {% else %}
        <span class="menu-bullet">
            <span class="bullet bullet-dot"></span>
        </span>
    {% endif %}

    <span class="menu-title text-gray-700">{{ title|trans({},'cms') }}</span>

    {% if isAccordion %}
        <span class="menu-arrow"></span>
        </span>
    {% else %}
        </a>
    </div>
    {% endif %}

{% endmacro %}