{{-- @extends('layouts.app') --}}

{{-- @section('sidebar') --}}
@php
    $menuIcons = [
        'dashboard' =>
            '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>',

        'users' =>
            '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-3-3.87"></path><path d="M7 21v-2a4 4 0 0 1 3-3.87"></path><path d="M12 7a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path><path d="M8 3.13a4 4 0 0 0 0 7.75"></path></svg>',

        'manage_client' =>
            '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user-check"><path d="M17 21v-2a4 4 0 0 0-3-3.87"></path><path d="M7 21v-2a4 4 0 0 1 3-3.87"></path><path d="M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"></path><path d="M20 8l-2 2-1-1"></path></svg>',

        'manage_case' =>
            '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-scale"><path d="M12 3v18"></path><path d="M6 5h12"></path><path d="M6 5l-4 9a4 4 0 0 0 8 0l-4-9"></path><path d="M18 5l-4 9a4 4 0 0 0 8 0l-4-9"></path></svg>',
        
        'view_case' =>
            '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-scale"><path d="M12 3v18"></path><path d="M6 5h12"></path><path d="M6 5l-4 9a4 4 0 0 0 8 0l-4-9"></path><path d="M18 5l-4 9a4 4 0 0 0 8 0l-4-9"></path></svg>',

        'pending_case' =>
            '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>',
    ];

@endphp
<div class="sidebar-wrapper sidebar-theme">
    <nav id="sidebar">
        <div class="navbar-nav theme-brand flex-row  text-center">
            <div class="nav-logo">
                <div class="nav-item theme-logo">
                    <a href="{{ getRouterValue() }}dashboard">
                        <img src="{{ Vite::asset('resources/images/logo.svg') }}" class="navbar-logo" alt="logo">
                    </a>
                </div>
                <div class="nav-item theme-text">
                    <a href="{{ getRouterValue() }}dashboard" class="nav-link"> CORK </a>
                </div>
            </div>
            <div class="nav-item sidebar-toggle">
                <div class="btn-toggle sidebarCollapse">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round" class="feather feather-chevrons-left">
                        <polyline points="11 17 6 12 11 7"></polyline>
                        <polyline points="18 17 13 12 18 7"></polyline>
                    </svg>
                </div>
            </div>
        </div>
        <div class="shadow-bottom"></div>

        <ul class="list-unstyled menu-categories" id="accordionExample">

            <li class="menu {{ $catName === 'dashboard' ? 'active' : '' }}">
                <a href="{{ getRouterValue() }}dashboard"
                    aria-expanded="{{ $catName === 'dashboard' ? 'true' : 'false' }}" class="dropdown-toggle">
                    <div class="">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="feather feather-home">
                            <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
                            <polyline points="9 22 9 12 15 12 15 22"></polyline>
                        </svg>
                        <span>Dashboard</span>
                    </div>

                </a>
            </li>
            @foreach ($menus as $menu)
                <!-- Only show menus with write privilege -->
                <li class="menu {{ $catName === $menu->menu_key ? 'active' : '' }}">
                    <a href="{{ getRouterValue() }}{{ $menu->menu_key }}"
                        aria-expanded="{{ $catName === $menu->menu_key ? 'true' : 'false' }}" class="dropdown-toggle">
                        <div class="">
                            {!! $menuIcons[$menu->menu_key] ?? '' !!}
                            <span>{{ $menu->menu_name }}</span>
                        </div>
                    </a>
                </li>
            @endforeach

            {{-- <li class="menu {{ $catName === 'manageuser' ? 'active' : '' }}">
                <a href="{{ getRouterValue() }}users" aria-expanded="{{ $catName === 'manageuser' ? 'true' : 'false' }}"
                    class="dropdown-toggle">
                    <div class="">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="feather feather-users">
                            <path d="M17 21v-2a4 4 0 0 0-3-3.87"></path>
                            <path d="M7 21v-2a4 4 0 0 1 3-3.87"></path>
                            <path d="M12 7a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"></path>
                            <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
                            <path d="M8 3.13a4 4 0 0 0 0 7.75"></path>
                        </svg>

                        <span>Manage User</span>
                    </div>

                </a>
            </li>
            <li class="menu {{ $catName === 'manageclient' ? 'active' : '' }}">
                <a href="{{ getRouterValue() }}manageclient"
                    aria-expanded="{{ $catName === 'manageclient' ? 'true' : 'false' }}" class="dropdown-toggle">
                    <div class="">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="feather feather-users">
                            <path d="M17 21v-2a4 4 0 0 0-3-3.87"></path>
                            <path d="M7 21v-2a4 4 0 0 1 3-3.87"></path>
                            <path d="M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"></path>
                            <path d="M20 8a4 4 0 1 1-8 0"></path>
                        </svg>


                        <span>Manage Client</span>
                    </div>

                </a>
            </li>
            <li class="menu {{ $catName === 'managecase' ? 'active' : '' }}">
                <a href="{{ getRouterValue() }}managecase"
                    aria-expanded="{{ $catName === 'managecase' ? 'true' : 'false' }}" class="dropdown-toggle">
                    <div class="">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="feather feather-scale">
                            <path d="M12 3v18"></path>
                            <path d="M6 5h12"></path>
                            <path d="M6 5l-4 9a4 4 0 0 0 8 0l-4-9"></path>
                            <path d="M18 5l-4 9a4 4 0 0 0 8 0l-4-9"></path>
                        </svg>



                        <span>Manage Case</span>
                    </div>

                </a>
            </li>
            <li class="menu {{ $catName === 'pendingcase' ? 'active' : '' }}">
                <a href="{{ getRouterValue() }}pendingcase"
                    aria-expanded="{{ $catName === 'pendingcase' ? 'true' : 'false' }}" class="dropdown-toggle">
                    <div class="">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="feather feather-clock">
                            <circle cx="12" cy="12" r="10"></circle>
                            <polyline points="12 6 12 12 16 14"></polyline>
                        </svg>




                        <span>Pending Cases For Approval</span>
                    </div>

                </a>
            </li> --}}
        </ul>

    </nav>

</div>
{{-- @endsection --}}