@php
$role_id = $role_id ?? null;
$userPermissions = $permissions ?? [];
@endphp

<div class="app-menu navbar-menu">
    <!-- LOGO -->
    <div class="navbar-brand-box pt-2">
        <!-- Dark Logo-->
        <a href="index.html" class="logo logo-dark" title="logo-dark">
            <span class="logo-sm">
                <img src="{{ URL::asset('admin/assets/images/hindi-white-logo.png') }}" alt="" height="56" width="130">
            </span>
            <span class="logo-lg">
                <img src="{{ URL::asset('admin/assets/images/hindi-white-logo.png') }}" alt="" height="56" width="130">
            </span>
        </a>
        <!-- Light Logo-->
        <a href="index.html" class="logo logo-light" title="logo-light">
            <span class="logo-sm">
                <img src="{{ URL::asset('admin/assets/images/hindi-white-logo.png') }}" alt="" height="56" width="130">
            </span>
            <span class="logo-lg">
                <img src="{{ URL::asset('admin/assets/images/hindi-white-logo.png') }}" alt="" height="56" width="130">
            </span>
        </a>
        <button type="button" class="btn btn-sm p-0 fs-20 header-item float-end btn-vertical-sm-hover"
            id="vertical-hover">
            <i class="ri-record-circle-line"></i>
        </button>
    </div>

    <div class="dropdown sidebar-user m-1 rounded">
        <button type="button" class="btn material-shadow-none" id="page-header-user-dropdown"
            data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <span class="d-flex align-items-center gap-2">
                <img class="rounded header-profile-user" src="assets/images/users/avtar.png" alt="Header Avatar" width="100" height="100">
                <span class="text-start">
                    <span class="d-block fw-medium sidebar-user-name-text">Admin</span>
                    <span class="d-block fs-14 sidebar-user-name-sub-text"><i
                            class="ri ri-circle-fill fs-10 text-success align-baseline"></i> <span
                            class="align-middle">Online</span></span>
                </span>
            </span>
        </button>
        <div class="dropdown-menu dropdown-menu-end">
            <!-- item-->
            <h6 class="dropdown-header">Welcome Admin!</h6>

            <a class="dropdown-item" href="auth-logout-basic.html"><i
                    class="mdi mdi-logout text-muted fs-16 align-middle me-1"></i> <span class="align-middle"
                    data-key="t-logout">Logout</span></a>
        </div>
    </div>
    <div id="scrollbar">
        <div class="container-fluid">
            <div id="two-column-menu">
            </div>
            <ul class="navbar-nav" id="navbar-nav">
                <li class="menu-title"><span data-key="t-menu">Menu</span></li>
                <li class="nav-item">
                    <a class="nav-link menu-link" href="{{ route('admin.dashboard') }}">
                        <i class="ri-dashboard-2-line"></i> <span data-key="t-dashboards">Dashboard</span>
                    </a>
                </li>
                <!-- end Dashboard Menu -->

                @if($role_id == 1 || in_array(10, $userPermissions))
                <li class="nav-item">
                    <a class="nav-link menu-link" href="#sidebargeneralseo" data-bs-toggle="collapse" role="button"
                        aria-expanded="false" aria-controls="sidebargeneralseo">
                        <i class="ri-layout-3-line"></i> <span data-key="t-layouts">General Seo</span>
                    </a>
                    <div class="collapse menu-dropdown" id="sidebargeneralseo">
                        <ul class="nav nav-sm flex-column">
                            @if($role_id == 1 || in_array(10, $userPermissions))
                            <li class="nav-item">
                                <a href="{{ route('admin.generalseo') }}" class="nav-link"
                                    data-key="t-horizontal">General Seo</a>
                            </li>
                            @endif
                        </ul>
                    </div>
                </li> <!-- end Dashboard Menu -->
                @endif

                @if($role_id == 1 || in_array(16, $userPermissions))
                <li class="nav-item">
                    <a class="nav-link menu-link" href="#sidebarcryptomarketcap" data-bs-toggle="collapse" role="button"
                        aria-expanded="false" aria-controls="sidebarcryptomarketcap">
                        <i class="ri-layout-3-line"></i> <span data-key="t-layouts">Crypto Market</span>
                    </a>
                    <div class="collapse menu-dropdown" id="sidebarcryptomarketcap">
                        <ul class="nav nav-sm flex-column">
                            @if($role_id == 1 || in_array(16, $userPermissions))
                            <li class="nav-item">
                                <a href="{{ route('admin.crypto-marketcap') }}" class="nav-link"
                                    data-key="t-horizontal">Crypto Market</a>
                            </li>
                            @endif
                        </ul>
                    </div>
                </li> <!-- end Dashboard Menu -->
                @endif

                @if($role_id == 1 || in_array(22, $userPermissions))
                <li class="nav-item">
                    <a class="nav-link menu-link" href="#sidebarcrypto-news" data-bs-toggle="collapse" role="button"
                        aria-expanded="false" aria-controls="sidebarcrypto-news">
                        <i class="ri-layout-3-line"></i> <span data-key="t-layouts">Crypto News</span>
                    </a>
                    <div class="collapse menu-dropdown" id="sidebarcrypto-news">
                        <ul class="nav nav-sm flex-column">
                            @if($role_id == 1 || in_array(22, $userPermissions))
                            <li class="nav-item">
                                <a href="{{ route('admin.crypto-news') }}" class="nav-link"
                                    data-key="t-horizontal">Crypto News</a>
                            </li>
                            @endif
                        </ul>
                    </div>
                </li> <!-- end Dashboard Menu -->
                @endif

                @if($role_id == 1 || in_array(28, $userPermissions))
                <li class="nav-item">
                    <a class="nav-link menu-link" href="#sidebarcrypto-author" data-bs-toggle="collapse" role="button"
                        aria-expanded="false" aria-controls="sidebarcrypto-author">
                        <i class="ri-layout-3-line"></i> <span data-key="t-layouts">Authors</span>
                    </a>
                    <div class="collapse menu-dropdown" id="sidebarcrypto-author">
                        <ul class="nav nav-sm flex-column">
                            @if($role_id == 1 || in_array(28, $userPermissions))
                            <li class="nav-item">
                                <a href="{{ route('admin.author') }}" class="nav-link"
                                    data-key="t-horizontal">Authors</a>
                            </li>
                            @endif
                        </ul>
                    </div>
                </li>
                @endif

                @if($role_id == 1)
                <li class="nav-item">
                    <a class="nav-link menu-link" href="#sidebarcrypto-user" data-bs-toggle="collapse" role="button"
                        aria-expanded="false" aria-controls="sidebarcrypto-user">
                        <i class="ri-layout-3-line"></i> <span data-key="t-layouts">UserRegister</span>
                    </a>
                    <div class="collapse menu-dropdown" id="sidebarcrypto-user">
                        <ul class="nav nav-sm flex-column">
                            <li class="nav-item">
                                <a href="{{ route('admin.user') }}" class="nav-link"
                                    data-key="t-horizontal">UserRegister</a>
                            </li>
                        </ul>
                    </div>
                    <div class="collapse menu-dropdown" id="sidebarcrypto-user">
                        <ul class="nav nav-sm flex-column">
                            <li class="nav-item">
                                <a href="{{ route('admin.user-permission') }}" class="nav-link"
                                    data-key="t-horizontal">UserPersmission</a>
                            </li>

                        </ul>
                    </div>
                </li>
                @endif

                @if($role_id == 1)
                <li class="nav-item">
                    <a class="nav-link menu-link" href="#sidebarcrypto-roles" data-bs-toggle="collapse" role="button"
                        aria-expanded="false" aria-controls="sidebarcrypto-roles">
                        <i class="ri-layout-3-line"></i> <span data-key="t-layouts">Roles Management</span>
                    </a>
                    <div class="collapse menu-dropdown" id="sidebarcrypto-roles">
                        <ul class="nav nav-sm flex-column">
                            <li class="nav-item">
                                <a href="{{ route('admin.roles') }}" class="nav-link"
                                    data-key="t-horizontal">Roles</a>
                            </li>

                        </ul>
                    </div>
                    <div class="collapse menu-dropdown" id="sidebarcrypto-roles">
                        <ul class="nav nav-sm flex-column">
                            <li class="nav-item">
                                <a href="{{ route('admin.assignroles') }}" class="nav-link"
                                    data-key="t-horizontal">AssignRoles</a>
                            </li>

                        </ul>
                    </div>
                    <div class="collapse menu-dropdown" id="sidebarcrypto-roles">
                        <ul class="nav nav-sm flex-column">
                            <li class="nav-item">
                                <a href="{{ route('admin.hierarchyManagements') }}" class="nav-link"
                                    data-key="t-horizontal">Hierarchy Managements</a>
                            </li>

                        </ul>
                    </div>
                </li>
                @endif

                @if($role_id == 1 || in_array(34, $userPermissions))
                <li class="nav-item">
                    <a class="nav-link menu-link" href="#sidebarcrypto-category" data-bs-toggle="collapse" role="button"
                        aria-expanded="false" aria-controls="sidebarcrypto-category">
                        <i class="ri-layout-3-line"></i> <span data-key="t-layouts">Categories</span>
                    </a>
                    <div class="collapse menu-dropdown" id="sidebarcrypto-category">
                        <ul class="nav nav-sm flex-column">
                            @if($role_id == 1 || in_array(34, $userPermissions))
                            <li class="nav-item">
                                <a href="{{ route('admin.project_categories') }}" class="nav-link"
                                    data-key="t-horizontal">Categories</a>
                            </li>
                            @endif
                        </ul>
                    </div>
                </li>
                @endif

                @if($role_id == 1 || in_array(40, $userPermissions))
                <li class="nav-item">
                    <a class="nav-link menu-link" href="#sidebarcrypto-contact" data-bs-toggle="collapse" role="button"
                        aria-expanded="false" aria-controls="sidebarcrypto-contact">
                        <i class="ri-layout-3-line"></i> <span data-key="t-layouts">Frontend Enquiry</span>
                    </a>
                    <div class="collapse menu-dropdown" id="sidebarcrypto-contact">
                        <ul class="nav nav-sm flex-column">
                            @if($role_id == 1 || in_array(40, $userPermissions))
                            <li class="nav-item">
                                <a href="{{ route('admin.contact') }}" class="nav-link"
                                    data-key="t-horizontal">contactUs</a>
                            </li>
                            @endif
                        </ul>
                    </div>
                </li>
                @endif

                @if($role_id == 1 || in_array(45, $userPermissions))
                <li class="nav-item">
                    <a class="nav-link menu-link" href="#sidebarcrypto-launchpad" data-bs-toggle="collapse" role="button"
                        aria-expanded="false" aria-controls="sidebarcrypto-launchpad">
                        <i class="ri-layout-3-line"></i> <span data-key="t-layouts">Launchpad</span>
                    </a>
                    <div class="collapse menu-dropdown" id="sidebarcrypto-launchpad">
                        <ul class="nav nav-sm flex-column">
                            @if($role_id == 1 || in_array(45, $userPermissions))
                            <li class="nav-item">
                                <a href="{{ route('admin.launchpad') }}" class="nav-link"
                                    data-key="t-horizontal">Launchpad</a>
                            </li>
                            @endif
                        </ul>
                    </div>
                </li>
                @endif

                <!-- <li class="nav-item">
                    <a class="nav-link menu-link" href="#sidebarcrypto-banner" data-bs-toggle="collapse" role="button"
                        aria-expanded="false" aria-controls="sidebarcrypto-banner">
                        <i class="ri-layout-3-line"></i> <span data-key="t-layouts">Advertise Banner</span>
                    </a>
                    <div class="collapse menu-dropdown" id="sidebarcrypto-banner">
                        <ul class="nav nav-sm flex-column">
                            <li class="nav-item">
                                <a href="{{ route('admin.contact') }}" class="nav-link"
                                    data-key="t-horizontal">Advertise Banner</a>
                            </li>
                        </ul>
                    </div>
                </li> -->

                @if($role_id == 1 || in_array(51, $userPermissions))
                <li class="nav-item">
                    <a class="nav-link menu-link" href="#sidebarcrypto-faqs" data-bs-toggle="collapse" role="button"
                        aria-expanded="false" aria-controls="sidebarcrypto-faqs">
                        <i class="ri-layout-3-line"></i> <span data-key="t-layouts">Faqs</span>
                    </a>
                    <div class="collapse menu-dropdown" id="sidebarcrypto-faqs">
                        <ul class="nav nav-sm flex-column">
                            @if($role_id == 1 || in_array(51, $userPermissions))
                            <li class="nav-item">
                                <a href="{{ route('admin.faq') }}" class="nav-link"
                                    data-key="t-horizontal">Faqs</a>
                            </li>
                            @endif
                        </ul>
                    </div>
                </li>
                @endif

                @if(($role_id == 1) || in_array(59, $permissions))
                <li class="nav-item">
                    <a class="nav-link menu-link" href="#sidebarcrypto-banner" data-bs-toggle="collapse" role="button"
                        aria-expanded="false" aria-controls="sidebarcrypto-banner">
                        <i class="ri-layout-3-line"></i> <span data-key="t-layouts">Advertise Banner</span>
                    </a>
                    <div class="collapse menu-dropdown" id="sidebarcrypto-banner">
                        <ul class="nav nav-sm flex-column">
                            @if(($role_id == 1) || in_array(59, $permissions))
                            <li class="nav-item">
                                <a href="{{ route('admin.advertisebycountry') }}" class="nav-link"
                                    data-key="t-horizontal">Advertise Banner</a>
                            </li>
                            @endif
                        </ul>
                    </div>
                </li>
                @endif

                @if($role_id == 1 || in_array(57, $userPermissions))
                <li class="nav-item">
                    <a class="nav-link menu-link" href="#sidebarcrypto-sitemap-url-list" data-bs-toggle="collapse" role="button"
                        aria-expanded="false" aria-controls="sidebarcrypto-sitemap-url-list">
                        <i class="ri-layout-3-line"></i> <span data-key="t-layouts">Sitemap Url List</span>
                    </a>
                    <div class="collapse menu-dropdown" id="sidebarcrypto-sitemap-url-list">
                        <ul class="nav nav-sm flex-column">
                            @if($role_id == 1 || in_array(57, $userPermissions))
                            <li class="nav-item">
                                <a href="{{ route('admin.sitemap-url-list') }}" class="nav-link"
                                    data-key="t-horizontal">Sitemap Url List</a>
                            </li>
                            @endif
                        </ul>
                    </div>
                </li>
                @endif

                @if($role_id == 1 || in_array(71, $userPermissions))
                <li class="nav-item">
                    <a class="nav-link menu-link" href="#sidebarcrypto-founder" data-bs-toggle="collapse" role="button"
                        aria-expanded="false" aria-controls="sidebarcrypto-founder">
                        <i class="ri-layout-3-line"></i> <span data-key="t-layouts">Founders</span>
                    </a>
                    <div class="collapse menu-dropdown" id="sidebarcrypto-founder">
                        <ul class="nav nav-sm flex-column">
                            @if($role_id == 1 || in_array(71, $userPermissions))
                            <li class="nav-item">
                                <a href="{{ route('admin.founder') }}" class="nav-link"
                                    data-key="t-horizontal">Founders</a>
                            </li>
                            @endif
                        </ul>
                    </div>
                </li>
                @endif

                @if($role_id == 1 || in_array(65, $userPermissions))
                <li class="nav-item">
                    <a class="nav-link menu-link" href="#sidebarcrypto-influencer" data-bs-toggle="collapse" role="button"
                        aria-expanded="false" aria-controls="sidebarcrypto-influencer">
                        <i class="ri-layout-3-line"></i> <span data-key="t-layouts">Influencers</span>
                    </a>
                    <div class="collapse menu-dropdown" id="sidebarcrypto-influencer">
                        <ul class="nav nav-sm flex-column">
                            @if($role_id == 1 || in_array(65, $userPermissions))
                            <li class="nav-item">
                                <a href="{{ route('admin.influencer') }}" class="nav-link"
                                    data-key="t-horizontal">Influencers</a>
                            </li>
                            @endif
                        </ul>
                    </div>
                </li>
                @endif

                @if($role_id == 1 || in_array(77, $userPermissions))
                <li class="nav-item">
                    <a class="nav-link menu-link" href="#sidebarcrypto-project" data-bs-toggle="collapse" role="button"
                        aria-expanded="false" aria-controls="sidebarcrypto-project">
                        <i class="ri-layout-3-line"></i> <span data-key="t-layouts">Crypto Project</span>
                    </a>
                    <div class="collapse menu-dropdown" id="sidebarcrypto-project">
                        <ul class="nav nav-sm flex-column">
                            @if($role_id == 1 || in_array(77, $userPermissions))
                            <li class="nav-item">
                                <a href="{{ route('admin.crypto-project') }}" class="nav-link"
                                    data-key="t-horizontal">Crypto Project</a>
                            </li>
                            @endif
                        </ul>
                    </div>
                    <div class="collapse menu-dropdown" id="sidebarcrypto-project">
                        <ul class="nav nav-sm flex-column">
                            @if($role_id == 1 || in_array(77, $userPermissions))
                            <li class="nav-item">
                                <a href="{{ route('admin.crypto-project-review') }}" class="nav-link"
                                    data-key="t-horizontal">Crypto Project Review</a>
                            </li>
                            @endif
                        </ul>
                    </div>
                </li>
                @endif
                <li class="nav-item">
                    <a class="nav-link menu-link" href="#sidebargscconsole" data-bs-toggle="collapse" role="button"
                        aria-expanded="false" aria-controls="sidebargscconsole">
                        <i class="ri-layout-3-line"></i> <span data-key="t-layouts">GSC Console</span>
                    </a>
                    <div class="collapse menu-dropdown" id="sidebargscconsole">
                        <ul class="nav nav-sm flex-column">
                            @if($role_id == 1 || in_array(77, $userPermissions))
                            <li class="nav-item">
                                <a href="{{ route('admin.gscconsole') }}" class="nav-link"
                                    data-key="t-horizontal">GSC Console</a>
                            </li>
                            @endif
                        </ul>
                    </div>
                </li>


            </ul>
        </div>
        <!-- Sidebar -->
    </div>

    <div class="sidebar-background"></div>
</div>