
        <div class="horizontal-bar-wrap">
            <div class="header-topnav">
                <div class="container-fluid">
                    <div class=" topnav rtl-ps-none" id="" data-perfect-scrollbar data-suppress-scroll-x="true">
                        <ul class="menu float-left">
                            <li class="{{ request()->is('dashboard/*') ? 'active' : '' }}">

                                <div>


                                    <div>
                                        <label class="toggle" for="drop-2">

                                        پنل مدیریت
                                    </label>
                                        <a href="#">
                                            <i class="nav-icon mr-2 i-Bar-Chart"></i>
                                             پنل مدیریت
                                        </a>

                                        <input type="checkbox" id="drop-2">
                                        <ul>

                                            <li class="nav-item ">
                        <a class="{{ Route::currentRouteName()=='dashboard_version_1' ? 'open' : '' }}" href="{{route('dashboard_version_1')}}">
                            <i class="nav-icon mr-2 i-Clock-3"></i>
                            <span class="item-name">نسخه 1</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{route('dashboard_version_2')}}" class="{{ Route::currentRouteName()=='dashboard_version_2' ? 'open' : '' }}">
                            <i class="nav-icon mr-2 i-Clock-4"></i>
                            <span class="item-name">نسخه 2</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='dashboard_version_3' ? 'open' : '' }}" href="{{route('dashboard_version_3')}}" >
                            <i class="nav-icon mr-2 i-Over-Time"></i>
                            <span class="item-name">نسخه 3</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='dashboard_version_4' ? 'open' : '' }}" href="{{route('dashboard_version_4')}}">
                            <i class="nav-icon mr-2 i-Clock"></i>
                            <span class="item-name">نسخه 4</span>
                        </a>
                    </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li class="{{ request()->is('uikits/*') ? 'active' : '' }}">
                                <div>
                                    <div>
                                        <label class="toggle" for="drop-2">
ابزار های طراحی
                                        </label>
                                        <a href="#">
                                            <i class="nav-icon mr-2 i-Suitcase"></i> ابزار های طراحی
                                        </a><input type="checkbox" id="drop-2">
                                        <ul>

                                           <li class="nav-item">
                    <a class="{{ Route::currentRouteName()=='alerts' ? 'open' : '' }}" href="{{route('alerts')}}">
                            <i class="nav-icon mr-2 i-Bell1"></i>
                            <span class="item-name">هشدار ها</span>
                        </a>
                    </li>

                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='badges' ? 'open' : '' }}" href="{{route('badges')}}">
                            <i class="nav-icon mr-2 i-Medal-2"></i>
                            <span class="item-name">نشانه ها</span>
                        </a>
                    </li>
                      <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='bootstrap-tab' ? 'open' : '' }}" href="{{route('bootstrap-tab')}}">
                            <i class="nav-icon mr-2 i-Cursor-Click"></i>
                            <span class="item-name">تب بوت استرپ</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='buttons' ? 'open' : '' }}" href="{{route('buttons')}}">
                            <i class="nav-icon mr-2 i-Cursor-Click"></i>
                            <span class="item-name">دکمه ها</span>
                        </a>
                    </li>
                          <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='accordion' ? 'open' : '' }}" href="{{route('accordion')}}">
                            <i class="nav-icon mr-2 i-Split-Horizontal-2-Window"></i>
                            <span class="item-name">آکاردئون</span>
                        </a>
                    </li>

                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='lists' ? 'open' : '' }}" href="{{route('lists')}}">
                            <i class="nav-icon mr-2 i-Belt-3"></i>
                            <span class="item-name">لیست ها</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='pagination' ? 'open' : '' }}" href="{{route('pagination')}}">
                            <i class="nav-icon mr-2 i-Arrow-Next"></i>
                            <span class="item-name">صفحه بندی</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='popover' ? 'open' : '' }}" href="{{route('popover')}}">
                            <i class="nav-icon mr-2 i-Speach-Bubble-2"></i>
                            <span class="item-name">پاپ آور</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='progressbar' ? 'open' : '' }}" href="{{route('progressbar')}}">
                            <i class="nav-icon mr-2 i-Loading"></i>
                            <span class="item-name">نوار وضعیت</span>
                        </a>
                    </li>

                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='tabs' ? 'open' : '' }}" href="{{route('tabs')}}">
                            <i class="nav-icon mr-2 i-New-Tab"></i>
                            <span class="item-name">تب ها</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='tooltip' ? 'open' : '' }}" href="{{route('tooltip')}}">
                            <i class="nav-icon mr-2 i-Speach-Bubble-8"></i>
                            <span class="item-name">تول تیپ</span>
                        </a>
                    </li>

                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='modals' ? 'open' : '' }}" href="{{route('modals')}}">
                            <i class="nav-icon mr-2 i-Duplicate-Window"></i>
                            <span class="item-name">مدال ها</span>
                        </a>
                    </li>


                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <!-- end ui kits -->

                            <li class="{{ request()->is('extrakits/*') ? 'active' : '' }}">

                                <div>


                                    <div>
                                        <label class="toggle" for="drop-2">

                ابزار های طراحی پیشرفته
            </label>
                                        <a href="#">
                                            <i class="nav-icon i-Library mr-2"></i> ابزار های طراحی پیشرفته
                                        </a><input type="checkbox" id="drop-2">
                                        <ul>
                                              <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='dropDown' ? 'open' : '' }}" href="{{route('dropDown')}}">
                            <i class="nav-icon mr-2 i-Arrow-Down-in-Circle"></i>
                            <span class="item-name">منو بازشونده</span>
                        </a>
                    </li>

                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='cards' ? 'open' : '' }}" href="{{route('cards')}}">
                            <i class="nav-icon mr-2 i-Line-Chart-2"></i>
                            <span class="item-name">کارت ها</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='cards-metrics' ? 'open' : '' }}" href="{{route('cards-metrics')}}">
                            <i class="nav-icon mr-2 i-ID-Card"></i>
                            <span class="item-name">اندازه گیری کارت ها</span>
                        </a>
                    </li>
   <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='carousel' ? 'open' : '' }}" href="{{route('carousel')}}">
                            <i class="nav-icon mr-2 i-Video-Photographer"></i>
                            <span class="item-name">اسلایدر ها</span>
                        </a>
                    </li>
  <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='tables' ? 'open' : '' }}" href="{{route('tables')}}">
                            <i class="nav-icon mr-2 i-File-Horizontal-Text"></i>
                            <span class="item-name">جداول</span>
                        </a>
                    </li>
  <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='NoUislider' ? 'open' : '' }}" href="{{route('NoUislider')}}">
                            <i class="nav-icon mr-2 i-Width-Window"></i>
                            <span class="item-name">نوار فیلتر</span>
                        </a>
                    </li>
                     <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='imageCroper' ? 'open' : '' }}" href="{{route('imageCroper')}}">
                            <i class="nav-icon mr-2 i-Crop-2"></i>
                            <span class="item-name">برش تصویر</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='loader' ? 'open' : '' }}" href="{{route('loader')}}">
                            <i class="nav-icon mr-2 i-Loading-3"></i>
                            <span class="item-name">بارگذاری</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='laddaButton' ? 'open' : '' }}" href="{{route('laddaButton')}}">
                            <i class="nav-icon mr-2 i-Loading-2"></i>
                            <span class="item-name">دکمه های بارگذاری</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='toastr' ? 'open' : '' }}" href="{{route('toastr')}}">
                            <i class="nav-icon mr-2 i-Bell"></i>
                            <span class="item-name">توستر</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='sweetAlert' ? 'open' : '' }}" href="{{route('sweetAlert')}}">
                            <i class="nav-icon mr-2 i-Approved-Window"></i>
                            <span class="item-name">هشدار ها</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='tour' ? 'open' : '' }}" href="{{route('tour')}}">
                            <i class="nav-icon mr-2 i-Plane"></i>
                            <span class="item-name">تور کاربر</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='upload' ? 'open' : '' }}" href="{{route('upload')}}">
                            <i class="nav-icon mr-2 i-Data-Upload"></i>
                            <span class="item-name">آپلود ها</span>
                        </a>
                    </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <!-- end extra uikits -->

                            <li class="{{ request()->is('apps/*') ? 'active' : '' }}">

                                <div>


                                    <div>
                                        <label class="toggle" for="drop-2">

برنامه ها
            </label>
                                        <a href="#">
                                            <i class="nav-icon mr-2 i-Computer-Secure"></i> برنامه ها
                                        </a><input type="checkbox" id="drop-2">
                                        <ul>

                                           <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='invoice' ? 'open' : '' }}" href="{{route('invoice')}}">
                            <i class="nav-icon mr-2 i-Add-File"></i>
                            <span class="item-name">صورت حساب</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='inbox' ? 'open' : '' }}" href="{{route('inbox')}}">
                            <i class="nav-icon mr-2 i-Email"></i>
                            <span class="item-name">صندوق ورودی</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='chat' ? 'open' : '' }}" href="{{route('chat')}}">
                            <i class="nav-icon mr-2 i-Speach-Bubble-3"></i>
                            <span class="item-name">پیام </span>
                        </a>
                    </li>
                      <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='calendar' ? 'open' : '' }}" href="{{route('calendar')}}">
                            <i class="nav-icon mr-2 i-Calendar-4"></i>
                            <span class="item-name">تقویم</span>
                        </a>
                    </li>
                           <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='task-manager' ? 'open' : '' }}" href="{{route('task-manager')}}">
                            <i class="nav-icon mr-2 i-Receipt"></i>
                            <span class="item-name">مدیر وظیفه</span>
                        </a>
                    </li>
                       <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='task-manager-list' ? 'open' : '' }}" href="{{route('task-manager-list')}}">
                            <i class="nav-icon mr-2 i-Receipt-4"></i>
                            <span class="item-name">لیست وظیفه</span>
                        </a>
                    </li>
                      <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='toDo' ? 'open' : '' }}" href="{{route('toDo')}}">
                            <i class="nav-icon mr-2 i-Receipt-4"></i>
                            <span class="item-name">آماده به انجام کار</span>
                        </a>
                    </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <!-- end apps -->

                            <li class="{{ request()->is('forms/*') ? 'active' : '' }}">

                                <div>


                                    <div>
                                        <label class="toggle" for="drop-2">

Forms
            </label>
                                        <a href="#">
                                            <i class="nav-icon mr-2 i-File-Clipboard-File--Text"></i> فرم ها
                                        </a><input type="checkbox" id="drop-2">
                                        <ul>

                                            <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='forms-basic' ? 'open' : '' }}" href="{{route('forms-basic')}}">
                            <i class="nav-icon mr-2 i-File-Clipboard-Text--Image"></i>
                            <span class="item-name">عناصر اساسی</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='form-layouts' ? 'open' : '' }}" href="{{route('form-layouts')}}">
                            <i class="nav-icon mr-2 i-Split-Vertical"></i>
                            <span class="item-name">طرح بندی فرم</span>
                        </a>
                    </li>
                       <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='basic-action-bar' ? 'open' : '' }}" href="{{route('basic-action-bar')}}">
                            <i class="nav-icon mr-2 i-File-Clipboard-Text--Image"></i>
                            <span class="item-name">نوار عمل اساسی </span>
                        </a>
                    </li>
  <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='multi-column-forms' ? 'open' : '' }}" href="{{route('multi-column-forms')}}">
                            <i class="nav-icon mr-2 i-Split-Vertical"></i>
                            <span class="item-name">فرم های چند ستونی</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='form-input-group' ? 'open' : '' }}" href="{{route('form-input-group')}}">
                            <i class="nav-icon mr-2 i-Receipt-4"></i>
                            <span class="item-name">گروه های ورودی</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='form-validation' ? 'open' : '' }}" href="{{route('form-validation')}}">
                            <i class="nav-icon mr-2 i-Close-Window"></i>
                            <span class="item-name">اعتبار سنجی فرم</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='smartWizard' ? 'open' : '' }}" href="{{route('smartWizard')}}">
                            <i class="nav-icon mr-2 i-Width-Window"></i>
                            <span class="item-name">Smart Wizard</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='tagInput' ? 'open' : '' }}" href="{{route('tagInput')}}">
                            <i class="nav-icon mr-2 i-Tag-2"></i>
                            <span class="item-name">برچسب های ورودی</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='form-editor' ? 'open' : '' }}" href="{{route('form-editor')}}">
                            <i class="nav-icon mr-2 i-Pen-2"></i>
                            <span class="item-name">Rich ویرایشگر</span>
                        </a>
                    </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <!-- end Forms -->


                                <li class="{{ request()->is('charts/*') ? 'active' : '' }}">

                                <div>


                                    <div>
                                        <label class="toggle" for="drop-2">

Charts
            </label>
                                        <a href="#">
                                            <i class="nav-icon mr-2 i-Bar-Chart-5"></i> نمودار ها
                                        </a><input type="checkbox" id="drop-2">
                                        <ul>

                          <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='echarts' ? 'open' : '' }}" href="{{route('echarts')}}" title='charts'>
                            <i class="nav-icon mr-2 i-Bar-Chart-2"></i>
                            <span class="item-name">نمودار پیشرفته</span>
                        </a>
                    </li>
                      <li class="nav-item">
                        <a class="{{ Route::currentRouteName()=='chartjs' ? 'open' : '' }}" href="{{route('chartjs')}}">
                            <i class="nav-icon mr-2 i-File-Clipboard-Text--Image"></i>
                            <span class="item-name">نمودار معمولی</span>
                        </a>
                    </li>


                          <li><a  class="{{ Route::currentRouteName()=='apexAreaCharts' ? 'open' : '' }}" href="{{route('apexAreaCharts')}}">  <i class="nav-icon mr-2 i-Bar-Chart-2"></i>محدوده نمودار </a></li>
                          <li><a  class="{{ Route::currentRouteName()=='apexBarCharts' ? 'open' : '' }}" href="{{route('apexBarCharts')}}">  <i class="nav-icon mr-2 i-Bar-Chart-2"></i>بار نمودار ها </a></li>
                          <li><a  class="{{ Route::currentRouteName()=='apexBubbleCharts' ? 'open' : '' }}" href="{{route('apexBubbleCharts')}}">  <i class="nav-icon mr-2 i-Bar-Chart-2"></i>حباب نمودار ها </a></li>
                          <li><a  class="{{ Route::currentRouteName()=='apexColumnCharts' ? 'open' : '' }}" href="{{route('apexColumnCharts')}}">  <i class="nav-icon mr-2 i-Bar-Chart-2"></i>ستون نمودار ها </a></li>
                          <li><a  class="{{ Route::currentRouteName()=='apexCandleStickCharts' ? 'open' : '' }}" href="{{route('apexCandleStickCharts')}}">  <i class="nav-icon mr-2 i-Bar-Chart-2"></i>CandleStick نمودار </a></li>
                          <li><a  class="{{ Route::currentRouteName()=='apexLineCharts' ? 'open' : '' }}" href="{{route('apexLineCharts')}}">  <i class="nav-icon mr-2 i-Bar-Chart-2"></i>خط نمودار ها </a></li>
                          <li><a  class="{{ Route::currentRouteName()=='apexMixCharts' ? 'open' : '' }}" href="{{route('apexMixCharts')}}">  <i class="nav-icon mr-2 i-Bar-Chart-2"></i>میکس نمودار </a></li>
                          <li><a  class="{{ Route::currentRouteName()=='apexPieDonutCharts' ? 'open' : '' }}" href="{{route('apexPieDonutCharts')}}">  <i class="nav-icon mr-2 i-Bar-Chart-2"></i>PieDonut نمودار</a></li>
                          <li><a  class="{{ Route::currentRouteName()=='apexRadarCharts' ? 'open' : '' }}" href="{{route('apexRadarCharts')}}">  <i class="nav-icon mr-2 i-Bar-Chart-2"></i>رادار نمودار ها </a></li>
                          <li><a  class="{{ Route::currentRouteName()=='apexRadialBarCharts' ? 'open' : '' }}" href="{{route('apexRadialBarCharts')}}">  <i class="nav-icon mr-2 i-Bar-Chart-2"></i>رادیکال نمودار ها </a></li>
                          <li><a  class="{{ Route::currentRouteName()=='apexScatterCharts' ? 'open' : '' }}" href="{{route('apexScatterCharts')}}">  <i class="nav-icon mr-2 i-Bar-Chart-2"></i>پراکندگی نمودار </a></li>
                          <li><a  class="{{ Route::currentRouteName()=='apexSparklineCharts' ? 'open' : '' }}" href="{{route('apexSparklineCharts')}}">  <i class="nav-icon mr-2 i-Bar-Chart-2"></i>Sparkline نمودار</a></li>

                                  </ul>
                                    </div>
                                </div>
                            </li>
                            <!-- end charts -->



                        </ul>


                    </div>
                </div>
            </div>

        </div>
        <!--=============== Horizontal bar End ================-->
