<div class="side-content-wrap">
    <div class="sidebar-left open rtl-ps-none" data-perfect-scrollbar data-suppress-scroll-x="true">
        <ul class="navigation-left">
            <li class="nav-item {{ request()->is('dashboard/*') ? 'active' : '' }}" data-item="dashboard">
                <a class="nav-item-hold" href="#">
                    <i class="nav-icon i-Bar-Chart"></i>
                    <span class="nav-text">پنل مدیریت</span>
                </a>
                <div class="triangle"></div>
            </li>
            <li class="nav-item {{ request()->is('uikits/*') ? 'active' : '' }}" data-item="uikits">
                <a class="nav-item-hold" href="#">
                    <i class="nav-icon i-Library"></i>
                    <span class="nav-text">ابزار های طراحی</span>
                </a>
                <div class="triangle"></div>
            </li>
            <li class="nav-item {{ request()->is('extrakits/*') ? 'active' : '' }}" data-item="extrakits">
                <a class="nav-item-hold" href="#">
                    <i class="nav-icon i-Suitcase"></i>
                    <span class="nav-text">ابزار های بیشتر</span>
                </a>
                <div class="triangle"></div>
            </li>
            <li class="nav-item {{ request()->is('apps/*') ? 'active' : '' }}" data-item="apps">
                <a class="nav-item-hold" href="#">
                    <i class="nav-icon i-Computer-Secure"></i>
                    <span class="nav-text">برنامه ها</span>
                </a>
                <div class="triangle"></div>
            </li>
            <li class="nav-item {{ request()->is('forms/*') ? 'active' : '' }}" data-item="forms">
                <a class="nav-item-hold" href="#">
                    <i class="nav-icon i-File-Clipboard-File--Text"></i>
                    <span class="nav-text">فرم ها</span>
                </a>
                <div class="triangle"></div>
            </li>

            <li class="nav-item {{ request()->is('widgets/*') ? 'active' : '' }}" data-item="widgets">
                <a class="nav-item-hold" href="#">
                    <i class="nav-icon i-Windows-2"></i>
                    <span class="nav-text">ویجت ها</span>
                </a>
                <div class="triangle"></div>
            </li>

            <li class="nav-item {{ request()->is('charts/*') ? 'active' : '' }}" data-item="charts">
                <a class="nav-item-hold" href="#">
                    <i class="nav-icon i-File-Clipboard-File--Text"></i>
                    <span class="nav-text">نمودار ها</span>
                </a>
                <div class="triangle"></div>
            </li>

            <li class="nav-item {{ request()->is('datatables/*') ? 'active' : '' }}">
                <a class="nav-item-hold" href="{{route('basic-tables')}}">
                    <i class="nav-icon i-File-Horizontal-Text"></i>
                    <span class="nav-text">جداول داده</span>
                </a>
                <div class="triangle"></div>
            </li>
            <li class="nav-item {{ request()->is('sessions/*') ? 'active' : '' }}" data-item="sessions">
                <a class="nav-item-hold" href="/test.html">
                    <i class="nav-icon i-Administrator"></i>
                    <span class="nav-text">نشست ها</span>
                </a>
                <div class="triangle"></div>
            </li>
            <li class="nav-item {{ request()->is('others/*') ? 'active' : '' }}" data-item="others">
                <a class="nav-item-hold" href="">
                    <i class="nav-icon i-Double-Tap"></i>
                    <span class="nav-text">صفحات</span>
                </a>
                <div class="triangle"></div>
            </li>
            <li class="nav-item">
                <a class="nav-item-hold" href="http://demos.ui-lib.com/gull-html-doc/" target="_blank">
                    <i class="nav-icon i-Safe-Box1"></i>
                    <span class="nav-text">سند</span>
                </a>
                <div class="triangle"></div>
            </li>
        </ul>
    </div>

    <div class="sidebar-left-secondary rtl-ps-none" data-perfect-scrollbar data-suppress-scroll-x="true">
        <!-- Submenu Dashboards -->
        <ul class="childNav" data-parent="dashboard">
            <li class="nav-item ">
                <a class="{{ Route::currentRouteName()=='dashboard_version_1' ? 'open' : '' }}"
                    href="{{route('dashboard_version_1')}}">
                    <i class="nav-icon 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 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 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 i-Clock"></i>
                    <span class="item-name">نسخه 4</span>
                </a>
            </li>
        </ul>
        <ul class="childNav" data-parent="forms">

            <li class="nav-item">
                <a class="{{ Route::currentRouteName()=='forms-basic' ? 'open' : '' }}" href="{{route('forms-basic')}}">
                    <i class="nav-icon i-File-Clipboard-Text--Image"></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 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 i-Split-Vertical"></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 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 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 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 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 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 i-Pen-2"></i>
                    <span class="item-name">Rich ویرایشگر</span>
                </a>
            </li>
        </ul>
        <ul class="childNav" data-parent="widgets">
            <li class="nav-item">
                <a class="{{ Route::currentRouteName()=='widget-card' ? 'open' : '' }}" href="{{route('widget-card')}}">
                    <i class="nav-icon i-Receipt-4"></i>
                    <span class="item-name">ویجت کارت</span>
                </a>
            </li>
            <li class="nav-item">


                <a class="{{ Route::currentRouteName()=='widget-statistics' ? 'open' : '' }}"
                    href="{{route('widget-statistics')}}">
                    <i class="nav-icon i-Receipt-4"></i>
                    <span class="item-name">ویجت آمار</span>
                </a>
            </li>

            <li class="nav-item">


                <a class="{{ Route::currentRouteName()=='widget-list' ? 'open' : '' }}" href="{{route('widget-list')}}">
                    <i class="nav-icon i-Receipt-4"></i>
                    <span class="item-name">ویجت لیست<span class="ml-2 badge badge-pill badge-danger">
                            New</span></span>
                </a>
            </li>

            <li class="nav-item">


                <a class="{{ Route::currentRouteName()=='widget-app' ? 'open' : '' }}" href="{{route('widget-app')}}">
                    <i class="nav-icon i-Receipt-4"></i>
                    <span class="item-name">ویجت برنامه<span class="ml-2 badge badge-pill badge-danger"> New</span>
                    </span>
                </a>
            </li>
            <li class="nav-item">


                <a class="{{ Route::currentRouteName()=='widget-weather-app' ? 'open' : '' }}"
                    href="{{route('widget-weather-app')}}">
                    <i class="nav-icon i-Receipt-4"></i>
                    <span class="item-name"> آب و هوا برنامه<span class="ml-2 badge badge-pill badge-danger"> New</span>
                    </span>
                </a>
            </li>

        </ul>

        <ul class="childNav" data-parent="charts">
            <li class="nav-item">
                <a class="{{ Route::currentRouteName()=='echarts' ? 'open' : '' }}" href="{{route('echarts')}}">
                    <i class="nav-icon i-File-Clipboard-Text--Image"></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 i-File-Clipboard-Text--Image"></i>
                    <span class="item-name">نمودار معمولی</span>
                </a>
            </li>
            <li class="nav-item dropdown-sidemenu">
                <a>
                    <i class="nav-icon i-File-Clipboard-Text--Image"></i>
                    <span class="item-name">Apex نمودار</span>
                    <i class="dd-arrow i-Arrow-Down"></i>
                </a>
                <ul class="submenu">
                    <li><a class="{{ Route::currentRouteName()=='apexAreaCharts' ? 'open' : '' }}"
                            href="{{route('apexAreaCharts')}}">محدوده نمودار ها </a></li>
                    <li><a class="{{ Route::currentRouteName()=='apexBarCharts' ? 'open' : '' }}"
                            href="{{route('apexBarCharts')}}">بار نمودار ها</a></li>
                    <li><a class="{{ Route::currentRouteName()=='apexBubbleCharts' ? 'open' : '' }}"
                            href="{{route('apexBubbleCharts')}}">حباب نمودار ها</a></li>
                    <li><a class="{{ Route::currentRouteName()=='apexColumnCharts' ? 'open' : '' }}"
                            href="{{route('apexColumnCharts')}}">ستون نمودار ها</a></li>
                    <li><a class="{{ Route::currentRouteName()=='apexCandleStickCharts' ? 'open' : '' }}"
                            href="{{route('apexCandleStickCharts')}}">CandleStick نمودار ها</a></li>
                    <li><a class="{{ Route::currentRouteName()=='apexLineCharts' ? 'open' : '' }}"
                            href="{{route('apexLineCharts')}}">خط نمودار ها</a></li>
                    <li><a class="{{ Route::currentRouteName()=='apexMixCharts' ? 'open' : '' }}"
                            href="{{route('apexMixCharts')}}">میکس نمودار ها</a></li>
                    <li><a class="{{ Route::currentRouteName()=='apexPieDonutCharts' ? 'open' : '' }}"
                            href="{{route('apexPieDonutCharts')}}">PieDonut نمودار ها</a></li>
                    <li><a class="{{ Route::currentRouteName()=='apexRadarCharts' ? 'open' : '' }}"
                            href="{{route('apexRadarCharts')}}">رادار نمودار ها </a></li>
                    <li><a class="{{ Route::currentRouteName()=='apexRadialBarCharts' ? 'open' : '' }}"
                            href="{{route('apexRadialBarCharts')}}">رادیکال بار نمودار ها</a></li>
                    <li><a class="{{ Route::currentRouteName()=='apexScatterCharts' ? 'open' : '' }}"
                            href="{{route('apexScatterCharts')}}">پراکندگی نمودار ها</a></li>
                    <li><a class="{{ Route::currentRouteName()=='apexSparklineCharts' ? 'open' : '' }}"
                            href="{{route('apexSparklineCharts')}}">Sparkline نمودار ها</a></li>

                </ul>
            </li>





        </ul>

        <ul class="childNav" data-parent="apps">
            <li class="nav-item">
                <a class="{{ Route::currentRouteName()=='invoice' ? 'open' : '' }}" href="{{route('invoice')}}">
                    <i class="nav-icon 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 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 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 i-Calendar-4"></i>
                    <span class="item-name">تقویم</span>
                </a>
            </li>
            <li class="nav-item dropdown-sidemenu">
                <a>
                    <i class="nav-icon i-Receipt"></i>
                    <span class="item-name">مدیر وظیفه  <span
                            class=" ml-2 badge badge-pill badge-danger">جدید</span></span>
                    <i class="dd-arrow i-Arrow-Down"></i>
                </a>
                <ul class="submenu">
                    <li>
                        <a class="{{ Route::currentRouteName()=='task-manager' ? 'open' : '' }}"
                            href="{{route('task-manager')}}">
                            <i class="nav-icon i-Receipt"></i>
                            <span class="item-name">مدیر وظیفه</span>
                        </a>
                    </li>
                    <li>
                        <a class="{{ Route::currentRouteName()=='task-manager-list' ? 'open' : '' }}"
                            href="{{route('task-manager-list')}}">
                            <i class="nav-icon i-Receipt-4"></i>
                            <span class="item-name">لیست نوار وظیفه</span>
                        </a>
                    </li>
                    <li>
                        <a class="{{ Route::currentRouteName()=='toDo' ? 'open' : '' }}" href="{{route('toDo')}}">
                            <i class="nav-icon i-Receipt-4"></i>
                            <span class="item-name">آماده جهت انجام</span>
                        </a>
                    </li>
                    <li></li>
                </ul>
            </li>

            <li class="nav-item dropdown-sidemenu">
                <a>
                    <i class="nav-icon i-Cash-Register"></i>
                    <span class="item-name">فروشگاه اینترنتی <span
                            class=" ml-2 badge badge-pill badge-danger">جدید</span></span>
                    <i class="dd-arrow i-Arrow-Down"></i>
                </a>
                <ul class="submenu">
                    <li>
                        <a class="{{ Route::currentRouteName()=='ecommerce-products' ? 'open' : '' }}"
                            href="{{route('ecommerce-products')}}">
                            <i class="nav-icon i-Shop-2"></i>
                            <span class="item-name">محصولات</span>
                        </a>
                    </li>


                    <li>
                        <a class="{{ Route::currentRouteName()=='ecommerce-product-details' ? 'open' : '' }}"
                            href="{{route('ecommerce-product-details')}}">
                            <i class="nav-icon i-Tag-2"></i>
                            <span class="item-name">جزئیات محصول</span>
                        </a>
                    </li>
                    <li>
                        <a class="{{ Route::currentRouteName()=='ecommerce-cart' ? 'open' : '' }}"
                            href="{{route('ecommerce-cart')}}">
                            <i class="nav-icon i-Add-Cart"></i>
                            <span class="item-name">کارت</span>
                        </a>
                    </li>

                    <li>
                        <a class="{{ Route::currentRouteName()=='ecommerce-checkout' ? 'open' : '' }}"
                            href="{{route('ecommerce-checkout')}}">
                            <i class="nav-icon i-Cash-register-2"></i>
                            <span class="item-name">تسویه حساب</span>
                        </a>
                    </li>
                </ul>
            </li>

            <li class="nav-item dropdown-sidemenu">
                <a>
                    <i class="nav-icon i-Business-ManWoman"></i>
                    <span class="item-name">مخاطبین<span class=" ml-2 badge badge-pill badge-danger">جدید</span></span>
                    <i class="dd-arrow i-Arrow-Down"></i>
                </a>
                <ul class="submenu">

                    <li>
                        <a class="{{ Route::currentRouteName()=='contact-list-table' ? 'open' : '' }}"
                            href="{{route('contact-list-table')}}">
                            <i class="nav-icon i-Business-Mens"></i>
                            <span class="item-name">مخاطبین
                                {{-- <span  class="ml-2 badge badge-pill badge-danger">جدید</span> --}}
                            </span>
                        </a>
                    </li>
                    <li>
                        <a class="{{ Route::currentRouteName()=='contacts-lists' ? 'open' : '' }}"
                            href="{{route('contacts-lists')}}">
                            <i class="nav-icon i-Business-Mens"></i>
                            <span class="item-name">لیست مخاطبین</span>
                        </a>
                    </li>
                    <li>
                        <a class="{{ Route::currentRouteName()=='contacts-grid' ? 'open' : '' }}"
                            href="{{route('contacts-grid')}}">
                            <i class="nav-icon i-Conference"></i>
                            <span class="item-name">مخاطبین گروهی</span>
                        </a>
                    </li>
                    <li>
                        <a class="{{ Route::currentRouteName()=='contact-details' ? 'open' : '' }}"
                            href="{{route('contact-details')}}">
                            <i class="nav-icon i-Find-User"></i>
                            <span class="item-name">جزئیات مخاطبین </span>
                        </a>
                    </li>



                </ul>
            </li>


        </ul>
        <ul class="childNav" data-parent="extrakits">

            <li class="nav-item">
                <a class="{{ Route::currentRouteName()=='dropDown' ? 'open' : '' }}" href="{{route('dropDown')}}">
                    <i class="nav-icon i-Arrow-Down-in-Circle"></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 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 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 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 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 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 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 i-Data-Upload"></i>
                    <span class="item-name">آپلود</span>
                </a>
            </li>
        </ul>
        <ul class="childNav" data-parent="uikits">
            <li class="nav-item">
                <a class="{{ Route::currentRouteName()=='alerts' ? 'open' : '' }}" href="{{route('alerts')}}">
                    <i class="nav-icon i-Bell1"></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 i-Split-Horizontal-2-Window"></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 i-Medal-2"></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 i-Cursor-Click"></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 i-Cursor-Click"></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 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 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 i-Video-Photographer"></i>
                    <span class="item-name">منو کشویی</span>
                </a>
            </li>

            <li class="nav-item">
                <a class="{{ Route::currentRouteName()=='collapsible' ? 'open' : '' }}" href="{{route('collapsible')}}">
                    <i class="nav-icon i-Video-Photographer"></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 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 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 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 i-Loading"></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 i-File-Horizontal-Text"></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 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 i-Speach-Bubble-8"></i>
                    <span class="item-name">تول تیپ</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="{{ Route::currentRouteName()=='typography' ? 'open' : '' }}" href="{{route('typography')}}">
                    <i class="nav-icon i-Letter-Open"></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 i-Duplicate-Window"></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 i-Width-Window"></i>
                    <span class="item-name">اسلاید ها</span>
                </a>
            </li>
        </ul>
        <ul class="childNav" data-parent="sessions">
            <li class="nav-item">
                <a href="{{route('signIn')}}">
                    <i class="nav-icon i-Checked-User"></i>
                    <span class="item-name">ورود</span>
                </a>
            </li>
            <li class="nav-item">
                <a href="{{route('signUp')}}">
                    <i class="nav-icon i-Add-User"></i>
                    <span class="item-name">ثبت نام</span>
                </a>
            </li>
            <li class="nav-item">
                <a href="{{route('forgot')}}">
                    <i class="nav-icon i-Find-User"></i>
                    <span class="item-name">فراموشی رمز ورود</span>
                </a>
            </li>
        </ul>
        <ul class="childNav" data-parent="others">
            <li class="nav-item">
                <a href="{{route('notFound')}}">
                    <i class="nav-icon i-Error-404-Window"></i>
                    <span class="item-name">برگه پیدا نشد</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="{{ Route::currentRouteName()=='pricing-table' ? 'open' : '' }}"
                    href="{{route('pricing-table')}}">
                    <i class="nav-icon i-Billing"></i>
                    <span class="item-name">جدول هزینه <span
                            class="ml-2 badge badge-pill badge-danger">جدید</span></span>
                </a>
            </li>

            <li class="nav-item">
                <a class="{{ Route::currentRouteName()=='search-result' ? 'open' : '' }}"
                    href="{{route('search-result')}}">
                    <i class="nav-icon i-File-Search"></i>
                    <span class="item-name">نتایج جست و جو <span class="badge badge-pill badge-danger">جدید</span></span>
                </a>
            </li>
            <li class="nav-item">
                <a class="{{ Route::currentRouteName()=='user-profile' ? 'open' : '' }}"
                    href="{{route('user-profile')}}">
                    <i class="nav-icon i-Male"></i>
                    <span class="item-name">پروفایل کاربری</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="{{ Route::currentRouteName()=='faq' ? 'open' : '' }}" href="{{route('faq')}}" class="open">
                    <i class="nav-icon i-File-Horizontal"></i>
                    <span class="item-name">سوالات متداول</span>
                </a>
            </li>
            <li class="nav-item">
                <a class="{{ Route::currentRouteName()=='starter' ? 'open' : '' }}" href="{{route('starter')}}"
                    class="open">
                    <i class="nav-icon i-File-Horizontal"></i>
                    <span class="item-name">صفحه خالی</span>
                </a>
            </li>
        </ul>
    </div>
    <div class="sidebar-overlay"></div>
</div>
<!--=============== Left side End ================-->