@php

$logged_user = getUser();
$isAgency = isAgency($logged_user);
// $subscribedUser = $logged_user->user_type === 'team' ? $logged_user->parent : $logged_user;
$userPermissions = $logged_user->getUserAllPermissions();
$isAdminTeam = $logged_user->isAdminTeam();
$showClient = true;
if(isUser($logged_user)){
if(!$userPermissions->contains('whitelabel')){
$showClient = false;
}
}

@endphp
  
<nav class="navbar navbar-expand-lg navbar-dark flex-column justify-content-between p-0" id="sidebar" role="navigation">
<i class="fa-solid fa-close close-toggler"></i>
    <div class="sidebar_top">
        {{-- <div class="sidebar-brand">
            <a class="sidebar-branda" href="{{ !session('referalUser') ? url('/') : 'javascript:void(0)' }}">
                <img src="{{ getWhitelabelAttr('logo', asset('assets/front/images/Logo.svg')) }}" class="img-fluid full"
                    alt="logo" style="max-height: 60px;">
            </a>
            <a class="sidebar-branda ff" href="{{ !session('referalUser') ? url('/') : 'javascript:void(0)' }}">
                <img src="{{ getWhitelabelAttr('fav_icon', asset('assets/front/images/favicon.png')) }}"
                    class="img-fluid mini" alt="logo" style="max-height: 60px;">
            </a>
        </div> --}}
        <a class="navbar-brand d-flex align-items-center justify-content-center"
            href="{{ !session('referalUser') ? url('/') : 'javascript:void(0)' }}">
            <img src="{{ getWhitelabelAttr('logo', asset('assets/front/images/Logo.svg')) }}" class="img-fluid"
                alt="logo">
        </a>

        {{-- @auth(getCurrentGuard()) --}}
        <ul class="navbar-nav flex-column pe-3 w-100">
            <li class="nav-item">
                <a class="nav-link dropdown-toggle justify-content-between {{ getGroupMenuActiveClass(['project', 'messages', 'file-manager', 'forms', 'category']) }}"
                    href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                    <span class="d-flex align-items-center gap-3">
                        <i class="material-icons sidebar-nav-i">work</i> Work
                    </span>
                    <span class="arrow_right">
                        <i class="fa-solid fa-arrow-right-long"></i>
                    </span>
                </a>
                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                    @if ($isAgency )
                    @if($userPermissions->contains('project'))
                    <li class="{{ getMenuActiveClass('project') }}">
                        <a href="{{ getRoute('project.index') }}">Projects</a>
                    </li>
                    @endif
                    @if($userPermissions->contains('messages'))
                    <li class="{{ getMenuActiveClass('messages') }}">
                        <a href="{{ getRoute('messages.index') }}">Messages</a>
                    </li>
                    @endif
                    @else
                    <li><a href="{{ getRoute('project.index') }}?status=in_progress" class="active">Active Projects</a></li>
                    <li><a href="{{ getRoute('project.index') }}?status=draft" class="queue">Draft</a></li>
                    <li><a href="{{ getRoute('project.index') }}?status=on_hold" class="hold">On Hold</a></li>
                    <li><a href="{{ getRoute('project.index') }}?status=completed" class="completed">Completed</a></li>
                    @endif

                    {{-- @if ( $isAgency )
                    @if($userPermissions->contains('forms'))
                    <li class="sidebar-nav-li nav-item">
                        <a class="sidebar-nav-lia" href="#submenu1-1" data-toggle="collapse" data-target="#submenu1-1">
                            <span
                                class="sidebar-nav-span d-flex align-items-center justify-content-between w-100">Project
                                Types<span class="material-icons arow">arrow_right</span></span></a>
                        <ul class=" flex-column pl-3 collapse h-0" id="submenu1-1" aria-expanded="false">
                            <li class="sidebar-nav-li nav-item {{ getMenuActiveClass('forms') }}"><a
                                    class="sidebar-nav-lia nav-link" href="{{ getRoute('forms.index') }}"><span
                                        class="sidebar-nav-span">Intake Form</span></a></li>
                            @if($userPermissions->contains('additional-module'))
                            <li class="sidebar-nav-li nav-item {{ getMenuActiveClass('category') }}"><a
                                    class="sidebar-nav-lia nav-link" href="{{ getRoute('category.index') }}"><span
                                        class="sidebar-nav-span">Category Bucket</span></a></li>
                            @endif
                        </ul>
                    </li>
                    @endif
                    @endif --}}
                </ul>
            </li>
            @if ($logged_user->subscriptions()->exists() || $logged_user->user_type == 'team')
            @if($userPermissions->contains('brand-profile'))
            <li class="nav-item">
                <a class="nav-link {{ getMenuActiveClass('brand_profile') }}"
                    href="{{ getRoute('brand_profile.index') }}">
                    <span class="d-flex align-items-center gap-3">
                        <i class="material-icons sidebar-nav-i">stars</i> Brand Profile
                    </span>
                </a>
            </li>
            @endif
            @if($userPermissions->contains('team'))
            <li class="nav-item">
                <a class="nav-link dropdown-toggle justify-content-between {{ getGroupMenuActiveClass(['role', 'team']) }}"
                    href="#" id="teamMenu" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                    <span class="d-flex align-items-center gap-3">
                        <i class="material-icons sidebar-nav-i">group_work</i> Team
                    </span>
                    {{-- <span class="arrow_right">
                        <i class="fa-solid fa-arrow-right-long"></i>
                    </span> --}}
                </a>
                <ul class="dropdown-menu" aria-labelledby="teamMenu">
                    @if($userPermissions->contains('roles'))
                    <li class="{{ getMenuActiveClass('role') }}">
                        <a href="{{ getRoute('role.index') }}">Roles</a>
                    </li>
                    @endif
                    <li class="{{ getMenuActiveClass('team') }}">
                        <a href="{{ getRoute('team.index') }}">Team Members</a>
                    </li>
                </ul>
            </li>
            @endif
            @endif

            @if ( $isAgency )
            @if($userPermissions->contains('team'))
            <li class="nav-item ">
                <a class="nav-link dropdown-toggle justify-content-between {{ getGroupMenuActiveClass(['services']) }}"
                    href="#" id="servicesMenu" role="button" data-bs-toggle="dropdown" aria-expanded="false">

                    <span class="d-flex align-items-center gap-3">
                        <i class="material-icons sidebar-nav-i">group_work</i> Services
                    </span>
                    {{-- <span class="arrow_right">
                        <i class="fa-solid fa-arrow-right-long"></i>
                    </span> --}}
                </a>
                <ul class="dropdown-menu" aria-labelledby="servicesMenu">
                    <li class="{{ getMenuActiveClass('services?tab=designers') }}">
                        <a href="{{ getRoute('services.index', ['tab' => 'designers']) }}">Designers</a>
                    </li>

                    <li class="{{ getMenuActiveClass('services?tab=writers') }}">
                        <a href="{{ getRoute('services.index', ['tab' => 'writers']) }}">Content Writers</a>
                    </li>

                    <li class="{{ getMenuActiveClass('services?tab=editors') }}">
                        <a href="{{ getRoute('services.index', ['tab' => 'editors']) }}">Video Editors</a>
                    </li>
                </ul>
            </li>
            @endif
            @endif

            @if ( ($logged_user->user_type == 'company' || $isAdminTeam) || $userPermissions->contains('client'))
            @if($userPermissions->contains('client') && $showClient)
            <li class="nav-item ">
                <a class="nav-link dropdown-toggle justify-content-between {{ getGroupMenuActiveClass(['userplans', 'client']) }}"
                    href="#" id="clientMenu" role="button" data-bs-toggle="dropdown" aria-expanded="false">

                    <span class="d-flex align-items-center gap-3">
                        <i class="material-icons sidebar-nav-i">group</i> Clients
                    </span>
                    {{-- <span class="arrow_right">
                        <i class="fa-solid fa-arrow-right-long"></i>
                    </span> --}}
                </a>
                <ul class="dropdown-menu" aria-labelledby="clientMenu">
                    @if ($logged_user->user_type == 'company' || $isAdminTeam)
                    <li class="{{ getMenuActiveClass('userplans') }}">
                        <a href="{{ getRoute('userplans.index') }}">Billing Plans</a>
                    </li>
                    <li class="{{ getMenuActiveClass('client') }}">
                        <a href="{{ getRoute('client.index') }}">Clients</a>
                    </li>
                    @else
                    <li class="{{ getMenuActiveClass('client?tab=Billing Plans') }}">
                        <a href="{{ getRoute('client.index', ['tab' => 'Billing Plans']) }}">Billing Plans</a>
                    </li>
                    <li class="{{ getMenuActiveClass('client?tab=Client Management') }}">
                        <a href="{{ getRoute('client.index', ['tab' => 'Client Management']) }}">Clients</a>
                    </li>
                    @endif
                </ul>
            </li>
            @endif
            @endif

            @if($userPermissions->contains('settings'))
            <li class="nav-item">
                <a class="nav-link dropdown-toggle justify-content-between {{ getGroupMenuActiveClass(['settings', 'affiliate', 'whitelabel']) }}"
                    href="#" id="settingsMenu" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                    <span class="d-flex align-items-center gap-3">
                        <i class="material-icons sidebar-nav-i">settings</i> Settings
                    </span>
                    {{-- <span class="arrow_right">
                        <i class="fa-solid fa-arrow-right-long"></i>
                    </span> --}}
                </a>
                <ul class="dropdown-menu" aria-labelledby="settingsMenu">
                    <li class="{{ getMenuActiveClass('settings?tab=General info') }}">
                        <a href="{{ getRoute('settings.index', ['tab' => 'General info']) }}">General</a>
                    </li>

                    @if($userPermissions->contains('affiliate'))
                    <li class="{{ getMenuActiveClass('affiliate') }}">
                        <a href="{{ getRoute('affiliate.index') }}">Affiliate</a>
                    </li>
                    @endif

                    @if ($logged_user->user_type != 'client')
                    @if($userPermissions->contains('whitelabel'))
                    <li class="{{ getMenuActiveClass('whitelabel') }}">
                        <a href="{{ getRoute('whitelabel.index') }}">Whitelabel</a>
                    </li>
                    @endif
                    @endif
                </ul>
            </li>
            @endif

            @if($userPermissions->contains('additional-module'))
            <li class="nav-item">
                <a class="nav-link {{ getMenuActiveClass('additional-module') }}"
                    href="{{ getRoute('additional-module.index') }}">
                    <span class="d-flex align-items-center gap-3">
                        <i class="material-icons sidebar-nav-i">games</i> Additional Modules
                    </span>
                </a>
            </li>
            @endif
            @if($userPermissions->contains('cancel-request-users'))
            <li class="nav-item">
                <a class="nav-link {{ getMenuActiveClass('cancel-request-users') }}"
                    href="{{ getRoute('cancel-request-users.index') }}">
                    <span class="d-flex align-items-center gap-3">
                        <i class="material-icons sidebar-nav-i">cancel_presentation</i> Cancel Users
                    </span>
                </a>
            </li>
            @endif
        </ul>
    </div>
    <div class="sidebar_footer">
        <div class="author d-flex align-items-center">
            <span class="avatar">
                <img src="{{ $currentUser->picture_url ?? asset('/assets/front/images/user.png') }}" alt="Author Avatar"/>
            </span>
            <h4>
                @if (isAnonymousUser())
                {{ session('referalUser')->name }}
                {{-- <span>Visitor</span> --}}
            @else
                @if ($logged_user)
                    {{ $logged_user->full_name }}
                    {{-- <span>{{$logged_user->getRoleNames()->first();}}</span> --}}
                @endif
            @endif
            </h4>
        </div>
        <div class="nav-item">
            <a class="nav-link" href="javascript: void(0)" onclick="event.preventDefault();
            document.getElementById('logout-form').submit();">
                <svg width="40" height="36" viewBox="0 0 40 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12.266 35.33H4.69951C3.69613 35.33 2.73385 34.9314 2.02435 34.2219C1.31485 33.5124 0.91626 32.5502 0.91626 31.5468V5.06401C0.91626 4.06063 1.31485 3.09835 2.02435 2.38885C2.73385 1.67935 3.69613 1.28076 4.69951 1.28076H12.266" stroke="#707070" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M34.9656 18.3054H12.2661" stroke="#707070" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M29.2905 27.7635L38.7487 18.3054L29.2905 8.84729" stroke="#707070" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
                <span>Logout</span>
            </a>
            <form id="logout-form" action="{{ getRoute('logout') }}" method="POST"
            style="display: none;">
            @csrf
          </form>
        </div>
    </div>
    {{-- <button class="btn btn-upgrade-sm"
        onclick="location.assign(`{{ getRoute('settings.index', ['tab' => 'Billing & subscriptions']) }}`)">
        <i class="upgrade-icon material-icons"> <span class="material-icons">
                arrow_circle_up
            </span></i> <span class="upgrade-text">Upgrade</span>
    </button> --}}
    {{-- <p class="w-100 text-center text-white font-size-12">Upgrade</p> --}}
    {{-- @endauth --}}
</nav>