Current File : //home/tradevaly/public_html/resources/views/backend/inc/aside.blade.php
<div class="sidebar sidebar-dark sidebar-main sidebar-expand-lg">

    <!-- App logo and controls -->
    <div class="navbar navbar-dark bg-dark-100 navbar-static border-0">
        <div class="navbar-brand flex-fill wmin-0">
            <a href="index.html" class="d-inline-block">
                <img src="{{ asset('backend/global_assets/images/logo_light.png') }}" class="sidebar-resize-hide" alt="">
                <img src="{{ asset('backend/global_assets/images/logo_icon_light.png') }}" class="sidebar-resize-show" alt="">
            </a>
        </div>

        <ul class="navbar-nav align-self-center ml-auto sidebar-resize-hide">
            <li class="nav-item dropdown">
                <button type="button" class="btn btn-outline-light-100 text-white border-transparent btn-icon rounded-pill btn-sm sidebar-control sidebar-main-resize d-none d-lg-inline-flex">
                    <i class="icon-transmission"></i>
                </button>

                <button type="button" class="btn btn-outline-light-100 text-white border-transparent btn-icon rounded-pill btn-sm sidebar-mobile-main-toggle d-lg-none">
                    <i class="icon-cross2"></i>
                </button>
            </li>
        </ul>
    </div>
    <!-- /app logo and controls -->


    <!-- Sidebar content -->
    <div class="sidebar-content">

        <!-- User menu -->
        <div class="sidebar-section sidebar-section-body user-menu-vertical text-center">
            <div class="card-img-actions d-inline-block">
                <img class="img-fluid rounded-circle" src="{{ asset('backend/global_assets/images/placeholders/R.png') }}" width="80" height="80" alt="">
                <div class="card-img-actions-overlay card-img rounded-circle">
                    <a href="#" class="btn btn-white btn-icon btn-sm rounded-pill">
                        <i class="icon-pencil"></i>
                    </a>
                </div>
            </div>

            <div class="sidebar-resize-hide position-relative mt-2">
                <div class="dropdown">
                    <div class="cursor-pointer" data-toggle="dropdown">
                        <h6 class="font-weight-semibold dropdown-toggle mb-0">{{Auth::user()->name}}</h6>
                        <span class="d-block text-muted">{{Auth::user()->email}}</span>
                    </div>

                    <div class="dropdown-menu w-100">
                        <a href="#" class="dropdown-item">
                            <i class="icon-user-plus"></i>
                            My profile
                        </a>
                        <a href="#" class="dropdown-item">
                            <i class="icon-coins"></i>
                            My balance
                        </a>
                        <a href="#" class="dropdown-item">
                            <i class="icon-comment-discussion"></i>
                            Messages
                            <span class="badge badge-indigo badge-pill ml-auto">58</span>
                        </a>
                        <div class="dropdown-divider"></div>
                        <a href="#" class="dropdown-item">
                            <i class="icon-cog5"></i>
                            Account settings
                        </a>
                        <a href="#" class="dropdown-item">
                            <i class="icon-switch2"></i>
                            Logout
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- /user menu -->

        
        <!-- Main navigation -->
        <div class="sidebar-section">
            <ul class="nav nav-sidebar" data-nav-type="accordion">

                <!-- Main -->
                <li class="nav-item-header pt-0"><div class="text-uppercase font-size-xs line-height-xs">Main</div> <i class="icon-menu" title="Main"></i></li>
                <li class="nav-item">
                    <a href="index.html" class="nav-link active">
                        <i class="icon-home4"></i>
                        <span>
                            Dashboard
                            <span class="d-block font-weight-normal opacity-50">No active orders</span>
                        </span>
                    </a>
                </li>
                <li class="nav-item nav-item-submenu">
                    <a href="#" class="nav-link"><i class="icon-dropbox"></i> <span>Manage Products</span></a>

                    <ul class="nav nav-group-sub" data-submenu-title="Layouts">
                        <li class="nav-item"><a href="#" class="nav-link">Categories</a></li>
                        <li class="nav-item"><a href="#" class="nav-link active">Taxes</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Products</a></li>
                    </ul>
                </li>
                <li class="nav-item nav-item-submenu">
                    <a href="#" class="nav-link"><i class="icon-list"></i> <span>Manage Sales</span></a>

                    <ul class="nav nav-group-sub" data-submenu-title="Layouts">
                        <li class="nav-item"><a href="#" class="nav-link">Create Invoice</a></li>
                        <li class="nav-item"><a href="#" class="nav-link active">Sell Invoice</a></li>
                    </ul>
                </li>
                <li class="nav-item nav-item-submenu">
                    <a href="#" class="nav-link"><i class="icon-archive"></i> <span>Manage Stock</span></a>

                    <ul class="nav nav-group-sub" data-submenu-title="Layouts">
                        <li class="nav-item"><a href="#" class="nav-link">New Purchase</a></li>
                        <li class="nav-item"><a href="#" class="nav-link active">Manage Purchase</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Create Requisition</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Pending Requisitions (22)</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Manage Requisitions</a></li>
                    </ul>
                </li>
                <li class="nav-item nav-item-submenu">
                    <a href="#" class="nav-link"><i class="icon-stack2"></i> <span>Expense</span></a>

                    <ul class="nav nav-group-sub" data-submenu-title="Layouts">
                        <li class="nav-item"><a href="#" class="nav-link">Expense Category</a></li>
                        <li class="nav-item"><a href="#" class="nav-link active">New Expense</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Expense List</a></li>
                    </ul>
                </li>
                <li class="nav-item nav-item-submenu">
                    <a href="#" class="nav-link"><i class="icon-stack2"></i> <span>Payment</span></a>

                    <ul class="nav nav-group-sub" data-submenu-title="Layouts">
                        <li class="nav-item"><a href="#" class="nav-link">Payment To Supplier</a></li>
                        <li class="nav-item"><a href="#" class="nav-link active">Received from customer</a></li>
                    </ul>
                </li>
                <!-- /main -->

                <!-- HR -->
                <li class="nav-item-header"><div class="text-uppercase font-size-xs line-height-xs">HR</div> <i class="icon-menu" title="Layout options"></i></li>
                <li class="nav-item nav-item-submenu">
                    <a href="#" class="nav-link"><i class="icon-user"></i> <span>Manage Employees</span></a>

                    <ul class="nav nav-group-sub" data-submenu-title="Page layouts">
                        <li class="nav-item"><a href="#" class="nav-link">Departments</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Designations</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Employees</a></li>
                    </ul>
                </li>
                <li class="nav-item nav-item-submenu">
                    <a href="#" class="nav-link"><i class="icon-stack2"></i> <span>CRM</span></a>

                    <ul class="nav nav-group-sub" data-submenu-title="Page layouts">
                        <li class="nav-item"><a href="#" class="nav-link">Manage Customers</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Manage Suppliers</a></li>
                    </ul>
                </li>
                <!-- /HR -->

                <!-- REPORTS -->
                <li class="nav-item-header"><div class="text-uppercase font-size-xs line-height-xs">REPORTS</div> <i class="icon-menu" title="Layout options"></i></li>
                <li class="nav-item nav-item-submenu">
                    <a href="#" class="nav-link"><i class="icon-file-stats"></i> <span>Sales Reports</span></a>

                    <ul class="nav nav-group-sub" data-submenu-title="Page layouts">
                        <li class="nav-item"><a href="#" class="nav-link">Sales Summary</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Sales Statistics</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Product Wise Sales</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">All Sales</a></li>
                    </ul>
                </li>
                <li class="nav-item nav-item-submenu">
                    <a href="#" class="nav-link"><i class="icon-file-stats"></i> <span>Purchase Reports</span></a>

                    <ul class="nav nav-group-sub" data-submenu-title="Page layouts">
                        <li class="nav-item"><a href="#" class="nav-link">Purchase Summary</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Purchase Statistics</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Product Wise Purchase</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">All Purchase</a></li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link"><i class="icon-file-stats"></i> <span>Stock Report</span></a>
                </li>
                <!-- /REPORTS -->

                <!-- MISCELLANEOUS -->
                <li class="nav-item-header"><div class="text-uppercase font-size-xs line-height-xs">MISCELLANEOUS</div> <i class="icon-menu" title="Layout options"></i></li>
                <li class="nav-item nav-item-submenu">
                    <a href="#" class="nav-link"><i class="icon-stack2"></i> <span>Notice</span></a>

                    <ul class="nav nav-group-sub" data-submenu-title="Page layouts">
                        <li class="nav-item"><a href="#" class="nav-link">Create Notice</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Manage Notice</a></li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link"><i class="icon-stack2"></i> <span>Todo</span></a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link"><i class="icon-cogs"></i> <span>Application Settings</span></a>
                </li>

                <li class="nav-item nav-item-submenu">
                    <a href="#" class="nav-link"><i class="icon-trash"></i> <span>Trash</span></a>

                    <ul class="nav nav-group-sub" data-submenu-title="Page layouts">
                        <li class="nav-item"><a href="#" class="nav-link">Categories</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Taxes</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Expense Category</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Departments</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Designations</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Branch</a></li>
                    </ul>
                </li>
                <!-- /MISCELLANEOUS -->

            </ul>
        </div>
        <!-- /main navigation -->

    </div>
    <!-- /sidebar content -->


    <!-- Service status -->
    <div class="sidebar-section sidebar-section-body sidebar-resize-hide bg-dark-100">				
        <div class="d-flex mb-2">
            <div class="font-weight-semibold">My storage</div>
            <span class="ml-auto">80% used</span>
        </div>

        <div class="progress bg-light-100 mb-1" style="height: 0.25rem;">
            <div class="progress-bar bg-warning" style="width: 80%">
                <span class="sr-only">80% Complete</span>
            </div>
        </div>
    </div>
    <!-- /service status -->

</div>