ultimatepos/Modules/Portal/Resources/views/layouts/partials/header.blade.php

54 lines
2.6 KiB
PHP

@include('portal::layouts.partials.portal_config')
@php
$profilePhoto = auth()->user()->media ?? null;
$userName = Auth::user()->first_name . ' ' . Auth::user()->last_name;
@endphp
<header class="portal-topbar portal-desktop-only">
<div class="portal-topbar__start">
<button type="button" class="portal-topbar__menu-btn" data-portal-sidebar-toggle aria-label="@lang('portal::lang.menu')">
<i class="fas fa-bars"></i>
</button>
<div class="portal-topbar__breadcrumb">
<span class="portal-topbar__portal-label">{{ $portal_label }}</span>
</div>
</div>
<div class="portal-topbar__end">
<div class="portal-topbar__date">
<i class="far fa-calendar-alt"></i>
<span>@format_date('now')</span>
</div>
<div class="portal-topbar__user" data-portal-dropdown>
<button type="button" class="portal-topbar__user-btn" data-portal-dropdown-toggle>
@if(!empty($profilePhoto))
<img src="{{ $profilePhoto->display_url }}" alt="" class="portal-topbar__avatar">
@else
<span class="portal-topbar__avatar portal-topbar__avatar--fallback">{{ mb_substr(Auth::user()->first_name, 0, 1) }}</span>
@endif
<span class="portal-topbar__user-name">{{ $userName }}</span>
<i class="fas fa-chevron-down portal-topbar__chevron"></i>
</button>
<div class="portal-topbar__dropdown">
<div class="portal-topbar__dropdown-head">
@if(!empty($profilePhoto))
<img src="{{ $profilePhoto->display_url }}" alt="" class="portal-topbar__dropdown-avatar">
@endif
<div>
<strong>{{ $userName }}</strong>
<small>{{ Session::get('business.name') }}</small>
</div>
</div>
<div class="portal-topbar__dropdown-body">
<a href="{{ $portal_profile }}" class="portal-topbar__dropdown-item">
<i class="fas fa-user"></i> @lang('portal::lang.nav_profile')
</a>
<a href="{{ action([\App\Http\Controllers\Auth\LoginController::class, 'logout']) }}" class="portal-topbar__dropdown-item portal-topbar__dropdown-item--danger">
<i class="fas fa-sign-out-alt"></i> @lang('portal::lang.sign_out')
</a>
</div>
</div>
</div>
</div>
</header>