81 lines
4.5 KiB
PHP
81 lines
4.5 KiB
PHP
@extends('frontend.layouts.app')
|
|
|
|
@section('content')
|
|
<!-- Breadcrumb -->
|
|
<section class="pt-4 mb-4">
|
|
<div class="container text-center">
|
|
<div class="row">
|
|
<div class="col-lg-6 text-center text-lg-left">
|
|
<h1 class="fw-700 fs-20 fs-md-24 text-dark">{{ translate('All Categories') }}</h1>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<ul class="breadcrumb bg-transparent p-0 justify-content-center justify-content-lg-end">
|
|
<li class="breadcrumb-item has-transition opacity-60 hov-opacity-100">
|
|
<a class="text-reset" href="{{ route('home') }}">{{ translate('Home')}}</a>
|
|
</li>
|
|
<li class="text-dark fw-600 breadcrumb-item">
|
|
"{{ translate('All Categories') }}"
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- All Categories -->
|
|
<section class="mb-5 pb-3">
|
|
<div class="container">
|
|
@foreach ($categories as $key => $category)
|
|
<div class="mb-4 bg-white rounded-0 border">
|
|
<!-- Category Name -->
|
|
<div class="text-dark p-4 d-flex align-items-center">
|
|
<div class="size-60px overflow-hidden p-1 border mr-3">
|
|
<img src="{{ uploaded_asset($category->banner) }}" alt="" class="img-fit h-100">
|
|
</div>
|
|
<a href="{{ route('products.category', $category->slug) }}" class="text-reset fs-16 fs-md-20 fw-700 hov-text-primary">{{ $category->getTranslation('name') }}</a>
|
|
</div>
|
|
<div class="px-4 py-2">
|
|
<div class="row row-cols-xl-5 row-cols-md-3 row-cols-sm-2 row-cols-1 gutters-16">
|
|
@foreach (\App\Utility\CategoryUtility::get_immediate_children_ids($category->id) as $key => $first_level_id)
|
|
<div class="col text-left mb-3">
|
|
<!-- Sub Category Name -->
|
|
<h6 class="text-dark mb-3"><a class="text-reset fw-700 fs-14 hov-text-primary" href="{{ route('products.category', \App\Models\Category::find($first_level_id)->slug) }}">{{ \App\Models\Category::find($first_level_id)->getTranslation('name') }}</a></h6>
|
|
<!-- Sub-sub Categories -->
|
|
@php
|
|
$first_level_categories = \App\Utility\CategoryUtility::get_immediate_children_ids($first_level_id);
|
|
@endphp
|
|
<ul class="mb-2 list-unstyled has-transition mh-100 @if (count($first_level_categories) > 5) less @endif">
|
|
@foreach ($first_level_categories as $key => $second_level_id)
|
|
<li class="text-dark mb-2">
|
|
<a class="text-reset fw-400 fs-14 hov-text-primary animate-underline-primary" href="{{ route('products.category', \App\Models\Category::find($second_level_id)->slug) }}" >{{ \App\Models\Category::find($second_level_id)->getTranslation('name') }}</a>
|
|
</li>
|
|
@endforeach
|
|
</ul>
|
|
@if (count($first_level_categories) > 5)
|
|
<a href="javascript:void(1)" class="show-hide-cetegoty text-primary hov-text-primary fs-12 fw-700">{{ translate('More') }} <i class="las la-angle-down"></i></a>
|
|
@endif
|
|
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</section>
|
|
@endsection
|
|
|
|
@section('script')
|
|
<script>
|
|
$('.show-hide-cetegoty').on('click', function() {
|
|
var el = $(this).siblings('ul');
|
|
if(el.hasClass('less')){
|
|
el.removeClass('less');
|
|
$(this).html('{{ translate("Less") }} <i class="las la-angle-up"></i>');
|
|
}else{
|
|
el.addClass('less');
|
|
$(this).html('{{ translate("More") }} <i class="las la-angle-down"></i>');
|
|
}
|
|
});
|
|
</script>
|
|
@endsection
|