@php
$configData = Helper::applClasses();
@endphp
<!-- BEGIN: template-->
<div
    class="main-menu menu-fixed menu-light menu-accordion menu-shadow menu-custom"
    data-scroll-to-active="true"
>
    <div class="navbar-header">
        <ul class="nav navbar-nav flex-row">
            <li class="nav-item me-auto">
                <a class="navbar-brand" href="{{ !Session::has("userLogin") ? url('/') : url('parent/parent_dashboard')}}">
          <span class="brand-logo">
            <x-ui.logo />
          </span>
                </a>
            </li>
            <li class="nav-item nav-toggle">
                <a class="nav-link modern-nav-toggle pe-0" data-toggle="collapse">
                    <em
                        class="d-block d-xl-none text-primary toggle-icon font-medium-4"
                        data-feather="x"
                    ></em>
                    <em
                        id="toggleSidebarIcon"
                        class="d-none d-xl-block toggle-icon-sidebar"
                        data-feather="chevrons-left"
                        data-ticon="chevrons-left"
                    ></em>
                </a>
            </li>
        </ul>
    </div>
    <!-- <div class="shadow-bottom"></div> -->
    <div class="main-menu-content">
        <div class="sidebar-wrapper">
            <!-- links-frame g -->
            <div class="links-frame">


                <ul
                    class="navigation navigation-main"
                    id="main-menu-navigation"
                    data-menu="menu-navigation"
                >


                            <li class="nav-item sub-menu">
                                <a
                                    href="{{!Session::has("userLogin") ? url('/') : url('parent/parent_dashboard')}}"
                                    class="d-flex align-items-center sidebar-link"
                                    target="_self">
                                    <em data-feather="home"></em>
                                    <span class="menu-title text-truncate">الرئيسية</span>
                                </a>

                            </li>
                            @if (!Session::has("userLogin")  && isset($menuData[0]))
                                @foreach ($menuData[0]->menu as $menu)
                                    @if (isset($menu->navheader))
                                        <li class="navigation-header">
                                            <span>{{ __('locale.' . $menu->navheader) }}</span>
                                            <em data-feather="more-horizontal"></em>
                                        </li>
                                    @else
                                        {{-- Add Custom Class with nav-item --}}
                                        @php
                                            $custom_classes = '';
                                            if (isset($menu->classlist)) {
                                                $custom_classes = $menu->classlist;
                                            }
                                        @endphp
                                        <li class="nav-item sub-menu {{ $custom_classes }}">
                                            <a
                                                href="{{ isset($menu->url) ? (Route::has($menu->url) ? route($menu->url) : url($menu->url)) : 'javascript:void(0)' }}"
                                                class="d-flex align-items-center sidebar-link"
                                                target="{{ isset($menu->newTab) ? '_blank' : '_self' }}">
                                                <em data-feather="{{ $menu->icon }}"></em>
                                                <span class="menu-title text-truncate">{{ $menu->name }}</span>
                                                @if (isset($menu->badge))
                                                                                                        <span
                                                        class="{{ isset($menu->badgeClass) ? $menu->badgeClass : $badgeClasses }}">{{ $menu->badge }}</span>
                                                @endif
                                            </a>
                                            @if (isset($menu->submenu))
                                                @include('panels.submenu', ['menu' => $menu->submenu])
                                            @endif
                                        </li>

                                    @endif
                                @endforeach
                                    <li class="nav-item sub-menu">
                                        <a
                                            href="javascript:void(0)"
                                            class="d-flex align-items-center sidebar-link"
                                            target="_blank">
                                            <em data-feather="layers"></em>
                                            <span class="menu-title text-truncate">أنظمه الدعم</span>

                                        </a>
                                        <ul class="menu-content inner-parent">
                                            <li class="inner-child">
                                                <a
                                                    href="{{config('odoo_configuration.base_url')}}"
                                                    class="d-flex align-items-center"
                                                    target="_blank"
                                                >
                                                    <span class="menu-item text-truncate"> الحسابات</span>
                                                </a>

                                            </li>
                                            <li class="inner-child">
                                                <a
                                                    href="{{config('odoo_configuration.base_url')}}"
                                                    class="d-flex align-items-center"
                                                    target="_blank"
                                                >
                                                    <span class="menu-item text-truncate"> شؤون الموظفين</span>
                                                </a>

                                            </li>
                                        </ul>

                                    </li>
                                {{-- Foreach menu item ends --}}
                            @elseif(Session::has("userLogin")  && isset($menuData[2]))
                                @foreach ($menuData[2]->menu as $menu)
                                    @if (isset($menu->navheader))
                                        <li class="navigation-header">
                                            <span>{{ __('locale.' . $menu->navheader) }}</span>
                                            <em data-feather="more-horizontal"></em>
                                        </li>
                                    @else
                                        {{-- Add Custom Class with nav-item --}}
                                        @php
                                            $custom_classes = '';
                                            if (isset($menu->classlist)) {
                                                $custom_classes = $menu->classlist;
                                            }
                                        @endphp
                                        <li class="nav-item sub-menu {{ $custom_classes }}">
                                            <a
                                                href="{{ isset($menu->url) ? (Route::has($menu->url) ? route($menu->url) : url($menu->url)) : 'javascript:void(0)' }}"
                                                class="d-flex align-items-center sidebar-link"
                                                target="{{ isset($menu->newTab) ? '_blank' : '_self' }}">
                                                <em data-feather="{{ $menu->icon }}"></em>
                                                <span class="menu-title text-truncate">{{ $menu->name }}</span>
                                                @if (isset($menu->badge))
                                                                                                        <span
                                                        class="{{ isset($menu->badgeClass) ? $menu->badgeClass : $badgeClasses }}">{{ $menu->badge }}</span>
                                                @endif
                                            </a>
                                            @if (isset($menu->submenu))
                                                @include('panels.submenu', ['menu' => $menu->submenu])
                                            @endif
                                        </li>
                                    @endif
                                @endforeach
                                    <li class="nav-item sub-menu">
                                        <a
                                            href="javascript:void(0)"
                                            class="d-flex align-items-center sidebar-link"
                                            target="_blank">
                                            <em data-feather="layers"></em>
                                            <span class="menu-title text-truncate">أنظمه الدعم</span>

                                        </a>
                                        <ul class="menu-content inner-parent">
                                            <li class="inner-child">
                                                <a
                                                    href="{{config('odoo_configuration.base_url')}}"
                                                    class="d-flex align-items-center"
                                                    target="_blank"
                                                >
                                                    <span class="menu-item text-truncate"> الحسابات</span>
                                                </a>

                                            </li>
                                            <li class="inner-child">
                                                <a
                                                    href="{{config('odoo_configuration.base_url')}}"
                                                    class="d-flex align-items-center"
                                                    target="_blank"
                                                >
                                                    <span class="menu-item text-truncate"> شؤون الموظفين</span>
                                                </a>

                                            </li>
                                        </ul>

                                    </li>
                            @endif



                </ul>
            </div>
{{--            <div class="sidebar-footer">--}}
{{--                <div class="log-out-Frame">--}}
{{--                    <div class="log-out-text">--}}
{{--                        @if(Auth::check())--}}
{{--                            @if (!Session::has("userLogin"))--}}

{{--                                <a class="link-frame" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">--}}
{{--                                    <em class="me-50" data-feather="log-out"></em> تسجيل الخروج--}}
{{--                                </a>--}}
{{--                                <form method="POST" id="logout-form" action="{{ route('logout') }}">--}}
{{--                                    @csrf--}}
{{--                                </form>--}}
{{--                            @else--}}
{{--                                <a class="link-frame" href="{{ route('parentLogout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">--}}
{{--                                    <em class="me-50" data-feather="log-out"></em> تسجيل الخروج--}}
{{--                                </a>--}}
{{--                                <form method="POST" id="logout-form" action="{{ route('parentLogout') }}">--}}
{{--                                    @csrf--}}
{{--                                </form>--}}
{{--                            @endif--}}
{{--                        @else--}}
{{--                            <a class="dropdown-item" href="{{ Route::has('login') ? route('login') : 'javascript:void(0)' }}">--}}
{{--                                <em class="me-50" data-feather="log-in"></em> تسجيل الدخول--}}
{{--                            </a>--}}
{{--                        @endif--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
        </div>
    </div>
</div>

<!-- END: template-->

@section('page-script')
    <script>
        $("#toggleSidebarIcon").on('click',function(){
            console.log("clk");
            $(".this").css("color","red");
        });

    </script>
@endsection