{{-- navbar --}}
<section id="navbar--section" class="navbar--section">
    <div class="container-fluid">
        <div class="row align-items-center rtl--direction">




            {{-- DropMenu --}}
            <div class="col-1" data-aos="{{ __('fade-right') }}" data-aos-duration="800" data-aos-once="true">
                <div class="dropdown navbar--profile-dropdown text-center " data-bs-toggle="tooltip" data-bss-tooltip=""
                    data-bs-placement="left" title="{{ __('Click For Menu') }}">



                    {{-- logoFile --}}
                    <button class="btn navbar--profile-button scale--self-05" aria-expanded="false"
                        data-bs-toggle="dropdown" type="button">
                        <img src="{{url('assets/img/Logo/logo.png')}}" width="73" height="41" />
                    </button>





                    {{-- ---------------------------- --}}
                    {{-- ---------------------------- --}}





                    {{-- submenu --}}
                    <div class="dropdown-menu navbar--profile-menu">


                        @php $changeLang = app()->currentLocale() == 'ar' ? 'en' : 'ar'; @endphp



                        {{-- 1: changeLanguage --}}
                        <a role='button' class="dropdown-item d-flex align-items-center justify-content-start ps-4"
                            href="{{ route('changeLocale', [$changeLang]) }}">

                            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor"
                                class="bi bi-translate me-2" viewBox="0 0 16 16" style="font-size: 21px">
                                <path
                                    d="M4.545 6.714 4.11 8H3l1.862-5h1.284L8 8H6.833l-.435-1.286zm1.634-.736L5.5 3.956h-.049l-.679 2.022z" />
                                <path
                                    d="M0 2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v3h3a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zm7.138 9.995q.289.451.63.846c-.748.575-1.673 1.001-2.768 1.292.178.217.451.635.555.867 1.125-.359 2.08-.844 2.886-1.494.777.665 1.739 1.165 2.93 1.472.133-.254.414-.673.629-.89-1.125-.253-2.057-.694-2.82-1.284.681-.747 1.222-1.651 1.621-2.757H14V8h-3v1.047h.765c-.318.844-.74 1.546-1.272 2.13a6 6 0 0 1-.415-.492 2 2 0 0 1-.94.31" />
                            </svg>
                            @if ($changeLang == 'ar') {{ __('Arabic') }} @else {{ __('English') }} @endif
                        </a>




                        {{-- 2: logout --}}
                        <a wire:click='logout' role='button'
                            class="dropdown-item d-flex align-items-center justify-content-start ps-4"
                            href='javascript:void(0);'>
                            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor"
                                viewBox="0 0 16 16" class="bi bi-door-open me-2" style="font-size: 21px">
                                <path d="M8.5 10c-.276 0-.5-.448-.5-1s.224-1 .5-1 .5.448.5 1-.224 1-.5 1z">
                                </path>
                                <path
                                    d="M10.828.122A.5.5 0 0 1 11 .5V1h.5A1.5 1.5 0 0 1 13 2.5V15h1.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H3V1.5a.5.5 0 0 1 .43-.495l7-1a.5.5 0 0 1 .398.117zM11.5 2H11v13h1V2.5a.5.5 0 0 0-.5-.5zM4 1.934V15h6V1.077l-6 .857z">
                                </path>
                            </svg>
                            {{ __('Logout') }}
                        </a>
                    </div>
                    {{-- endSubmenu --}}




                </div>
            </div>
            {{-- endLeftCol --}}









            {{-- ----------------------------------- --}}
            {{-- ----------------------------------- --}}









            {{-- rightCol --}}
            <div class="col-10">
                <div class="navbar--menu d-flex align-items-center justify-content-between">





                    {{-- 1: dashboard --}}


                    {{-- :: permission - hasDashboard --}}
                    @if ($user->checkPermission('Dashboard'))


                    <a class="btn navbar--menu-button
                        {{ (Request::is('dashboard') || Request::is('dashboard/quick/*') || Request::is('dashboard/quick') ? 'active' : '') }}"
                        href="{{route('dashboard.index')}}">
                        {{ __('Dashboard') }}
                    </a>


                    @endif
                    {{-- end if - permissions --}}










                    {{-- 2: clients --}}

                    {{-- :: permission - hasClients --}}
                    @if ($user->checkPermission('Manage Clients'))


                    <a class="btn navbar--menu-button
                    {{ (Request::is('dashboard/clients') ||  Request::is('dashboard/clients/*') || Request::is('dashboard/opponents') || Request::is('dashboard/expert-offices') ? 'active' : '') }}"
                        href="{{route('dashboard.clients')}}">
                        {{__('Manage Clients')}}
                    </a>


                    @endif
                    {{-- end if - permission --}}









                    {{-- 3: cases --}}

                    {{-- :: permission - hasCases --}}
                    @if ($user->checkPermission('Manage Cases'))


                    <a class="btn navbar--menu-button {{ (Request::is('dashboard/manage/*') ? 'active' : '') }}"
                        href="{{ route('dashboard.manage.cases') }}">
                        {{__('Manage Cases')}}
                    </a>



                    @endif
                    {{-- end if - permission --}}











                    {{-- 4: search --}}


                    {{-- :: permission - hasSearch --}}
                    @if ($user->checkPermission('Search'))



                    <button wire:navigate class="btn navbar--menu-button" href="{{ route('dashboard.search') }}">
                        {{__('Search')}}
                    </button>


                    @endif
                    {{-- end if - permission --}}












                    {{-- 5: reports --}}

                    {{-- :: permission - hasReports --}}
                    @if ($user->checkPermission('Reports'))


                    <a class="btn navbar--menu-button {{ Request::is('dashboard/reports') ||  Request::is('dashboard/reports/*') ? 'active' : '' }}"
                        href="{{ route('dashboard.reports') }}">
                        {{ __(':text', ['text' => 'Reports', 'textAr' => 'التقارير']) }}
                    </a>



                    @endif
                    {{-- end if - permission --}}











                    {{-- 6: tasks --}}


                    {{-- :: permission - hasTasks --}}
                    @if ($user->checkPermission('Tasks'))


                    <button class="btn navbar--menu-button" href=''>
                        {{__('Tasks')}}
                    </button>


                    @endif
                    {{-- end if - permission --}}












                    {{-- 7: management --}}

                    {{-- :: permission - hasManagement --}}
                    @if ($user->checkPermission('Management'))



                    <a wire:navigate
                        class="btn navbar--menu-button @if (Request::is('dashboard/management/departments') ||  Request::is('dashboard/management/users')) active @endif"
                        href="{{ route('dashboard.management.users') }}">
                        {{__('Management')}}
                    </a>



                    @endif
                    {{-- end if - permission --}}











                    {{-- 8: settings --}}

                    {{-- :: permission - hasSettings --}}
                    @if ($user->checkPermission('Settings'))


                    <a class="btn navbar--menu-button
                    {{ (Request::is('dashboard/settings') ||  Request::is('dashboard/settings/*') ? 'active' : '') }}"
                        href="{{route('dashboard.settings')}}">
                        {{__('Settings')}}
                    </a>




                    @endif
                    {{-- end if - permission --}}










                    {{-- 8: searchbar --}}
                    <input type="search" class="navbar--menu-search form--input ms-2  d-none"
                        placeholder="{{ __('Search Case') }}" name="caseNumber" />


                </div>
            </div>
            {{-- end navMenu --}}








            {{-- ----------------------------------- --}}
            {{-- ----------------------------------- --}}





            {{-- notifications --}}
            <div class="col-1 text-center" data-aos="{{ __('fade-left') }}" data-aos-duration="800"
                data-aos-once="true">
                <button class="btn btn--raw-icon navbar--notify scalebellmix--3" s="button">
                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor"
                        viewBox="0 0 16 16" class="bi bi-bell">
                        <path
                            d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z">
                        </path>
                    </svg>
                </button>
            </div>
            {{-- end notifications --}}






        </div>
    </div>
</section>
{{-- end section --}}