<!-- Sidenav

<div class="scrollbar-inner">
       
</div>-->
<style>





body {
    font-family: 'Hind Siliguri', sans-serif !important;
}

h1, h2, h3, h4, h5, h6, p {
    font-family: 'Hind Siliguri', sans-serif !important;
}

p {
    font-family: "Hind Siliguri", sans-serif !important;
}


a {
    font-family: "Hind Siliguri", sans-serif !important;
}

@media only screen and (max-width: 767px) {
    .vertical-menu #sidebar-menu ul {
        padding-bottom: 100px; /* নিচে কিছু স্পেস */
    }
}



/* মেনুর প্যারেন্ট লিংক */
.vertical-menu #sidebar-menu ul li a {
    color: #333 !important;
    padding: 12px 20px !important;
    display: block !important;
    transition: all 0.3s ease !important;
    font-size: 15px !important;
    background-color: transparent !important;
}

/* মেনুর হোভার এবং অ্যাকটিভ স্টাইল */
.vertical-menu #sidebar-menu ul li:hover {
    background-color: #f0f0f0 !important;
}

.vertical-menu #sidebar-menu ul li a:hover {
    background-color: #24AC5C !important;
    color: #fff !important;
    border-radius: 5px !important;
}

/* প্যারেন্ট মেনু অ্যাকটিভ স্টাইল */
.vertical-menu #sidebar-menu ul li.active > a {
    background-color: #24AC5C !important;
    color: #fff !important;
    border-radius: 5px !important;
}

/* প্যারেন্ট মেনুতে হোভার ইফেক্ট */
.vertical-menu #sidebar-menu ul li.active:hover {
    background-color: #1f8a4a !important;
}

/* সাবমেনুর স্টাইল */
.vertical-menu #sidebar-menu ul li .sub-menu a {
    padding: 10px 20px !important;
    color: #555 !important;
    background-color: #f9f9f9 !important;
}

/* সাবমেনুর হোভার স্টাইল */
.vertical-menu #sidebar-menu ul li .sub-menu a:hover {
    background-color: #24AC5C !important;
    color: #fff !important;
}

/* সাবমেনু অ্যাকটিভ স্টাইল (My Applied Task ক্লিক করলে) */
.vertical-menu #sidebar-menu ul li .sub-menu li.active a {
    background-color: #1f8a4a !important; /* সবুজ রঙ */
    color: #fff !important; /* সাদা টেক্সট */
}

/* প্যারেন্ট মেনুর অ্যাকটিভ স্টেট ঠিক থাকবে */
.vertical-menu #sidebar-menu ul li.active > a,
.vertical-menu #sidebar-menu ul li.active .has-arrow {
    background-color: #24AC5C !important; /* প্যারেন্ট মেনু ব্যাকগ্রাউন্ড */
    color: #fff !important; /* প্যারেন্ট মেনু টেক্সট */
}

</style>
            
<div class="vertical-menu" id="vertical_menu">
     <div class="ms-3 pt-2 mbl-logo">
         <a href="{{ route('user.dashboard') }}">
             <span>
                <img src="{{ URL::to(website_favicon()) }}" style="height: 42px; margin-bottom: 8px;">
                <span class="site-title" style="font-size: 19px">{{site_info()->title}}</span>
            </span>
        </a>
    </div>
    <span class="sidebar-close" onclick="hideSidebar()"></span>

    <div data-simplebar class="h-100">

        <Sidemenu>
        <div id="sidebar-menu">
            <Left Menu Start>
            <ul class="metismenu list-unstyled" id="side-menu">
            
            @if((site_info()->instanat_verify_active == 1 || site_info()->need_user_verification == 1) && Auth::user()->is_verified == 0)
                    <li>
                        <a href="{{ route('user.account-instant-verify') }}" class=" waves-effect" style="background: #4285f4 !important; border-radius: 5px !important; color: #fff !important;">
                            <i class="fas fa-question-circle" style="color: #fff !important;"></i>
                            <span>Verify Account</span>
                        </a>
                    </li>
                @endif
            <a class="dropdown-item" href="https://powerworkerearn.com"><i class="nav-icon fas fa-tachometer-alt font-size-17 align-middle me-1" style="color: #24AC5C"></i><span class="ms-3">Dashboard</span></a>
            
                <li class="minee nav-item-hover">
                    <a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.find-job') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif class=" waves-effect">
                        <i class="fas fa-search-dollar" style="color: #666666"></i>
                        <span>Find Job</span>
                    </a>
                </li>

                <li class="minee nav-item-hover">
                    <a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.job-create') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif class=" waves-effect">
                        <i class="fas fa-plus-circle" style="color: #666666"></i>
                        <span>Post New Job</span>
                    </a>
                </li>

                <li class="minee nav-item-hover">
                    <a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.job') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif class=" waves-effect">
                        <i class="fas fa-briefcase fa-lg" style="color: #666666"></i>
                        <span>My Jobs</span>
                    </a>
                </li>

                <li class="minee nav-item-hover">
                    <a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.worked-job') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif class=" waves-effect">
                        <i class="fas fa-briefcase fa-lg" style="color: #666666"></i>
                        <span>My Applied Task</span>
                    </a>
                </li>
                
                <li class="minee nav-item-hover">
                    <a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('membership') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif class=" waves-effect">
                        <i class="fa fa-cart-arrow-down nav-link-text" aria-hidden="true" style="color: #666666"></i>
                        <span class="nav-link-text">Buy Plan<span class="badge bg-primary text-white ms-3"> New</span></span>
                    </a>
                </li>
                
                <li class="minee nav-item-hover">
                    <a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.survey-and-offers') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif class=" waves-effect">
                        <i class="fas fa-poll" style="color: #666666"></i>
                        <span>Survey Offer<span class="badge bg-primary text-white ms-3"> New</span></span>
                    </a>
                </li>

                <li class="minee nav-item-hover">
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="fa fa-audio-description" style="color: #666666"></i>
                        <span>Surfing<span class="badge bg-primary text-white ms-3"> New</span></span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.ads-click_create') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif>View Ads</a></li>
                        <li><a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.ads-create') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif>Ad Camping</a></li>
                    </ul>
                </li>

                <li class="minee nav-item-hover">
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="fa fa-server" style="color: #666666"></i>
                        <span>Smm Service<span class="badge bg-primary text-white ms-3"> New</span></span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.boost-create') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif>New Order</a></li>
                        <li><a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.boost') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif>Order List</a></li>
                    </ul>
                </li>
                
                @if(site_info()->active_lottery_system == 1)
                    <li>
                        <a href="javascript: void(0);" class="has-arrow waves-effect">
                            <i class="fas fa-donate"></i>
                            <span>Lottery System</span>
                        </a>
                        <ul class="sub-menu" aria-expanded="false">
                            <li><a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.lottery') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif>Lottery</a></li>
                            <li><a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.lottery-list') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif>My Lottery List</a></li>
                        </ul>
                    </li>
                @endif

                <li class="minee nav-item-hover">
                    <a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.message-list') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif class="waves-effect">
                        <i class="fas fa-bell" style="color: #666666"></i>
                        @php
                            $notificationCount = latest_notification(Auth::user()->id)->count();
                        @endphp
                        @if($notificationCount > 0)
                            <label class="notification_count text-white">{{ $notificationCount }}</label>
                        @endif
                        <span>Notification</span>
                   </a>
                </li>
                
                <li class="minee nav-item-hover">
                    <a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.balance-transfer') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif class=" waves-effect">
                        <i class="fa fa-handshake" style="color: #666666"></i>
                        <span>Balance Transfer<span class="badge bg-primary text-white ms-3"> New</span></span>
                    </a>
                </li>
                
                <!--
                <li class="minee nav-item-hover">
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="fas fa-donate" style="color: #666666"></i>
                        <span>Deposit</span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.deposit') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif>Manual Deposit</a></li>
                        <li><a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.instant-deposit') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif>Instant Deposit</a></li>
                    </ul>
                </li>
                !-->
                
                <li class="minee nav-item-hover">
                    <a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('mine') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif class=" waves-effect">
                        <i class="fas fa-credit-card" style="color: #666666"></i>
                        <span>Deposit</span>
                    </a>
                </li>
                <a class="dropdown-item" href="https://powerworkerearn.com/user/new-withdraw-request"><i class="fas fa-wallet font-size-17 align-middle me-1" style="color: #666666"></i><span class="ms-3">Withdraw<span class="badge bg-primary text-white ms-3"> New</span></span></a>

                <li class="minee nav-item-hover">
                     <a href="javascript: volid(0);" class="has-arrow waves-effect">
                        <i class="fa fa-users" style="color: #666666"></i>
                        <span>Share & Earn<span class="badge bg-primary text-white ms-3"> New</span></span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                       <li><a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.referral') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif>My Affiliate Link</a></li>
                                        <li><a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.referral-user') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif>My Partners</a></li>
                    </ul>
               </li>
               
                <li class="minee nav-item-hover">
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="fas fa-donate" style="color: #666666"></i>
                        <span>Transactions</span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.withdraw') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif>Withdraw</a></li>
                        <li><a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.deposit-list') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif>Deposit</a></li>
                    </ul>
                </li>

                <li class="minee nav-item-hover">
                    <a href="javascript: void(0);" class="has-arrow waves-effect">
                        <i class="fas fa-ad" style="color: #666666"></i>
                        <span>Advertisement</span>
                    </a>
                    <ul class="sub-menu" aria-expanded="false">
                        <li><a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.advertisement') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif>Add New Ads</a></li>
                        <li><a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('user.advertisement-list') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif>History</a></li>
                    </ul>
                </li>
                
                <li class="minee nav-item-hover">
                    <a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('notice-board') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif class="waves-effect">
                        <i class="fa fa-bullhorn" style="color: #666666"></i>
                        <span>Notice Board</span>
                    </a>
                </li>
                
                <li class="minee nav-item-hover">
                    <a href="@if(Auth::user()->status == 0) javascript:; @else {{ route('spin') }} @endif" @if(Auth::user()->status == 0) onclick="return alert('Your Account is blocked! {{ Auth::user()->reason }}. Please Contact with authority!')" @endif class="waves-effect">
                        <i class="fa fa-trophy" style="color: #666666"></i>
                        <span>Play & Earn</span>
                    </a>
                </li>
            </ul>
        </div>
        <!-- Sidebar -->
    </div>
</div>

<!-- Your existing HTML content -->