<!-- ========== Left Sidebar Start ========== -->
            <div class="vertical-menu">

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

                    <!--- Sidemenu -->
                    <div id="sidebar-menu">
                        <!-- Left Menu Start -->
                        <ul class="metismenu list-unstyled" id="side-menu">
                            <li class="menu-title">Menu</li>

                            <li>
                                <a href="{{route('admin.dashboard')}}" class="waves-effect">
                                    <i class="mdi mdi-desktop-mac-dashboard"></i>
                                    <span class="text-capitalize">{{__('messages.dashboard')}}</span>
                                </a>
                            </li>
                            <li>
                                <a href="{{route('quotations')}}" class="waves-effect">
                                    <i class="fas fa-file-invoice"></i>
                                    <span>{{__('messages.quotations')}}</span>
                                </a>
                            </li>

                            <li>
                                <a href="javascript: void(0);" class="has-arrow waves-effect">
                                    <i class="fas fa-tag"></i>
                                    <span>{{__('messages.purchases')}}</span>
                                </a>
                                <ul class="sub-menu" aria-expanded="false">
                                   <li><a href="{{route('suppliers')}}">{{__('messages.suppliers')}}</a></li>
                                   <li><a href="{{route('purchases')}}">{{__('messages.purchases')}}</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="javascript: void(0);" class="has-arrow waves-effect">
                                    <i class="fas fa-boxes"></i>
                                    <span>{{__('messages.stock')}}</span>
                                </a>
                                <ul class="sub-menu" aria-expanded="false">
                                   <li><a href="{{route('stock.category')}}">{{__('messages.category')}}</a></li>
                                   <li><a href="{{route('stock.items')}}">{{__('messages.items')}}</a></li>
                                   <li><a href="{{route('stock.addition')}}">{{__('messages.additions')}}</a></li>
                                   <li><a href="{{route('stock.transfer')}}">{{__('messages.transfers')}}</a></li>
                                </ul>
                            </li>

                            <li>
                                <a href="javascript: void(0);" class="has-arrow waves-effect">
                                    <i class="fas fa-wallet"></i>
                                    <span>{{__('messages.expenses')}}</span>
                                </a>
                                <ul class="sub-menu" aria-expanded="false">
                                    <li><a href="{{route('expense.category')}}">{{__('messages.category')}}</a></li>
                                    <li><a href="{{route('expenses')}}">{{__('messages.add')}} {{__('messages.expenses')}}</a></li>
                                </ul>
                            </li>


                            <li>
                                <a href="{{route('users')}}" class="waves-effect">
                                    <i class="fas fa-users"></i>
                                    <span>{{__('messages.users')}}</span>
                                </a>
                            </li>

                            <li>
                                <a href="javascript: void(0);" class="has-arrow waves-effect">
                                    <i class="fas fa-chart-line"></i>
                                    <span>{{__('messages.reports')}}</span>
                                </a>
                                <ul class="sub-menu" aria-expanded="false">
                                    <li><a href="{{route('report.sales')}}">{{__('messages.sales')}}</a></li>
                                    <li><a href="{{route('report.sales-item-by-branch', ['branch_id' => 1])}}">{{__('messages.sales_items')}} {{__('messages.branch')}}-1</a></li>
                                    <li><a href="{{route('report.sales-item-by-branch', ['branch_id' => 2])}}">{{__('messages.sales_items')}} {{__('messages.branch')}}-2</a></li>
                                    <li><a href="{{route('report.sales-item-by-branch', ['branch_id' => 3])}}">{{__('messages.sales_items')}} {{__('messages.branch')}}-3</a></li>
                                    <li><a href="{{route('report.stock-available')}}">{{__('messages.stock_available')}}</a></li>
                                    <li><a href="{{route('report.stock-zero')}}">{{__('messages.stock_zero')}}</a></li>
                                    <li><a href="{{route('report.purchases')}}">{{__('messages.purchases')}}</a></li>
                                    <li><a href="{{route('report.stock-in')}}">{{__('messages.stock_in')}}</a></li>
                                    <li><a href="{{route('report.stock-out')}}">{{__('messages.stock_out')}}</a></li>
                                    <li><a href="{{route('report.stock-removed')}}">{{__('messages.stock_removed')}}</a></li>
                                    <li><a href="{{route('report.transfers')}}">{{__('messages.transfers')}}</a></li>
                                    <li><a href="{{route('report.expenses')}}">{{__('messages.expenses')}}</a></li>
                                    <li><a href="{{route('report.returns')}}">{{__('messages.return_items')}}</a></li>
                                    <li><a href="{{route('report.quotations')}}">{{__('messages.quotations')}}</a></li>
                                    <li><a href="{{route('report.special')}}">{{__('messages.special')}}</a></li>
                                </ul>
                            </li>
              

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