@php
    $class_menu = "nav-link btn btn-outline-secondary menu_nav_button";
    $class_submenu = "nav-link-level-2 nav-link btn btn-outline-secondary menu_nav_button";
@endphp


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

    <div id="accordion">
        <a class="{{ $class_menu }} {{ Request::is('start') ? 'active' : '' }}" href="{{ url('/') }}" role="button" aria-controls="v-pills-home" aria-selected="true">Przejdź do Obszarów Aplikacji</a>
        <hr class="separator">

        <div class="" id="headingOnet">
            <a class="{{ $class_menu }} {{ Request::is('m_odo_i_z_*') ? 'class_menu_active' : '' }} {{ Request::is('m_odo_i_z_*') ? 'active' : '' }}" href="{{ url('/m_odo_iod') }}" role="button" data-toggle="collapse" data-target="#collapseOnet" aria-expanded="true" aria-controls="collapseOnet" aria-selected="true">IOD</a>
        </div>
        <div id="collapseOnet" class="collapse {{ Request::is('m_odo_i_z_*') ? 'show' : '' }}" aria-labelledby="headingOnet" data-parent="#accordion">
            <div class="">
                <a class="{{ $class_submenu }} {{ Request::is('m_odo_baza_wiedzy') ? 'active' : '' }}" href="{{ url('/m_odo_baza_wiedzy') }}" aria-selected="false">Zarządzanie Szkoleniami</a>
                <a class="{{ $class_submenu }} {{ Request::is('m_odo_i_z_audyty') ? 'active' : '' }}" href="{{ url('/m_odo_i_z_audyty') }}" aria-selected="false">Zarządzanie Audytami</a>
                <a class="{{ $class_submenu }} {{ Request::is('m_odo_i_z_ocena_skutkow') ? 'active' : '' }}" href="{{ url('/m_odo_i_z_ocena_skutkow') }}" aria-selected="false">Zarządzanie Oceną Skutków</a>
            </div>
        </div>

        <div class="" id="headingTwo">
            <a class="{{ $class_menu }} {{ Request::is('m_odo_z_*') ? 'class_menu_active' : '' }} {{ Request::is('m_odo_z_*') ? 'active' : '' }}" href="{{ url('/m_odo_zarzadzanie_obszarem_odo') }}" role="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" aria-selected="true">Zarządzanie Obszarem ODO</a>
        </div>
        <div id="collapseTwo" class="collapse {{ Request::is('m_odo_z_*') ? 'show' : '' }}" aria-labelledby="headingTwo" data-parent="#accordion">
            <div class="">
                <a class="{{ $class_submenu }} {{ Request::is('m_odo_procesy_*') ? 'active' : '' }}" href="{{ url('/m_odo_proces_kafelki_dzial') }}" aria-selected="false">Zarządzanie Procesami</a>
                <a class="{{ $class_submenu }} {{ Request::is('m_odo_z_incydenty') ? 'active' : '' }}" href="{{ url('/m_odo_z_incydenty') }}" aria-selected="false">Zarządzanie Incydentami</a>
                <a class="{{ $class_submenu }} {{ Request::is('m_odo_z_umowy_powierzenia') ? 'active' : '' }}" href="{{ url('/m_odo_z_umowy_powierzenia') }}" aria-selected="false">Zarządzanie Umowami Powierzenia</a>
                <a class="{{ $class_submenu }} {{ Request::is('m_odo_z_klauzule') ? 'active' : '' }}" href="{{ url('/m_odo_z_klauzule') }}" aria-selected="false">Zarządzanie Klauzulami</a>
                <a class="{{ $class_submenu }} {{ Request::is('m_odo_z_ryzyko') ? 'active' : '' }}" href="{{ url('/m_odo_z_ryzyko') }}" aria-selected="false">Zarządzanie Ryzykiem</a>
                <a class="{{ $class_submenu }} {{ Request::is('m_odo_z_upowaznienia') ? 'active' : '' }}" href="{{ url('/m_odo_z_upowaznienia') }}" aria-selected="false">Zarządzanie Upoważnieniami</a>
                <a class="{{ $class_submenu }} {{ Request::is('m_odo_z_zgloszenie_iod') ? 'active' : '' }}" href="{{ url('/m_odo_z_zgloszenie_iod') }}" aria-selected="false">Zgłoszenie IOD</a>
                <a class="{{ $class_submenu }} {{ Request::is('m_odo_z_niezgodności') ? 'active' : '' }}" href="{{ url('/m_odo_z_niezgodności') }}" aria-selected="false">Zarządzanie Niezgodnościami</a>
                <a class="{{ $class_submenu }} {{ Request::is('m_odo_z_prawa_osob') ? 'active' : '' }}" href="{{ url('/m_odo_z_prawa_osob') }}" aria-selected="false">Prawa Osób których Dane Dotyczą</a>

            </div>
        </div>

        <div class="" id="headingThre">
            <a class="{{ $class_menu }} {{ Request::is('m_odo_rejestr_czynnosci') ? 'active' : '' }}" href="{{ url('/m_odo_rejestr_czynnosci') }}" data-target="#collapseThre" aria-expanded="false" aria-controls="collapseThre" aria-selected="true">
                Rejestr Czynności</a>
        </div>
        <div id="collapseThre" class="collapse" aria-labelledby="headingThre" data-parent="#accordion">
            <div class="">
            </div>
        </div>

        <div class="" id="headingFour">
            <a class="{{ $class_menu }} {{ Request::is('m_odo_rejestr_kategorii') ? 'active' : '' }}" href="{{ url('/m_odo_rejestr_kategorii') }}" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour" aria-selected="true">
                Rejestr Kategorii</a>
        </div>
        <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordion">
            <div class="">
            </div>
        </div>

        <div class="" id="headingFive">
            <a class="{{ $class_menu }} {{ Request::is('m_odo_dane_inspektora') ? 'active' : '' }}" href="{{ url('/m_odo_dane_inspektora') }}" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive" aria-selected="true">
                Dane Inspektora ODO</a>
        </div>
        <div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordion">
            <div class="">
            </div>
        </div>


    </div>


    </div>