<div class="sidebar">
    <div class="sidebar__inner">
        <div class="sidebar-top-inner">
            <div class="sidebar__logo">
                <a href="{{route('home')}}" class="sidebar__main-logo">
                    <img src="{{ getImage(getFilePath('logoIcon') . '/logo_white.png', '?' . time()) }}"
                        alt="{{ config('app.name') }}">
                </a>
                <div class="navbar__left">
                    <button class="navbar__expand">
                        <i class="fas fa-bars"></i>
                    </button>
                    <button class="sidebar-mobile-menu">
                        <i class="fas fa-bars"></i>
                    </button>
                </div>
            </div>
            <div class="sidebar__menu-wrapper">
                <ul class="sidebar__menu p-0">
                    <li class="sidebar-menu-item ">
                        <a href="{{route('user.home')}}">
                            <i class="menu-icon fas fa-home"></i>
                            <span class="menu-title">@lang('Dashboard')</span>
                        </a>
                    </li>

                    <li class="sidebar-menu-item sidebar-dropdown">
                        <a href="javascript:void(0)">
                            <i class="menu-icon fas fa-cart-plus"></i>
                            <span class="menu-title">@lang('Create Orders')</span>
                        </a>
                        <ul
                            class="sidebar-submenu {{ isActiveRoute('user.order.create')|| isActiveRoute('user.mass.order') ? 'd-block' : ''}}">
                            <li class="sidebar-menu-item {{ Route::is('user.order.create') ? 'active' : '' }}">
                                <a href="{{route('user.order.create')}}" class="nav-link">
                                    <i class="menu-icon las la-ellipsis-h"></i>
                                    <span class="menu-title">@lang('New Order')</span>
                                </a>
                            </li>
                            <li class="sidebar-menu-item">
                                <a href="{{route('user.mass.order.create')}}" class="nav-link">
                                    <i class="menu-icon las la-ellipsis-h"></i>
                                    <span class="menu-title">@lang('Mass Order') </span>
                                </a>
                            </li>
                        </ul>

                    </li>

                    <li class="sidebar-menu-item sidebar-dropdown">
                        <a href="javascript:void(0)">
                            <i class="menu-icon fas fa-cart-arrow-down"></i>
                            <span class="menu-title">@lang('Orders')</span>
                        </a>
                        <ul
                            class="sidebar-submenu
                        {{ isActiveRoute('user.order.index')|| isActiveRoute('user.order.pending')|| isActiveRoute('user.order.processing')||isActiveRoute('user.order.complete')|| isActiveRoute('user.order.refund')||isActiveRoute('user.order.cancelle') ? 'd-block' : ''}}">
                            <li class="sidebar-menu-item">
                                <a href="{{route('user.order.index')}}" class="nav-link">
                                    <i class="menu-icon las la-ellipsis-h"></i>
                                    <span class="menu-title">@lang('All Orders')</span>
                                </a>
                            </li>
                            <li class="sidebar-menu-item">
                                <a href="{{route('user.order.pending')}}" class="nav-link">
                                    <i class="menu-icon las la-ellipsis-h"></i>
                                    <span class="menu-title">@lang('Pending')</span>
                                </a>
                            </li>
                            <li class="sidebar-menu-item">
                                <a href="{{route('user.order.processing')}}" class="nav-link">
                                    <i class="menu-icon las la-ellipsis-h"></i>
                                    <span class="menu-title">@lang('Processing')</span>
                                </a>
                            </li>
                            <li class="sidebar-menu-item">
                                <a href="{{route('user.order.complete')}}" class="nav-link">
                                    <i class="menu-icon las la-ellipsis-h"></i>
                                    <span class="menu-title">@lang('Complete')</span>
                                </a>
                            </li>
                            <li class="sidebar-menu-item">
                                <a href="{{route('user.order.refund')}}" class="nav-link">
                                    <i class="menu-icon las la-ellipsis-h"></i>
                                    <span class="menu-title">@lang('Refunded')</span>
                                </a>
                            </li>
                            <li class="sidebar-menu-item">
                                <a href="{{route('user.order.cancelle')}}" class="nav-link">
                                    <i class="menu-icon las la-ellipsis-h"></i>
                                    <span class="menu-title">@lang('Cancelled')</span>
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li class="sidebar-menu-item ">
                        <a href="{{route('user.brnad.package.index')}}">
                            <i class="menu-icon fas fa-gift"></i>
                            <span class="menu-title">@lang('Branding Orders')</span>
                        </a>
                    </li>

                    <li class="sidebar-menu-item sidebar-dropdown">
                        <a href="javascript:void(0)">
                            <i class="menu-icon fas fa-dollar-sign"></i>
                            <span class="menu-title">@lang('Deposit')</span>
                        </a>
                        <ul class="sidebar-submenu {{ isActiveRoute('user.deposit') ? 'd-block' : ''}}">
                            <li class="sidebar-menu-item">
                                <a href="{{route('user.deposit')}}" class="nav-link">
                                    <i class="menu-icon las la-ellipsis-h"></i>
                                    <span class="menu-title">@lang('Deposit Now')</span>
                                </a>
                            </li>
                            <li class="sidebar-menu-item">
                                <a href="{{route('user.deposit.history')}}" class="nav-link">
                                    <i class="menu-icon las la-ellipsis-h"></i>
                                    <span class="menu-title">@lang('Deposit Log')</span>
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li class="sidebar-menu-item {{ Route::is('user.transactions') ? 'active' : '' }}">
                        <a href="{{route('user.transactions')}}">
                            <i class="menu-icon fas fa-exchange-alt"></i>
                            <span class="menu-title">@lang('Transactions')</span>
                        </a>
                    </li>

                    <li class="sidebar-menu-item sidebar-dropdown">
                        <a href="javascript:void(0)">
                            <i class="menu-icon fas fa-headset"></i>
                            <span class="menu-title">@lang('Support Tickets')</span>
                        </a>
                        <ul class="sidebar-submenu {{ isActiveRoute('ticket') ? 'd-block' : '' }}">
                            <li
                                class="sidebar-menu-item sidebar-menu-sub-menu {{ Route::is('ticket') ? 'active' : '' }}">
                                <a href="{{ route('ticket') }}" class="nav-link">
                                    <i class="menu-icon las la-ellipsis-h"></i>
                                    <span class="menu-title">@lang('My Tickets')</span>
                                </a>
                            </li>
                            <li
                                class="sidebar-menu-item sidebar-menu-sub-menu {{ Route::is('ticket.open') ? 'active' : '' }}">
                                <a href="{{ route('ticket.open') }}" class="nav-link">
                                    <i class="menu-icon las la-ellipsis-h"></i>
                                    <span class="menu-title">@lang('New Ticket')</span>
                                </a>
                            </li>
                        </ul>
                    </li>

                    <li class="sidebar-menu-item">
                        <a href="{{route('user.api.index')}}">
                            <i class="menu-icon fas fa-code"></i>
                            <span class="menu-title">@lang('Api')</span>
                        </a>
                    </li>

                </ul>
            </div>
        </div>
         <div class="sidebar-support-box d-grid align-items-center bg-img"
               data-background="{{ asset($activeTemplateTrue . 'images/sidebar-bg.png') }}">
               <div class="sidebar-support-icon">
                   <i class="fas fa-question-circle"></i>
               </div>
               <div class="sidebar-support-content">
                   <h4 class="title">@lang('Need Help')?</h4>
                   <p>@lang('Please contact our support').</p>
                   <div class="sidebar-support-btn">
                       <a href="{{route('ticket.open')}}" class="btn btn--base w-100 mt-2">@lang('Get Support')</a>
                   </div>
               </div>
           </div>
    </div>
</div>

