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

53 lines
2.2 KiB
PHP

@include('portal::layouts.partials.portal_config')
@php
$bottomItems = collect($portal_nav_items ?? [])->take(4);
$drawerItems = $portal_nav_items ?? [];
@endphp
<header class="portal-mobile-header portal-mobile-only">
<button type="button" class="portal-mobile-header__btn" data-portal-drawer-open aria-label="@lang('portal::lang.menu')">
<i class="fas fa-bars"></i>
</button>
<div class="portal-mobile-header__title">{{ $portal_label ?? Session::get('business.name') }}</div>
<a href="{{ $portal_profile }}" class="portal-mobile-header__btn" aria-label="@lang('portal::lang.nav_profile')">
<i class="fas fa-user"></i>
</a>
</header>
<nav class="portal-bottom-nav portal-mobile-only" aria-label="Portal navigation">
@foreach($bottomItems as $item)
<a href="{{ $item['url'] }}" class="portal-bottom-nav__item @if($item['active']) active @endif">
<i class="fas {{ $item['icon'] }}"></i>
<span>{{ $item['short_label'] ?? $item['label'] }}</span>
</a>
@endforeach
<button type="button" class="portal-bottom-nav__item" data-portal-drawer-open style="border:0;background:transparent;">
<i class="fas fa-ellipsis-h"></i>
<span>@lang('portal::lang.more')</span>
</button>
</nav>
<div class="portal-drawer-backdrop portal-mobile-only" data-portal-drawer-close></div>
<aside class="portal-drawer portal-mobile-only" aria-hidden="true">
<div class="portal-drawer__head">
<h4>{{ $portal_label }}</h4>
<small>{{ Auth::user()->first_name }} {{ Auth::user()->last_name }}</small>
</div>
<ul class="portal-drawer__menu">
@foreach($drawerItems as $item)
<li>
<a href="{{ $item['url'] }}" class="@if($item['active']) active @endif">
<i class="fas {{ $item['icon'] }}"></i>
<span>{{ $item['label'] }}</span>
</a>
</li>
@endforeach
<li>
<a href="{{ action([\App\Http\Controllers\Auth\LoginController::class, 'logout']) }}">
<i class="fas fa-sign-out-alt"></i>
<span>@lang('portal::lang.sign_out')</span>
</a>
</li>
</ul>
</aside>