Files
Global-Jain/resources/views/vendor/larecipe/partials/nav.blade.php
2025-11-05 10:37:10 +05:30

71 lines
3.0 KiB
PHP

<div class="fixed pin-t pin-x z-40">
<div class="bg-gradient-primary text-white h-1"></div>
<nav class="flex items-center justify-between text-black bg-navbar shadow-xs h-16">
<div class="flex items-center flex-no-shrink">
<a href="{{ url('/') }}" class="flex items-center flex-no-shrink text-black mx-4">
@include("larecipe::partials.logo")
<p class="inline-block font-semibold mx-1 text-grey-dark">
{{ config('app.name') }}
</p>
</a>
<div class="switch">
<input type="checkbox" name="1" id="1" v-model="sidebar" class="switch-checkbox" />
<label class="switch-label" for="1"></label>
</div>
</div>
<div class="block mx-4 flex items-center">
@if(config('larecipe.search.enabled'))
<larecipe-button id="search-button"
:type="searchBox ? 'primary' : 'link'"
@click="searchBox = ! searchBox"
class="px-4">
<i class="fas fa-search" id="search-button-icon"></i>
</larecipe-button>
@endif
<larecipe-button tag="a" href="https://github.com/saleem-hadad/larecipe" target="__blank" type="black" class="mx-2 px-4">
<i class="fab fa-github"></i>
</larecipe-button>
{{-- versions dropdown --}}
<larecipe-dropdown>
<larecipe-button type="primary" class="flex">
{{ $currentVersion }} <i class="mx-1 fa fa-angle-down"></i>
</larecipe-button>
<template slot="list">
<ul class="list-reset">
@foreach ($versions as $version)
<li class="py-2 hover:bg-grey-lightest">
<a class="px-6 text-grey-darkest" href="{{ route('larecipe.show', ['version' => $version, 'page' => $currentSection]) }}">{{ $version }}</a>
</li>
@endforeach
</ul>
</template>
</larecipe-dropdown>
{{-- /versions dropdown --}}
@auth
{{-- account --}}
<larecipe-dropdown>
<larecipe-button type="white" class="ml-2">
{{ auth()->user()->name ?? 'Account' }} <i class="fa fa-angle-down"></i>
</larecipe-button>
<template slot="list">
<form action="/logout" method="POST">
{{ csrf_field() }}
<button type="submit" class="py-2 px-4 text-white bg-danger inline-flex"><i class="fa fa-power-off mr-2"></i> Logout</button>
</form>
</template>
</larecipe-dropdown>
{{-- /account --}}
@endauth
</div>
</nav>
</div>