140 lines
6.7 KiB
PHP
140 lines
6.7 KiB
PHP
<div class="navbar-nav">
|
|
<div class="dropdown position-static pb-lg-2">
|
|
<button type="button" class="nav-link animate-underline fw-semibold text-uppercase ps-0" data-bs-toggle="dropdown"
|
|
data-bs-trigger="hover" data-bs-auto-close="outside" aria-expanded="false">
|
|
<i class="ci-menu fs-lg me-2"></i>
|
|
<span class="animate-target">{{ __('header.categories') }}</span>
|
|
</button>
|
|
<div class="dropdown-menu w-100 p-4 px-xl-5" style="--cz-dropdown-spacer: .75rem">
|
|
|
|
<!-- Nav tabs -->
|
|
<ul class="nav nav-underline justify-content-lg-center mt-n2 mt-lg-0 mb-4" role="tablist">
|
|
|
|
<li class="nav-item" role="presentation">
|
|
<button type="button" class="nav-link text-uppercase active" id="category-tab"
|
|
data-bs-toggle="tab" data-bs-target="#category-tab-pane" role="tab"
|
|
aria-controls="category-tab-pane" aria-selected="true">
|
|
Category
|
|
</button>
|
|
</li>
|
|
|
|
|
|
<li class="nav-item" role="presentation">
|
|
<button type="button" class="nav-link text-uppercase" id="brand-tab"
|
|
data-bs-toggle="tab" data-bs-target="#brand-tab-pane" role="tab"
|
|
aria-controls="brand-tab-pane" aria-selected="true">
|
|
Brand
|
|
</button>
|
|
</li>
|
|
|
|
|
|
<li class="nav-item" role="presentation">
|
|
<button type="button" class="nav-link text-uppercase" id="gender-tab"
|
|
data-bs-toggle="tab" data-bs-target="#gender-tab-pane" role="tab"
|
|
aria-controls="gender-tab-pane" aria-selected="true">
|
|
Gender
|
|
</button>
|
|
</li>
|
|
|
|
{{-- <li class="nav-item" role="presentation">
|
|
<button type="button" class="nav-link text-uppercase active" id="womens-tab" data-bs-toggle="tab"
|
|
data-bs-target="#womens-tab-pane" role="tab" aria-controls="womens-tab-pane"
|
|
aria-selected="true">
|
|
Women's
|
|
</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button type="button" class="nav-link text-uppercase" id="mens-tab" data-bs-toggle="tab"
|
|
data-bs-target="#mens-tab-pane" role="tab" aria-controls="mens-tab-pane"
|
|
aria-selected="false">
|
|
Men's
|
|
</button>
|
|
</li>
|
|
<li class="nav-item" role="presentation">
|
|
<button type="button" class="nav-link text-uppercase" id="kids-tab" data-bs-toggle="tab"
|
|
data-bs-target="#kids-tab-pane" role="tab" aria-controls="kids-tab-pane"
|
|
aria-selected="false">
|
|
Kids'
|
|
</button>
|
|
</li> --}}
|
|
</ul>
|
|
|
|
<!-- Tab panes -->
|
|
<div class="tab-content pb-xl-4">
|
|
|
|
|
|
<div class="tab-pane fade show active" id="category-tab-pane" role="tabpanel"
|
|
aria-labelledby="category-tab">
|
|
<div class="row g-4">
|
|
|
|
@foreach ($categories as $chunks)
|
|
|
|
<div class="col-lg-2">
|
|
|
|
<ul class="nav flex-column gap-2 mt-0">
|
|
@foreach ($chunks as $chunk)
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="{{ route('product.index', ['filter[category_id]' => $chunk->id]) }}">{{ $chunk->name }}</a>
|
|
</li>
|
|
@endforeach
|
|
|
|
</ul>
|
|
</div>
|
|
@endforeach
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="tab-pane fade show" id="brand-tab-pane" role="tabpanel"
|
|
aria-labelledby="brand-tab">
|
|
<div class="row g-4">
|
|
|
|
@foreach ($brands as $chunks)
|
|
|
|
<div class="col-lg-2">
|
|
|
|
<ul class="nav flex-column gap-2 mt-0">
|
|
@foreach ($chunks as $chunk)
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="{{ route('product.index', ['filter[category_id]' => $chunk->id]) }}">{{ $chunk->name }}</a>
|
|
</li>
|
|
@endforeach
|
|
|
|
</ul>
|
|
</div>
|
|
@endforeach
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-pane fade show" id="gender-tab-pane" role="tabpanel"
|
|
aria-labelledby="gender-tab">
|
|
<div class="row g-4">
|
|
|
|
@foreach ($genders as $chunks)
|
|
|
|
<div class="col-lg-2">
|
|
|
|
<ul class="nav flex-column gap-2 mt-0">
|
|
@foreach ($chunks as $chunk)
|
|
<li class="d-flex w-100 pt-1">
|
|
<a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0"
|
|
href="{{ route('product.index', ['filter[gender_id]' => $chunk->id]) }}">{{ $chunk->name }}</a>
|
|
</li>
|
|
@endforeach
|
|
|
|
</ul>
|
|
</div>
|
|
@endforeach
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|