<aside class="sidebar">
  <div class="sidebar-start">
    <div class="sidebar-head">
      <a href="/" class="logo-wrapper" title="Home">
        <span class="sr-only">Home</span>
        <span class="icon logo" aria-hidden="true"></span>
        <div class="logo-text">
          <span class="logo-title">Klinik</span>
          <span class="logo-subtitle">dr. Untung</span>
        </div>

      </a>
      <button class="sidebar-toggle transparent-btn" title="Menu" type="button">
        <span class="sr-only">Toggle menu</span>
        <span class="icon menu-toggle" aria-hidden="true"></span>
      </button>
    </div>
    <div class="sidebar-body">
      <ul class="sidebar-body-menu">
        <li>
          <a id="pendaftaran" href="{{url('/')}}"><span class="icon edit" aria-hidden="true"></span>Daftar Antri Pasien</a>
        </li>
        <li>
          <a id="antrian" href="{{url('/antrian')}}"><span class="icon document" aria-hidden="true"></span>Daftar Antrian</a>
        </li>
        <li>
          <a id="dataPasien" href="{{url('/data_pasien')}}"><span class="icon folder" aria-hidden="true"></span>Data Pasien</a>
        </li>
        @if (session('role') == "Developer" || session('role') == "Dokter")
        <li>
          <a id="laporan" href="{{url('/laporan')}}"><span class="icon paper" aria-hidden="true"></span>Laporan</a>
        </li>
        <span class="system-menu__title">system</span>
        <li>
          <a id="user" href="{{url('/user')}}"><span class="icon user-3" aria-hidden="true"></span>User</a>
        </li>
        <li>
          <a id="backUp" href="{{url('backup')}}"><span class="icon home" aria-hidden="true"></span>Back Up</a>
        </li>
        @endif

      </ul>
      <ul class="sidebar-body-menu">
        <li>
          <ul class="cat-sub-menu">
          </ul>
        </li>
      </ul>
    </div>
  </div>
  <div class="sidebar-footer">
    <a href="{{url('user/'. session('email'))}}" class="sidebar-user">
      <span class="sidebar-user-img">
        <picture>
          @if (session('role') == "Dokter")
          <source srcset="{{url('design/img/avatar/doctor.svg')}}" type="image/webp">
          <img src="{{url('design/img/avatar/doctor.svg')}}" style="width: 50px;" alt="User name">
          @elseif (session('role') == "Admin")
          <source srcset="{{url('design/img/avatar/businessman.svg')}}" type="image/webp">
          <img src="{{url('design/img/avatar/businessman.svg')}}" style="width: 50px;" alt="User name">
          @else
          <source srcset="{{url('design/img/avatar/coding.svg')}}" type="image/webp">
          <img src="{{url('design/img/avatar/coding.svg')}}" style="width: 50px;" alt="User name">
          @endif
        </picture>
      </span>
      <div class="sidebar-user-info">
        <span class="sidebar-user__title" style="width: 100px; height: 18px">{{ session('nama') }}</span>
        <span class="sidebar-user__subtitle">{{ session('role') }}</span>
      </div>
    </a>
  </div>
</aside>