61 lines
4.8 KiB
PHP
61 lines
4.8 KiB
PHP
@php
|
|
$headerContent = $headerContent ?? [];
|
|
$menuLocation = $headerContent['menu_location'] ?? 'primary';
|
|
$navigationLinks = app(\Modules\Stylist\Support\FrontendNavigation::class)->location($menuLocation, $primaryNavigation ?? []);
|
|
$brandUrl = $siteSettings['site_url'] ?: url('/');
|
|
$mobileMenuId = 'saasland-mobile-navigation';
|
|
@endphp
|
|
|
|
<header class="nav cms-editable-header" data-saasland-header>
|
|
<a href="{{ $brandUrl }}" class="logo cms-brand" aria-label="{{ $siteTitle }} home">
|
|
@if ($logoUrl)<img src="{{ $logoUrl }}" alt="{{ $siteTitle }}">@else{{ $siteTitle }}@endif
|
|
</a>
|
|
|
|
@if (filter_var($headerContent['show_navigation'] ?? true, FILTER_VALIDATE_BOOL))
|
|
<nav class="desktop-nav" aria-label="Primary navigation">
|
|
@foreach ($navigationLinks as $link)
|
|
@continue(in_array(strtolower(trim($link['label'])), ['products','sonardesk'], true))
|
|
<a href="{{ $link['url'] }}" @if($link['target'] ?? null) target="{{ $link['target'] }}" rel="noopener" @endif>{{ $link['label'] }}</a>
|
|
@endforeach
|
|
<div class="abs-products-menu"><a href="{{ url('/sonardesk') }}" aria-haspopup="true">Products <span aria-hidden="true">⌄</span></a><div class="abs-products-dropdown"><a href="{{ url('/sonardesk') }}">SonarDesk overview</a><a href="{{ url('/sonardesk/features') }}">Features</a><a href="{{ url('/sonardesk/pricing') }}">Pricing</a><a href="{{ route('sonardesk.downloads') }}">Downloads & release notes</a></div></div>
|
|
</nav>
|
|
@endif
|
|
<style>
|
|
.saasland-theme .abs-products-menu{position:relative;display:flex;align-items:center;height:100%}
|
|
.saasland-theme .abs-products-menu>a{white-space:nowrap}
|
|
.saasland-theme .abs-products-dropdown{display:none;position:absolute;top:100%;right:0;min-width:235px;padding:10px;background:#241c16;border:1px solid #ffffff33;border-radius:12px;box-shadow:0 16px 36px #0005;z-index:100}
|
|
.saasland-theme .abs-products-menu:hover .abs-products-dropdown,.saasland-theme .abs-products-menu:focus-within .abs-products-dropdown{display:grid}
|
|
.saasland-theme .abs-products-dropdown a{padding:10px 12px;color:#f0f4fa;border-radius:6px;font-size:14px}
|
|
.saasland-theme .abs-products-dropdown a:hover{background:#ffffff16;color:#f97316}
|
|
</style>
|
|
|
|
<div class="nav-actions">
|
|
@auth
|
|
@if (filter_var($headerContent['show_dashboard'] ?? true, FILTER_VALIDATE_BOOL) && Route::has('dashboard'))
|
|
<a class="nav-account" href="{{ route('dashboard') }}">{{ $siteSettings['dashboard_label'] }}</a>
|
|
@endif
|
|
@if (filter_var($headerContent['show_user_name'] ?? true, FILTER_VALIDATE_BOOL))
|
|
<div class="account-menu" x-data="{ accountOpen: false }"><button type="button" class="account-trigger" @click="accountOpen=!accountOpen"><span>{{ str(auth()->user()->name)->substr(0,1)->upper() }}</span><span class="account-name">{{ auth()->user()->name }}</span></button><div class="account-dropdown" x-show="accountOpen" @click.outside="accountOpen=false" x-cloak>@if(Route::has('profile.edit'))<a href="{{ route('profile.edit') }}">Profile</a>@endif @if(Route::has('logout'))<form method="POST" action="{{ route('logout') }}">@csrf<button type="submit">Log out</button></form>@endif</div></div>
|
|
@endif
|
|
@else
|
|
@if (filter_var($headerContent['show_login'] ?? true, FILTER_VALIDATE_BOOL) && Route::has('login'))<a class="nav-login" href="{{ route('login') }}">{{ $siteSettings['login_label'] }}</a>@endif
|
|
@if (filter_var($headerContent['show_registration'] ?? true, FILTER_VALIDATE_BOOL) && Route::has('register'))<a class="btn primary nav-register" href="{{ route('register') }}">{{ $siteSettings['registration_label'] }}</a>@endif
|
|
@endauth
|
|
@if (filter_var($headerContent['show_mobile_menu'] ?? true, FILTER_VALIDATE_BOOL))
|
|
<button class="menu" type="button" aria-label="Open navigation" aria-controls="{{ $mobileMenuId }}" aria-expanded="false" data-saasland-menu-toggle><span></span><span></span><span></span></button>
|
|
@endif
|
|
</div>
|
|
</header>
|
|
@if (filter_var($headerContent['show_mobile_menu'] ?? true, FILTER_VALIDATE_BOOL))
|
|
<div id="{{ $mobileMenuId }}" class="mobile-nav" data-saasland-mobile-nav hidden>
|
|
@foreach($navigationLinks as $link)
|
|
@continue(in_array(strtolower(trim($link['label'])), ['products','sonardesk'], true))
|
|
<a href="{{ $link['url'] }}" @if($link['target'] ?? null) target="{{ $link['target'] }}" rel="noopener" @endif>{{ $link['label'] }}</a>
|
|
@endforeach
|
|
<a href="{{ url('/sonardesk') }}">Products · SonarDesk</a>
|
|
<a href="{{ url('/sonardesk/features') }}">SonarDesk features</a>
|
|
<a href="{{ url('/sonardesk/pricing') }}">SonarDesk pricing</a>
|
|
<a href="{{ route('sonardesk.downloads') }}">Downloads & releases</a>
|
|
</div>
|
|
@endif
|