@auth
<div class="dropdown-menu">
    <div class="dropdown-header d-flex flex-column align-items-center">
        <div class="figure mb-3">
            <img src="/assets/img/avatar.svg" alt="">
        </div>
        <div class="info text-center">
            <p class="name font-weight-bold mb-0">{{ Auth::user()->name }}</p>
            <p class="email text-muted mb-3">{{ Auth::user()->email }}</p>
        </div>
    </div>
    <div class="dropdown-body">
        <ul class="profile-nav">
            <li class="nav-item">
                <a href="/profile" class="nav-link">
                    <i class="icon ion-md-person"></i>
                    <span>Profile</span>
                </a>
            </li>
            <li class="nav-item">
                <a href="/wallet" class="nav-link">
                    <i class="icon ion-md-wallet"></i>
                    <span>My Wallet</span>
                </a>
            </li>
            <li class="nav-item">
                <form method="POST" action="{{ route('logout') }}" id="logout-form">
                    @csrf
                    <button type="submit" class="nav-link red" style="border: none; background: none; width: 100%; text-align: left;">
                        <i class="icon ion-md-power"></i>
                        <span>Log Out</span>
                    </button>
                </form>
            </li>
        </ul>
    </div>
</div>
@endauth 