56 lines
2.7 KiB
PHP
56 lines
2.7 KiB
PHP
<div class="container-fluid border-bottom">
|
|
<header class="d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-3">
|
|
<div class="col-md-3 mb-2 mb-md-0">
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar"
|
|
aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
|
|
<i class="h4 bi bi-list"></i>
|
|
</button>
|
|
<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasNavbar"
|
|
aria-labelledby="offcanvasNavbarLabel">
|
|
<div class="offcanvas-header">
|
|
<h4 class="offcanvas-title fw-bold mb-0" id="offcanvasNavbarLabel">{{ config('app.name') }}</h4>
|
|
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
|
</div>
|
|
<div class="offcanvas-body">
|
|
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" aria-current="page" href="#">Home</a>
|
|
</li>
|
|
@foreach ($categories as $category)
|
|
<li class="nav-item">
|
|
<a class="nav-link active" aria-current="page" href="#">{{ $category->name }}</a>
|
|
</li>
|
|
@endforeach
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<a href="/" class="d-inline-flex link-body-emphasis text-decoration-none">
|
|
<h1 class="h4 mb-0 fw-bold">{{ config('app.name') }}</h1>
|
|
</a>
|
|
</div>
|
|
|
|
<ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
|
|
@foreach ($categories as $category)
|
|
@if ($category->is_top)
|
|
<li><a href="#" class="nav-link px-2 link-secondary">{{ $category->short_name }}</a></li>
|
|
@endif
|
|
@endforeach
|
|
</ul>
|
|
|
|
<div class="col-md-3 text-end">
|
|
<div class="dropdown">
|
|
<button class="btn btn-outline-secondary dropdown-toggle" type="button" id="dropdownMenuSwitch"
|
|
data-bs-toggle="dropdown" aria-expanded="false">
|
|
{{ $country->name }}
|
|
</button>
|
|
<ul class="dropdown-menu" aria-labelledby="dropdownMenuSwitch">
|
|
<li><a class="dropdown-item" href="#">Country 1</a></li>
|
|
<li><a class="dropdown-item" href="#">Country 2</a></li>
|
|
<li><a class="dropdown-item" href="#">Country 3</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
</div>
|