@php
    $userIsClient = (Auth::user()->is_client && Auth::user()->is_client !== false && Auth::user()->is_client !== 0) ? true : false;
    $userIsAdmin = (Auth::user()->is_admin && Auth::user()->is_admin !== false && Auth::user()->is_admin !== 0) ? true : false;
    $userIsSuperAdmin = (Auth::user()->is_superadmin && Auth::user()->is_superadmin !== false && Auth::user()->is_superadmin !== 0) ? true : false;

    $navbarItems = [
        (object)[
            'route' => 'home',
            'icon' => 'home-smile',
            'name' => 'Home',
            'active' => false
        ],
    ];
    $navbarItemsClient = [];
    $navbarItemsAdmin = [];

    if(Auth::user() !== null)
    {
        // if($userIsClient || $userIsAdmin || $userIsSuperAdmin)
        if($userIsAdmin || $userIsSuperAdmin)
        {
            /*
            |------------------------------
            | CRUD: Locations
            |------------------------------
            */
            $navbarItemsClient = [
                (object)[
                    'route' => 'locations.index',
                    'icon' => 'current-location',
                    'name' => 'Locations',
                    'active' => false
                ],
                (object)[
                    'route' => 'client.files',
                    'icon' => 'save',
                    'name' => 'Files',
                    'active' => false
                ],
                (object)[
                    'route' => 'dataLog.index',
                    'icon' => 'book-content',
                    'name' => 'Data',
                    'active' => false
                ],
            ];

        }

        if($userIsAdmin)
        {
            /*
            |------------------------------
            | CRUD: Clients
            |------------------------------
            */
            $navbarItemsAdmin = [
                (object)[
                    'route' => 'clients.index',
                    'icon' => 'group',
                    'name' => 'Clients',
                    'active' => false
                ],
            ];
        }
        else if($userIsSuperAdmin)
        {
                $navbarItemsAdmin = [
                    (object)[
                        'route' => 'users.index',
                        'icon' => 'group',
                        'name' => 'Manage Users',
                        'active' => false
                    ]
            ];
        }
    }

    $i = 0;
    $found = false;
    while($i < count($navbarItems) && !$found)
    {
        if(str_contains(Route::currentRouteName(), $navbarItems[$i]->route) === false)
            $i++;
        else
        {
            $navbarItems[$i]->active = true;
            $found = true;
        }
    }

    if($userIsClient || $userIsAdmin || $userIsSuperAdmin)
    {
        $found = false;
        $i = 0;
        // dd($adminView);
        while($i < count($navbarItemsClient) && !$found)
        {
            if(str_contains(Route::currentRouteName(), $navbarItemsClient[$i]->route) === false)
                $i++;
            else
            {
                $navbarItemsClient[$i]->active = true;
                $found = true;
            }
        }
    }

    // dd($adminView);

    if($userIsAdmin || $userIsSuperAdmin)
    {
        $found = false;
        $i = 0;
        // dd($adminView);
        while($i < count($navbarItemsAdmin) && !$found)
        {
            if(str_contains(Route::currentRouteName(), $navbarItemsAdmin[$i]->route) === false)
                $i++;
            else
            {
                $navbarItemsAdmin[$i]->active = true;
                $found = true;
            }
        }
    }

    // dd($navbar)

@endphp
<nav>
    <div class="accuramet-collapsible-sidebar d-flex flex-column flex-shrink-0 p-3" style="width: 220px;">
        <div class="d-flex flex-row w-100 justify-content-between align-items-center">
            <a href="/" class="d-flex align-items-center text-white text-decoration-none">
                <img src="{{ asset('img/logo/accuramet-logo-sidebar-white.svg') }}" style="width: 95%; height: auto;">
            </a>
            <a href="#" id="sidebar-collapse">
                <img src="{{ asset('img/sidebar/indent-decrease.svg') }}">
            </a>
        </div>

        <hr class="text-white">
        <ul class="nav nav-pills flex-column mt-1">
            <h6 class="text-white menu-headings">MAIN MENU</h6>
            @foreach($navbarItems as $item)
            <li>
                <a href="{{ route($item->route) }}" class="nav-link text-white {{ ($item->active) ? 'active-link' :'' }}">
                    <i class="bx bx-{{ $item->icon }} fs-5"></i>
                    {{ $item->name }}
                </a>
            </li>
            @endforeach
        </ul>

        @if(!empty($navbarItemsClient))
            <hr class="text-white">
            @if(isset($navbarItemsAdmin))
            <ul class="nav nav-pills flex-column mt-1">
            @else
            <ul class="nav nav-pills flex-column mt-1 mb-auto">
            @endif
                <h6 class="text-white menu-headings">CLIENT/BUSINESS</h6>
                @foreach($navbarItemsClient as $item)
                <a href="{{ route($item->route) }}" class="nav-link text-white {{ ($item->active) ? 'active-link' :'' }}">
                    <i class="bx bx-{{ $item->icon }} fs-5"></i>
                    {{ $item->name }}
                </a>
                @endforeach
            </ul>

        @endif

        @if(!empty($navbarItemsAdmin))
        <hr class="text-white">
        <ul class="nav nav-pills flex-column mt-1">
            <h6 class="text-white menu-headings">{{ $userIsSuperAdmin ? 'SUPER ADMIN' : 'ADMIN'}}</h6>
            @foreach($navbarItemsAdmin as $item)
            <li>
                <a href="{{ route($item->route) }}" class="nav-link text-white {{ ($item->active) ? 'active-link' :'' }}">
                    <i class="bx bx-{{ $item->icon }} fs-5"></i>
                    {{ $item->name }}
                </a>
            </li>
            @endforeach
        </ul>
        @endif
        
        <ul class="mb-auto"></ul>

        <hr class="text-white">  {{-- ---------------------------------------------------- --}}
        <div class="dropdown">
            <a href="#" class="d-flex flex-row align-items-center text-white text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                @if(Auth::user() !== null)
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-circle" viewBox="0 0 16 16" style="width: 16px; height: 16px;">
                    <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
                    <path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/>
                </svg>
                <span class="my-0 mx-2 fw-semibold text-">{{ Auth::user()->first_name.' '.Auth::user()->last_name }}</span>
                @endif
            </a>
            <ul class="dropdown-menu dropdown-menu-dark text-small shadow">
                <li><a class="dropdown-item" href="#">Profile</a></li>
                <li><hr class="dropdown-divider"></li>
                <a class="dropdown-item" href="{{ route('logout') }}"
                    onclick="event.preventDefault();
                                    document.getElementById('logout-form').submit();">
                    {{ __('Sign Out') }}
                </a>
            </ul>
        </div>

    </div>

</nav>

<form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
    @csrf
</form>

<style>
.menu-headings {
    font-size: 10pt;
}
.accuramet-collapsible-sidebar {
    background: hsl(217, 47%, 25%);
    height: 100vh;
    position: sticky;
}
.nav-link {
    font-size: 9.5pt;
    display: flex;
    flex-direction: row;
    gap: 0.5em;
    align-items: center;
    justify-content: start;
}
.nav-link i {
    color: #ffffff77 !important;
}
.nav-link.active-link {
    background: #ffffff22;
}
.nav-link.active-link i {
    color: inherit !important;
}
</style>

<script>
let sidebarCollapseButton = document.querySelector('#sidebar-collapse');
sidebarCollapseButton.addEventListener('click', () => {

});
</script>