MIF_E31222707/resources/views/layouts/header.blade.php

57 lines
2.7 KiB
PHP

<button class="c-header-toggler c-class-toggler d-lg-none mfe-auto" type="button" data-target="#sidebar" data-class="c-sidebar-show">
<i class="bi bi-list" style="font-size: 2rem;"></i>
</button>
<button class="c-header-toggler c-class-toggler mfs-3 d-md-down-none" type="button" data-target="#sidebar" data-class="c-sidebar-lg-show" responsive="true">
<i class="bi bi-list" style="font-size: 2rem;"></i>
</button>
<ul class="c-header-nav ml-auto">
</ul>
<ul class="c-header-nav ml-auto mr-4">
<li class="c-header-nav-item mr-3">
<a class="btn btn-primary btn-pill" href="#">
<i class="bi bi-cart mr-1"></i> POS System
</a>
</li>
<li class="c-header-nav-item dropdown d-md-down-none mr-2">
<a class="c-header-nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
<i class="bi bi-bell" style="font-size: 20px;"></i>
<span class="badge badge-pill badge-danger">0</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-lg pt-0">
<div class="dropdown-header bg-light"><strong>You have 0 notification.</strong></div>
<a class="dropdown-item" href="#">
<i class="bi bi-app-indicator mr-2 text-danger"></i> No notification available.
</a>
</div>
</li>
<li class="c-header-nav-item dropdown">
<a class="c-header-nav-link" data-toggle="dropdown" href="#" role="button"
aria-haspopup="true" aria-expanded="false">
<div class="c-avatar mr-2">
<img class="c-avatar rounded-circle" src="{{ auth()->user()->getFirstMediaUrl('avatars') }}" alt="Profile Image">
</div>
<div class="d-flex flex-column">
<span class="font-weight-bold">{{ auth()->user()->name }}</span>
<span class="font-italic">Online <i class="bi bi-circle-fill text-success" style="font-size: 11px;"></i></span>
</div>
</a>
<div class="dropdown-menu dropdown-menu-right pt-0">
<div class="dropdown-header bg-light py-2"><strong>Account</strong></div>
<a class="dropdown-item" href="{{ route('profile.edit') }}">
<i class="mfe-2 bi bi-person" style="font-size: 1.2rem;"></i> Profile
</a>
<a class="dropdown-item" href="#" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
<i class="mfe-2 bi bi-box-arrow-left" style="font-size: 1.2rem;"></i> Logout
</a>
<form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
@csrf
</form>
</div>
</li>
</ul>