@php
  $auth = Auth::user();
  $name = isset($auth->fullname) ? $auth->fullname : $auth->username;
  $avatar = isset($auth->avatar) ? Storage::url($auth->avatar) : '/img/userdefault.jpg';
@endphp
<header class="header tutor-header px-sm-5 px-2">
  <div class="d-flex justify-content-end">
    <div class="menu-button-wrap w-100 d-md-none align-items-center">
      <button class="btn-toggle-sidebar border-0 bg-transparent p-2">
        <i class="fa-solid fa-bars"></i>
      </button>
    </div>
    <div class="tutor-profile d-flex position-relative">
      <div class="tutor-profile-nofitication d-flex align-items-center">
        <button class="btn-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
            <path
              d="M20 25C20 25 20 29 16 29C12 29 12 25 12 25M16 3V6M8 17C8 12 9 6 16 6C23 6 24 12 24 17C24 22 27 25 27 25H5C5 25 8 22 8 17Z"
              stroke="#808080" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
          </svg>
        </button>
        <div
          class="position-absolute d-flex justify-content-center align-items-center rounded-circle tutor-profile-nofitication-number">
          <span class="fw-semibold">2</span>
        </div>
      </div>
      <div class="tutor-profile-avatar ms-5">
        <img class="tutor-avatar rounded-circle" src="{{ $avatar }}" alt="Tutor Avatar">
      </div>
      <div class="tutor-profile-name d-flex align-items-center mx-2">
        <p class="mb-0">{{ $name }}</p>
      </div>
      <div class="btn-show-more-info d-flex align-items-center">
        <button class="btn-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
            <path d="M6 9L12 15L18 9" stroke="#9E0A1A" stroke-width="2" stroke-linecap="round"
              stroke-linejoin="round" />
          </svg>
        </button>
      </div>
    </div>
  </div>
</header>