@php
    $class_menu = "btn menu_nav_button class_menu";
    $class_submenu = "nav-link-level-2 btn menu_nav_button class_submenu";
    $generic_ajax_menu_labels = \App\Http\Controllers\Admin\SlownikiAjaxController::menuTableLabels();
@endphp


<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">

    <div id="accordion">

        <a class="{{ $class_menu }} first  back_to_app {{ Request::is('start') ? 'active' : '' }}" href="{{ url('/') }}" role="button" aria-controls="v-pills-home" aria-selected="true"><i class="far fa-lg fa-share-square fa-flip-horizontal" style="width: 1.5rem;"></i>Powrót - Obszary Aplikacji</a>
        <a class="{{ $class_menu }} first {{ Request::is('m_adm_baza_wiedzy') ? 'active' : '' }}" href="{{ url('/m_adm_baza_wiedzy') }}" aria-selected="false"><i class="fas fa-lg fa-book" style="width: 1.5rem;"></i>Baza Wiedzy</a>
        <a class="{{ $class_menu }} first {{ Request::is('m_admin') ? 'active' : '' }}" href="{{ url('/m_admin') }}" aria-selected="false"><i class="fas fa-lg fa-dice-d6" style="width: 1.5rem;"></i>Panel główny</a>
        <a class="{{ $class_menu }} first {{ Request::is('admin/app-settings*') ? 'active' : '' }}" href="{{ route('admin.app-settings.show') }}" aria-selected="false"><i class="fas fa-lg fa-shield-alt" style="width: 1.5rem;"></i>Ustawienia aplikacji</a>
        <hr class="separator">

        <div class="my_menu_scrollbar admin-menu-main-scroll" style="overflow-y: auto; height: 65vh;">


            {{--
            <a class="{{ $class_menu }} {{ Request::is('m_admin_ado_*') ? 'active' : '' }}" href="{{ url('/m_admin_ado_index') }}" role="button" aria-controls="v-pills-home" aria-selected="true"><i class="fas fa-lg fa-house-user" style="width: 1.5rem;"></i>Administratorzy Danych</a>
            <a class="{{ $class_menu }} {{ Request::is('m_admin_iod_*') ? 'active' : '' }}" href="{{ url('/m_admin_iod_index') }}" role="button" aria-controls="v-pills-home" aria-selected="true"><i class="fas fa-lg fa-id-badge" style="width: 1.5rem;"></i>Inspektorzy Ochrony Danych</a>
            <a class="{{ $class_menu }} {{ Request::is('m_admin_podmiot_*') ? 'active' : '' }}" href="{{ url('/m_admin_podmiot_index') }}" role="button" aria-controls="v-pills-home" aria-selected="true"><i class="fas fa-lg fa-people-arrows" style="width: 1.5rem;"></i>Podmioty Przetwarzające</a>
            <a class="{{ $class_menu }} {{ Request::is('m_admin_zewnetrzny_*') ? 'active' : '' }}" href="{{ url('/m_admin_zewnetrzny_index') }}" role="button" aria-controls="v-pills-home" aria-selected="true"><i class="fas fa-lg fa-people-arrows" style="width: 1.5rem;"></i>Administratorzy Zewnętrzni</a>
            <a class="{{ $class_menu }} {{ Request::is('m_admin_procesy_*') ? 'active' : '' }}" href="{{ url('/m_admin_procesy_index') }}" role="button" aria-controls="v-pills-home" aria-selected="true"><i class="fas fa-lg fa-tasks" style="width: 1.5rem;"></i>Lista Procesów</a>
            <a class="{{ $class_menu }} {{ (Request::is('m_admin_osoby_list') || Request::is('m_admin_osoby_list_form*')) ? 'active' : '' }}" href="{{ url('/m_admin_osoby_list') }}" role="button" aria-controls="v-pills-home" aria-selected="true"><i class="fas fa-lg fa-user-friends" style="width: 1.5rem;"></i>Lista osób</a>
            <a class="{{ $class_menu }} {{ Request::is('m_admin_akty_prawne_list*') ? 'active' : '' }}" href="{{ url('/m_admin_akty_prawne_list') }}" role="button" aria-controls="v-pills-home" aria-selected="true"><i class="fas fa-lg fa-gavel" style="width: 1.5rem;"></i>Akty Prawne</a>
            <a class="{{ $class_menu }} {{ (Request::is('m_admin_struktura_*') && !Request::is('m_admin_tree_struktura_graph*')) ? 'active' : '' }}" href="{{ url('/m_admin_struktura_index') }}" role="button" aria-controls="v-pills-home" aria-selected="true"><i class="fas fa-lg fa-sitemap" style="width: 1.5rem;"></i>Struktura Organizacyjna</a>
            --}}
            <a class="{{ $class_menu }} {{ (Request::is('m_slownik_ajax_sw050_akt_prawa_index_component*') || Request::is('m_slownik_ajax_index_component/sw050_akt_prawa')) ? 'active' : '' }}" href="{{ url('/m_slownik_ajax_sw050_akt_prawa_index_component') }}" role="button" aria-controls="v-pills-home" aria-selected="true"><i class="fas fa-lg fa-gavel" style="width: 1.5rem;"></i>Akty Prawne</a>


            <a class="{{ $class_menu }} {{ Request::is('m_admin_tree_struktura_graph*') ? 'active' : '' }}" href="{{ url('/m_admin_tree_struktura_graph') }}" role="button" aria-controls="v-pills-home" aria-selected="true"><i class="fas fa-lg fa-sitemap" style="width: 1.5rem;"></i>Struktura Organizacyjna - Graf</a>
            <a class="{{ $class_menu }} {{ Request::is('m_admin_struktura_*') ? 'active' : '' }}" href="{{ url('/m_admin_struktura_index_component') }}" role="button" aria-controls="v-pills-home" aria-selected="true"><i class="fas fa-lg fa-users" style="width: 1.5rem;"></i>Struktura Organizacyjna</a>

            <a class="{{ $class_menu }} {{ Request::is('m_admin_osoby_list_*') ? 'active' : '' }}" href="{{ url('/m_admin_osoby_list_component') }}" role="button" aria-controls="v-pills-home" aria-selected="true"><i class="fas fa-lg fa-user-friends" style="width: 1.5rem;"></i>Lista osób</a>

            <a class="{{ $class_menu }} {{ Request::is('m_admin_users_list*') ? 'active' : '' }}" href="{{ url('/m_admin_users_list') }}" role="button" aria-controls="v-pills-home" aria-selected="true"><i class="fas fa-lg fa-user" style="width: 1.5rem;"></i>Lista - Konta APP</a>
            <a class="{{ $class_menu }} {{ Request::is('m_admin_role_app_list*') ? 'active' : '' }}" href="{{ url('/m_admin_role_app_list') }}" role="button" aria-controls="v-pills-home" aria-selected="true"><i class="fas fa-lg fa-user-shield" style="width: 1.5rem;"></i>Lista - Role APP</a>






                {{-- START - Administrator - Slowniki AJAX --}}
                <div id="heading-slowniki-ajax">
                    <a class="{{ $class_menu }} first {{ Request::is('m_slownik_ajax*') ? 'class_menu_active' : '' }}" role="button" data-toggle="collapse" data-target="#collapse-slowniki-ajax" aria-expanded="false" aria-controls="collapse-slowniki-ajax" aria-selected="true"><i class="fas fa-lg fa-angle-down"></i>Słowniki Aplikacji</a>
                </div>
                <div id="collapse-slowniki-ajax" class="collapse admin-menu-level2-collapse {{ Request::is('m_slownik_ajax*') ? 'show' : '' }}" aria-labelledby="heading-slowniki-ajax" data-parent="#accordion">
                    <div class="admin-menu-level2-scroll my_menu_scrollbar">

                        <a class="{{ $class_submenu }} {{ (Request::is('m_slownik_ajax_sw000_organizacja_index_component*') || Request::is('m_slownik_ajax_index_component/sw000_organizacja')) ? 'active' : '' }}" href="{{ url('/m_slownik_ajax_sw000_organizacja_index_component') }}" aria-selected="false">
                            <div class="d-flex flex-row align-items-center">
                                <div><i class="fas fa-table fa-lg"></i></div>
                                <div>Organizacja</div>
                            </div>
                        </a>

                        <a class="{{ $class_submenu }} {{ (Request::is('m_slownik_ajax_sw001_administratordanych_index_component*') || Request::is('m_slownik_ajax_index_component/sw001_administratordanych')) ? 'active' : '' }}" href="{{ url('/m_slownik_ajax_sw001_administratordanych_index_component') }}" aria-selected="false">
                            <div class="d-flex flex-row align-items-center">
                                <div><i class="fas fa-lg fa-house-user" style="width: 1.5rem;"></i></div>
                                <div>Administratorzy Danych</div>
                            </div>
                        </a>

                        <a class="{{ $class_submenu }} {{ (Request::is('m_slownik_ajax_sw002_iod_index_component*') || Request::is('m_slownik_ajax_index_component/sw002_iod')) ? 'active' : '' }}" href="{{ url('/m_slownik_ajax_sw002_iod_index_component') }}" aria-selected="false">
                            <div class="d-flex flex-row align-items-center">
                                <div><i class="fas fa-lg fa-id-badge" style="width: 1.5rem;"></i></div>
                                <div>Inspektorzy Ochrony DO</div>
                            </div>
                        </a>


                        <a class="{{ $class_submenu }} {{ Request::is('m_slownik_ajax_sw030_zasoby_index_component*') ? 'active' : '' }}" href="{{ url('/m_slownik_ajax_sw030_zasoby_index_component') }}" aria-selected="false">
                            <div class="d-flex flex-row align-items-center">
                                <div><i class="fas fa-table fa-lg"></i></div>
                                <div>Zasoby</div>
                            </div>
                        </a>

                        <a class="{{ $class_submenu }} {{ Request::is('m_slownik_ajax_index_component/sw010_proces') ? 'active' : '' }}" href="{{ url('/m_slownik_ajax_index_component/sw010_proces') }}" aria-selected="false">
                            <div class="d-flex flex-row align-items-center">
                                <div><i class="fas fa-lg fa-tasks" style="width: 1.5rem;"></i></div>
                                <div>Procesy</div>
                            </div>
                        </a>

                        <a class="{{ $class_submenu }} {{ (Request::is('m_slownik_ajax_roles_index_component*') || Request::is('m_slownik_ajax_index_component/roles')) ? 'active' : '' }}" href="{{ url('/m_slownik_ajax_roles_index_component') }}" aria-selected="false">
                            <div class="d-flex flex-row align-items-center">
                                <div><i class="fas fa-table fa-lg"></i></div>
                                <div>Role w Ochronie Danych</div>
                            </div>
                        </a>


                        <a class="{{ $class_submenu }} {{ Request::is('m_slownik_ajax_sw011_proces_cykle_index_component*') ? 'active' : '' }}" href="{{ url('/m_slownik_ajax_sw011_proces_cykle_index_component') }}" aria-selected="false">
                            <div class="d-flex flex-row align-items-center">
                                <div><i class="fas fa-table fa-lg"></i></div>
                                <div>Cykle procesów</div>
                            </div>
                        </a>





                        @php
                            $ajax_tables = [
                                'sw035_srodki_bezpieczenstwa',
                                'sw036_srodki_bezpieczenstwa_zagrozenia',
                                'sw060_role_app',
                                'sw067_niezbednosc_proporcjonalnosc_slownik',
                                'sw068_dpia_skutki_dla_osoby',
                                'sw070_grupy_aktywow',
                                'sw071_podgrupy_aktywow',
                                'sw072_zagrozenia',
                                'sw073_zagrozenia_aktywow',
                                'sw074_prawdopodobienstwo_skala',
                                'sw075_skutki_skala',
                                'sw076_ryzyko_skala',
                                'sw077_postepowanie_z_ryzykiem_skala',
                                'sw080_dpia_zagrozenia',
                            ];
                        @endphp

                        @foreach($ajax_tables as $ajax_table)
                            <a class="{{ $class_submenu }} {{ Request::is('m_slownik_ajax_index_component/' . $ajax_table) ? 'active' : '' }}" href="{{ url('/m_slownik_ajax_index_component/' . $ajax_table) }}" aria-selected="false">
                                <div class="d-flex flex-row align-items-center">
                                    <div><i class="fas fa-table fa-lg"></i></div>
                                    <div>{{ $generic_ajax_menu_labels[$ajax_table] ?? $ajax_table }}</div>
                                </div>
                            </a>
                        @endforeach
                    </div>
                </div>
                {{-- KONIEC - Administrator - Slowniki AJAX --}}



            @if(my_Localhost())
                {{-- START - Administrator - Ustawienia --}}
                <div id="heading-ustawienia">
                    <a class="{{ $class_menu }} first {{ Request::is('mx_slownik*') ? 'class_menu_active' : '' }}"  role="button" data-toggle="collapse" data-target="#collapse-ustawienia" aria-expanded="false" aria-controls="collapse-ustawienia" aria-selected="true"><i class="fas fa-lg fa-angle-down"></i>Ustawienia Modułów</a>
                </div>
                <div id="collapse-ustawienia" class="collapse admin-menu-level2-collapse {{ Request::is('mx_slownik*') ? 'show' : '' }}" aria-labelledby="heading-ustawienia" data-parent="#accordion">
                    <div class="admin-menu-level2-scroll my_menu_scrollbar">
                        {{-- T-sw011 --}}
                        <a class="{{ $class_submenu }} {{ Request::is('m_slownik_cykle_procesu*') ? 'active' : '' }}" href="{{ url('/m_slownik_cykle_procesu_tabela_index') }}" aria-selected="false">
                            <div class="d-flex flex-row align-items-center" >
                                <div><i class="fas fa-book fa-lg"></i></div>
                                <div>Sygnalista</div>
                            </div>
                        </a>
                    </div>
                </div>
                {{-- KONIEC - Administrator - Ustawienia --}}



                {{-- START - Administrator - Słowniki --}}
                <div id="heading-slowniki-klasyczne">
                    <a class="{{ $class_menu }} first {{ Request::is('mxx_slownik*') ? 'class_menu_active' : '' }}"  role="button" data-toggle="collapse" data-target="#collapse-slowniki-klasyczne" aria-expanded="false" aria-controls="collapse-slowniki-klasyczne" aria-selected="true"><i class="fas fa-lg fa-angle-down"></i>Słowniki old</a>
                </div>
                <div id="collapse-slowniki-klasyczne" class="collapse admin-menu-level2-collapse {{ Request::is('m_xxslownik*') ? 'show' : '' }}" aria-labelledby="heading-slowniki-klasyczne" data-parent="#accordion">
                    <div class="admin-menu-level2-scroll my_menu_scrollbar">
                        {{-- T-sw011 --}}
                        <a class="{{ $class_submenu }} {{ Request::is('m_slownik_cykle_procesu*') ? 'active' : '' }}" href="{{ url('/m_slownik_cykle_procesu_tabela_index') }}" aria-selected="false">
                            <div class="d-flex flex-row align-items-center" >
                                <div><i class="fas fa-book fa-lg"></i></div>
                                <div>Cykle dla procesu</div>
                            </div>
                        </a>

                        <a class="{{ $class_submenu }} {{ Request::is('m_adm_slownik*') ? 'active' : '' }}" href="{{ url('/m_adm_slownik') }}" aria-selected="false">
                            <div class="d-flex flex-row align-items-center" >
                                <div><i class="fas fa-book fa-lg"></i></div>
                                <div>V-sw036 - Środki bezpieczeństwa - Zagrożenia</div>
                            </div>
                        </a>
                        <a class="{{ $class_submenu }} {{ Request::is('m_adm_slownik*') ? 'active' : '' }}" href="{{ url('/m_adm_slownik') }}" aria-selected="false">
                            <div class="d-flex flex-row align-items-center" >
                                <div><i class="fas fa-book fa-lg"></i></div>
                                <div>V-sw061 - Role - Funkcje</div>
                            </div>
                        </a>
                        <a class="{{ $class_submenu }} {{ Request::is('m_adm_slownik*') ? 'active' : '' }}" href="{{ url('/m_adm_slownik') }}" aria-selected="false">
                            <div class="d-flex flex-row align-items-center" >
                                <div><i class="fas fa-book fa-lg"></i></div>
                                <div>V-sw062 - Role - Użytkownik</div>
                            </div>
                        </a>

                        <a class="{{ $class_submenu }} {{ Request::is('m_adm_slownik*') ? 'active' : '' }}" href="{{ url('/m_adm_slownik') }}" aria-selected="false"><i class="fas fa-book fa-lg"></i></a>

                    </div>
                </div>
                {{-- KONIEC - Administrator - Słowniki --}}

            @endif


        </div>

    </div>
</div>

<script>
    (function () {
        function scrollElementIntoContainer($container, $element, topPadding, bottomPadding) {
            if (!$container.length || !$element.length) {
                return;
            }

            var container = $container.get(0);
            var element = $element.get(0);
            var containerRect = container.getBoundingClientRect();
            var elementRect = element.getBoundingClientRect();

            var topEdge = containerRect.top + topPadding;
            var bottomEdge = containerRect.bottom - bottomPadding;

            if (elementRect.top < topEdge) {
                container.scrollTop -= (topEdge - elementRect.top);
            } else if (elementRect.bottom > bottomEdge) {
                container.scrollTop += (elementRect.bottom - bottomEdge);
            }
        }

        function setLevel2MaxHeight($panel) {
            if (!$panel.length) {
                return;
            }

            var $main = $panel.closest('.admin-menu-main-scroll');
            if (!$main.length) {
                return;
            }

            var mainRect = $main.get(0).getBoundingClientRect();
            var panelRect = $panel.get(0).getBoundingClientRect();
            var available = Math.floor(mainRect.bottom - panelRect.top - 10);
            var minHeight = 170;
            var maxHeight = 200;
            var targetHeight = Math.max(minHeight, Math.min(available, maxHeight));
            $panel.css('max-height', targetHeight + 'px');
        }

        function initAdminMenuScroll() {
            var $mainScroll = $('.admin-menu-main-scroll').first();
            var $activeGroup = $('#accordion').find('a.class_menu.class_menu_active').first();

            if ($activeGroup.length) {
                scrollElementIntoContainer($mainScroll, $activeGroup, 4, 4);
            }

            $('.admin-menu-level2-scroll').each(function () {
                var $panel = $(this);
                setLevel2MaxHeight($panel);

                var $activeSubmenu = $panel.find('a.class_submenu.active').first();
                if ($activeSubmenu.length) {
                    scrollElementIntoContainer($panel, $activeSubmenu, 6, 6);
                }
            });
        }

        $(window).on('resize', function () {
            $('.admin-menu-level2-scroll').each(function () {
                setLevel2MaxHeight($(this));
            });
        });

        $(document).on('shown.bs.collapse', '.admin-menu-level2-collapse', function () {
            var $panel = $(this).find('.admin-menu-level2-scroll').first();
            setLevel2MaxHeight($panel);
            var $activeSubmenu = $panel.find('a.class_submenu.active').first();
            if ($activeSubmenu.length) {
                scrollElementIntoContainer($panel, $activeSubmenu, 6, 6);
            }
        });

        $(document).ready(function () {
            initAdminMenuScroll();
        });
    })();
</script>