Anons79 Mini Shell

<header id="page-topbar">
  {{-- <div class="navbar-header" style="background: linear-gradient(to right,
        #05092d,  /* Dark blue */
        #0d1044,  /* Medium dark blue */
        #101e66,  /* Medium blue */
        #0c287c,  /* Medium light blue */
        #0e3090,  /* Light blue */
        #1131b1,  /* Lighter blue */
        #112ac6,  /* Sky blue */
        #1c1ed7   /* Sky blue darker shade */
    );"> --}}
    <div class="navbar-header" style="background: linear-gradient(to right,
            #292d05,  /* Dark blue */
            #43440d,  /* Medium dark blue */
            #5d6610,  /* Medium blue */
            #717c0c,  /* Medium light blue */
            #83900e,  /* Light blue */
            #a6b111,  /* Lighter blue */
            #c3c611,  /* Sky blue */
            #d7d41c   /* Sky blue darker shade */
        );">
      <div class="d-flex">

          <!-- LOGO -->
          <div class="navbar-brand-box">
              <a href="{{ route('dashboard') }}" class="logo logo-dark">
                  <span class="logo-sm">
                      <img src="{{ asset('assets/images/logo.png') }}" alt="" height="22">
                  </span>
                  <span class="logo-lg">
                      <img src="{{ asset('assets/images/logo.png') }}" alt="" height="44"> RESWARA
                  </span>
              </a>

              <a href="{{ route('dashboard') }}" class="logo logo-light">
                <span class="logo-sm">
                    <img src="{{ asset('assets/images/logo.png') }}" alt="" height="22">
                </span>
                <span class="logo-lg">
                    <img src="{{ asset('assets/images/logo.png') }}" alt="" height="44"> RESWARA
              </a>
          </div>

          <!-- Menu Icon -->
          <button type="button" class="btn px-3 font-size-24 header-item waves-effect"
          id="vertical-menu-btn">
          <i class="mdi mdi-menu"></i>
      </button>

      </div>
      @if(isset($_GET['status']) && $_GET['status'] == "mobile")
      <div class="d-flex"></div>
      @else
      <div class="d-flex" id="header_mobile">
        
        <div class="dropdown d-inline-block">
            <button type="button" class="btn header-item waves-effect" id="page-header-user-dropdown"
                    data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <i class="mdi mdi-bell"></i>
            </button>
            <div class="dropdown-menu dropdown-menu-end" style="width: 500px;">
                <ul class="list-group">
                    <li class="list-group-item">
                        <a href="{{url('notifikasi')}}" class="btn btn-outline-info">Show All</a>
                    </li>
                    @foreach ($notifikasi as $a)
                        <li class="list-group-item"><?= $a->keterangan ?></li>
                    @endforeach
                </ul>
          </div>
        </div>
          <!-- User -->
        <div class="dropdown d-inline-block">

            <button type="button" class="btn header-item waves-effect" id="page-header-user-dropdown"
                  data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  <img class="rounded-circle header-profile-user"
                      src="{{ isset(Auth::user()->siswa) ?   ( Auth::user()->siswa->foto_siswa ? url(Auth::user()->siswa->foto_siswa) : asset('assets/images/users/avatar-4.jpg')) : asset('assets/images/users/avatar-4.jpg')}}" alt="Header Avatar">
            </button>

            <div class="dropdown-menu dropdown-menu-end">
                  <!-- item-->
                  @if(!Auth::user()->hasRole('Admin'))
                  <a class="dropdown-item" href="{{ url('profils') }}"><i
                          class="mdi mdi-account-circle font-size-16 align-middle me-2 text-muted"></i>
                      <span>{{Auth::user()->nama}}</span></a>
                  <div class="dropdown-divider"></div>
                  @endif
                  @if (Auth::user()->hasRole('Siswa'))

                    <a class="dropdown-item" href="#">
                        <span>Status : <span>{{Auth::user()->siswa->status}}</span></span><br>
                        <span>Point : <span>{{Auth::user()->siswa->point}}</span></span><br>
                        <span>Capaian : <span>{{$total_target_capaian}} / {{$rank_siswa->maximal_target}} </span></span><br>

                    </a>
                  @endif
                  <a class="dropdown-item text-primary" onclick="event.preventDefault();document.getElementById('logout-form').submit()" href="#"><i
                          class="mdi mdi-power font-size-16 align-middle me-2 text-primary"></i>
                      <span>Logout</span></a>

                <form id="logout-form" action="{{ route('logout') }}" method="POST" class="hidden">@csrf</form>
            </div>
        </div>
      </div>

      @endif

      </div>
  </div>
</header>