@extends('frontend.layouts.app')
@if (isset($category_id))
@php
$meta_title = get_single_category($category_id)->meta_title;
$meta_description = get_single_category($category_id)->meta_description;
@endphp
@elseif (isset($brand_id))
@php
$meta_title = get_single_brand($brand_id)->meta_title;
$meta_description = get_single_brand($brand_id)->meta_description;
@endphp
@else
@php
$meta_title = get_setting('meta_title');
$meta_description = get_setting('meta_description');
@endphp
@endif
@section('meta_title'){{ $meta_title }}@stop
@section('meta_description'){{ $meta_description }}@stop
@section('meta')
<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="{{ $meta_title }}">
<meta itemprop="description" content="{{ $meta_description }}">
<!-- Twitter Card data -->
<meta name="twitter:title" content="{{ $meta_title }}">
<meta name="twitter:description" content="{{ $meta_description }}">
<!-- Open Graph data -->
<meta property="og:title" content="{{ $meta_title }}" />
<meta property="og:description" content="{{ $meta_description }}" />
@endsection
@section('content')
<section class="mb-4 pt-3">
<div class="container sm-px-0">
<form class="" id="search-form" action="" method="GET">
<div class="row">
<!-- Sidebar Filters -->
<div class="col-xl-3 side-filter d-xl-block">
<div class="aiz-filter-sidebar collapse-sidebar-wrap sidebar-xl sidebar-right z-1035">
<div class="overlay overlay-fixed dark c-pointer" data-toggle="class-toggle" data-target=".aiz-filter-sidebar" data-same=".filter-sidebar-thumb"></div>
<div class="collapse-sidebar c-scrollbar-light text-left">
<div class="d-flex d-xl-none justify-content-between align-items-center pl-3 border-bottom">
<h3 class="h6 mb-0 fw-600">{{ translate('Filters') }}</h3>
<button type="button" class="btn btn-sm p-2 filter-sidebar-thumb" data-toggle="class-toggle" data-target=".aiz-filter-sidebar" type="button">
<i class="las la-times la-2x"></i>
</button>
</div>
<!-- Categories -->
<div class="bg-white border mb-3">
<div class="fs-16 fw-700 p-3">
{{ translate('Categories')}}
</div>
<div class="p-3">
<ul class="mb-0 list-unstyled">
@if (!isset($category_id))
@foreach (get_level_zero_categories() as $category)
<li class="mb-3">
<a class="text-reset fs-14 hov-text-primary" href="{{ route('customer_products.category', $category->slug) }}">{{ $category->getTranslation('name') }}</a>
</li>
@endforeach
@else
<li class="mb-3">
<a class="text-reset fs-14 fw-600 hov-text-primary" href="{{ route('customer.products') }}">
<i class="las la-angle-left"></i>
{{ translate('All Categories')}}
</a>
</li>
@if (get_single_category($category_id)->parent_id != 0)
<li class="mb-3">
<a class="text-reset fs-14 fw-600 hov-text-primary" href="{{ route('customer_products.category', get_single_category(get_single_category($category_id)->parent_id)->slug) }}">
<i class="las la-angle-left"></i>
{{ get_single_category(get_single_category($category_id)->parent_id)->getTranslation('name') }}
</a>
</li>
@endif
<li class="mb-3">
<a class="text-reset fs-14 fw-600 hov-text-primary" href="{{ route('customer_products.category', get_single_category($category_id)->slug) }}">
<i class="las la-angle-left"></i>
{{get_single_category($category_id)->getTranslation('name') }}
</a>
</li>
@foreach (\App\Utility\CategoryUtility::get_immediate_children_ids($category_id) as $key => $id)
<li class="ml-4 mb-3">
<a class="text-reset fs-14 hov-text-primary" href="{{ route('customer_products.category', get_single_category($id)->slug) }}">{{get_single_category($id)->getTranslation('name') }}</a>
</li>
@endforeach
@endif
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Contents -->
<div class="col-xl-9">
<!-- Breadcrumb -->
<ul class="breadcrumb bg-transparent p-0 mb-4">
<li class="breadcrumb-item has-transition opacity-50 hov-opacity-100">
<a class="text-reset" href="{{ route('home') }}">{{ translate('Home')}}</a>
</li>
@if(!isset($category_id))
<li class="breadcrumb-item fw-600 text-dark">
"{{ translate('All Categories')}}"
</li>
@else
<li class="breadcrumb-item has-transition opacity-50 hov-opacity-100">
<a class="text-reset" href="{{ route('customer.products') }}">{{ translate('All Categories')}}</a>
</li>
@endif
@if(isset($category_id))
<li class="text-dark fw-600 breadcrumb-item">
"{{ get_single_category($category_id)->getTranslation('name') }}"
</li>
@endif
</ul>
@isset($category_id)
<input type="hidden" name="category" value="{{ get_single_category($category_id)->slug }}">
@endisset
<!-- Top Filters -->
<div class="text-left">
<div class="d-flex">
<div class="form-group w-200px">
<select class="form-control form-control-sm aiz-selectpicker rounded-0" name="sort_by" onchange="filter()">
<option value="">{{ translate('Sort by')}}</option>
<option value="1" @isset($sort_by) @if ($sort_by == '1') selected @endif @endisset>{{ translate('Newest')}}</option>
<option value="2" @isset($sort_by) @if ($sort_by == '2') selected @endif @endisset>{{ translate('Oldest')}}</option>
<option value="3" @isset($sort_by) @if ($sort_by == '3') selected @endif @endisset>{{ translate('Price low to high')}}</option>
<option value="4" @isset($sort_by) @if ($sort_by == '4') selected @endif @endisset>{{ translate('Price high to low')}}</option>
</select>
</div>
<div class="form-group ml-auto mr-0 w-200px d-none d-md-block">
<select class="form-control form-control-sm aiz-selectpicker rounded-0" name="condition" onchange="filter()">
<option value="">{{ translate('Type')}}</option>
<option value="new" @isset($condition) @if ($condition == 'new') selected @endif @endisset>{{ translate('New')}}</option>
<option value="used" @isset($condition) @if ($condition == 'used') selected @endif @endisset>{{ translate('Used')}}</option>
</select>
</div>
<div class="form-group ml-2 mr-0 w-200px d-none d-md-block">
<select class="form-control form-control-sm aiz-selectpicker rounded-0" data-live-search="true" name="brand" onchange="filter()">
<option value="">{{ translate('Brands')}}</option>
@foreach (get_all_brands() as $brand)
<option value="{{ $brand->slug }}" @isset($brand_id) @if ($brand_id == $brand->id) selected @endif @endisset>{{ $brand->getTranslation('name') }}</option>
@endforeach
</select>
</div>
<div class="d-xl-none ml-auto ml-md-3 mr-0 form-group align-self-end">
<button type="button" class="btn btn-icon p-0" data-toggle="class-toggle" data-target=".aiz-filter-sidebar">
<i class="la la-filter la-2x"></i>
</button>
</div>
</div>
</div>
<!-- Products -->
<div class="px-3">
<div class="row gutters-16 row-cols-xxl-4 row-cols-xl-3 row-cols-lg-4 row-cols-md-3 row-cols-2 border-top border-left">
@foreach ($customer_products as $key => $product)
<div class="col overflow-hidden has-transition hov-shadow-out z-1 border-right border-bottom">
<div class="aiz-card-box my-3">
<div class="position-relative">
<!-- Image -->
<a href="{{ route('customer.product', $product->slug) }}" class="d-block">
<img class="img-fit lazyload mx-auto h-140px h-md-210px"
src="{{ static_asset('assets/img/placeholder.jpg') }}"
data-src="{{ uploaded_asset($product->thumbnail_img) }}"
alt="{{ $product->getTranslation('name') }}"
onerror="this.onerror=null;this.src='{{ static_asset('assets/img/placeholder.jpg') }}';">
</a>
<!-- badge -->
<div class="absolute-top-left">
@if($product->conditon == 'new')
<span class="badge badge-inline badge-info fs-13 fw-700 p-3 text-white" style="border-radius: 20px;">{{translate('New')}}</span>
@elseif($product->conditon == 'used')
<span class="badge badge-inline badge-warning fs-13 fw-700 p-3 text-white" style="border-radius: 20px;">{{translate('Used')}}</span>
@endif
</div>
</div>
<div class="p-md-3 p-2 text-center">
<!-- Name -->
<h3 class="fw-400 fs-14 text-truncate-2 lh-1-4 mb-0 h-35px">
<a href="{{ route('customer.product', $product->slug) }}" class="d-block text-reset hov-text-primary">{{ $product->getTranslation('name') }}</a>
</h3>
<!-- Price -->
<div class="fs-15 mt-2">
<span class="fw-700 text-primary">{{ single_price($product->unit_price) }}</span>
</div>
</div>
</div>
</div>
@endforeach
</div>
</div>
<!-- Pagination -->
<div class="aiz-pagination aiz-pagination-center mt-4">
{{ $customer_products->links() }}
</div>
</div>
</div>
</form>
</div>
</section>
@endsection
@section('script')
<script type="text/javascript">
function filter(){
$('#search-form').submit();
}
</script>
@endsection
|