    <!-- Main Sidebar Container -->
    <aside class="main-sidebar sidebar-light-primary elevation-4">
        <!-- Brand Logo -->
        <a href="#" class="brand-link border-0">
            <img src="{{ asset('dist/img/logoapp.png') }}" alt="LingVPN Logo" class="brand-image img-circle elevation-3"
                style="opacity: .8">
            <span class="brand-text font-weight-light">LingVPN</span>
        </a>
        <!-- Sidebar -->
        <div class="sidebar">
            <!-- Sidebar Menu -->
            <nav class="mt-2">
                <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
                    data-accordion="false">
                    @auth
                        @if (auth()->user()->role == 'admin')
                            <li class="nav-item rounded ">
                                <a href="{{ route('admin.index') }}" class="nav-link">
                                    <i class="nav-icon fas fa-arrow-left"></i>
                                    <p>Change to Panel Admin</p>
                                </a>
                            </li>
                        @endif
                    @endauth
                    <li class="nav-item">
                        <a id="createAccount" href="javascript:void(0)" class="nav-link">
                            <i class="nav-icon fas fa-edit"></i>
                            <p class="text">Create</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ route('member.product') }}"
                            class="nav-link{{ request()->routeIs(['member.index', 'member.product']) ? ' active' : '' }}">
                            <i class="nav-icon fas fa-shopping-cart"></i>
                            <p class="text">Product</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ route('member.balance') }}"
                            class="nav-link{{ request()->routeIs('member.balance') ? ' active' : '' }}">
                            <i class="nav-icon fas fa-file-invoice-dollar"></i>
                            <p class="text">Balance</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ route('member.invoice') }}"
                            class="nav-link{{ request()->routeIs('member.invoice') ? ' active' : '' }}">
                            <i class="nav-icon fas fa-file-invoice"></i>
                            <p class="text">Invoice</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ route('member.account') }}"
                            class="nav-link{{ request()->routeIs('member.account') ? ' active' : '' }}">
                            <i class="nav-icon fas fa-user-circle"></i>
                            <p class="text">Account</p>
                        </a>
                    </li>
                    {{-- <li class="nav-item">
                        <a href="{{ route('member.account_log') }}"
                            class="nav-link{{ request()->routeIs('member.account_log') ? ' active' : '' }}">
                            <i class="nav-icon fas fa-file-alt"></i>
                            <p class="text">Log Account</p>
                        </a>
                    </li> --}}
                    <li class="nav-item">
                        <a href="{{ route('member.server_status') }}"
                            class="nav-link{{ request()->routeIs('member.server_status') ? ' active' : '' }}">
                            <i class="nav-icon fas fa-server"></i>
                            <p>Server Status</p>
                        </a>
                    </li>
                    {{-- <li class="nav-item">
                        <a href="{{ route('member.myip') }}"
                            class="nav-link{{ request()->routeIs('member.myip') ? ' active' : '' }}">
                            <i class="nav-icon fas fa-globe"></i>
                            <p>My IP</p>
                        </a>
                    </li> --}}
                    <li class="nav-item">
                        <a href="{{ route('member.information') }}"
                            class="nav-link{{ request()->routeIs('member.information') ? ' active' : '' }}">
                            <i class="nav-icon fas fa-bullhorn"></i>
                            <p>Information</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link">
                            <i class="nav-icon fas fa-code-branch"></i>
                            <p>Version 0.1.0</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="{{ route('logout') }}" class="nav-link">
                            <i class="nav-icon fas fa-sign-out-alt"></i>
                            <p>Logout</p>
                        </a>
                    </li>
                </ul>
            </nav>
            <!-- /.sidebar-menu -->
        </div>
        <!-- /.sidebar -->
    </aside>
