{{-- Sidebar khu vực tài khoản --}}
<aside class="dash-side card-panel" style="padding:20px 16px;">
    <div class="who">
        <span class="avatar"><img src="{{ asset('img/avatar.png') }}" alt="avatar"></span>
        <span>
            <span class="name">Người dùng</span><br>
            <a class="edit" href="{{ route('user.info') }}">&#9998; Sửa Hồ Sơ</a>
        </span>
    </div>
    <nav class="dash-nav">
        <a href="{{ route('user.info') }}" class="{{ request()->routeIs('user.info') ? 'active' : '' }}">&#128100; Tài Khoản Của Tôi</a>
        <a href="{{ route('user.info') }}" class="sub {{ request()->routeIs('user.info') ? 'active' : '' }}">Hồ Sơ</a>
        <a href="{{ route('user.bank') }}" class="sub {{ request()->routeIs('user.bank') ? 'active' : '' }}">Ngân Hàng &amp; Thẻ</a>
        <a href="{{ route('user.security') }}" class="sub {{ request()->routeIs('user.security') ? 'active' : '' }}">Bảo mật</a>
        <a href="{{ route('user.purchase') }}" class="{{ request()->routeIs('user.purchase') ? 'active' : '' }}">&#128203; Lịch sử giao dịch</a>
        <a href="{{ route('user.notifications') }}" class="{{ request()->routeIs('user.notifications') ? 'active' : '' }}">&#128276; Thông Báo</a>
        <a href="{{ route('user.vouchers') }}" class="{{ request()->routeIs('user.vouchers') ? 'active' : '' }}">&#127915; Kho Voucher</a>
        <a href="{{ route('user.bank') }}">&#128179; Ví của tôi</a>
        <a href="{{ route('user.api-config') }}" class="{{ request()->routeIs('user.api-config') ? 'active' : '' }}">&#8646; Cấu hình API</a>
    </nav>
</aside>