<!-- User -->
<li class="nav-item navbar-dropdown dropdown-user dropdown">
    <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
        @if(Auth::user()->status == 1)
            <div class="avatar">
                @else
                    <div class="avatar avatar-online">
                        @endif
                        <img src="{{ asset('/assets/img/avatars/') }}/{{Auth::user()->avatar}}" alt
                             class="w-px-40 h-auto rounded-circle" data-bs-toggle="dropdown"/>
                    </div>
            </div>
    </a>
    <ul class="dropdown-menu dropdown-menu-end">
        <li>
            <a class="dropdown-item" href="#">
                <div class="d-flex">
                    <div class="flex-shrink-0 me-3">
                        @if(Auth::user()->status == 1 )
                            <div class="avatar">
                                @else
                                    <div class="avatar avatar-online">
                                        @endif
                            <img src="{{ asset('/assets/img/avatars/') }}/{{Auth::user()->avatar}}" alt
                                 class="w-px-40 h-auto rounded-circle"/>
                        </div>
                    </div>
                    <div class="flex-grow-1">
                        <span class="fw-semibold d-block">{{ Auth::user()->name}}</span>
                        <small class="text-muted">{{ Auth::user()->email}}</small>
                    </div>
                </div>
            </a>
        </li>
        <li>
            <div class="dropdown-divider"></div>
        </li>
        <li>
            <a class="dropdown-item" href="#">
                <i class="bx bx-user me-2"></i>
                <span class="align-middle">@lang('messages.MyProfile')</span>
            </a>
        </li>
        <li>
            <a class="dropdown-item" href="#">
                <i class="bx bx-cog me-2"></i>
                <span class="align-middle">@lang('messages.Settings')</span>
            </a>
        </li>
        <li>
            <a class="dropdown-item" href="#">
                        <span class="d-flex align-items-center align-middle">
                          <i class="flex-shrink-0 bx bx-credit-card me-2"></i>
                          <span class="flex-grow-1 align-middle">@lang('messages.Billing')</span>
                          <span class="flex-shrink-0 badge badge-center rounded-pill bg-danger w-px-20 h-px-20">4</span>
                        </span>
            </a>
        </li>
        <li>
            <div class="dropdown-divider"></div>
        </li>
        <li>
            <a class="dropdown-item" href="{{ route('logout') }}"
               onclick="event.preventDefault();document.getElementById('logout-form').submit();">
                <i class="bx bx-power-off me-2"></i>
                <span class="align-middle"> @lang('messages.Logout')</span>
            </a>
            <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                @csrf
            </form>
        </li>
    </ul>
</li>
<!--/ User -->

