<div class="ajax-loading">
<div class="container-fluid cont-categori col-top">
<div class="row">
<div class="col-md-12 col-12 p-xs-0">
<div class="px-3 category-n">
<?php if($category->description): ?>
<h1><?php echo e($category->h1 ?: $category->name); ?></h1>
<?php elseif($tag->description): ?>
<h1><?php echo e($tag->h1 ?: $tag->name); ?></h1>
<?php elseif($brand->description): ?>
<h1><?php echo e($brand->h1 ?: $brand->name); ?></h1>
<?php endif; ?>
</div>
<ul class="filter-category ps-0">
<li class="filter-item sticky_column">
<div class="row filter-box">
<div class="panel-group accordion-section ps-md-0" id="accordion">
<div class="panel panel-default">
<div class="panel-heading ">
<h4 class="panel-title">
<ul>
<li>
<a data-bs-toggle="collapse" data-bs-parent="#accordion"
href="#collapseTwo" aria-expanded="false" class="">
<button class="btn btn-filter">
<i class="fas fa-filter"></i>
<span>فیلتر محصولات</span>
</button>
</a>
</li>
<li class="sort-option">
<div class="center">
<button data-bs-toggle="modal" data-bs-target="#sortModal"
class="btn btn-sort"><i
class="fas fa-sort-amount-down"></i>مرتب سازی
</button>
</div>
</li>
</ul>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="row close-box-fiter d-xl-nne d-lg-none d-md-none">
<div class="col-5 action-filter-box"></div>
<div class="col-5 clear-filter-box"></div>
<div class="col-2 gap-col-mob close-flter">
<span class="action-button"><i class="fas fa-times"></i></span>
</div>
</div>
<div class="panel-body">
<div class="panel panel-default filter_pannel">
<ul class="ps-0">
<div class="block-title">فیلتر محصولات</div>
<?php if (! ($q)): ?>
<li class="block cat-filter scroll">
<input type="checkbox" name="item" id="off_filter_part">
<i class="fal fa-plus icon-button-filter"></i>
<label class="filter-cation" for="off_filter_part">جستجو
در
نتایج</label>
<div class="options">
<div class="input-quick-search">
<input type="text" wire:model.lazy="phrase"
class="input-field"
placeholder="نام محصول مورد نظر را بنویسید…">
</div>
</div>
</li>
<?php endif; ?>
<?php if(!$brand->id && count($brands)): ?>
<li class="block cat-filter scroll" wire:ignore>
<input type="checkbox" id="color_filter_part_brand">
<i class="fal fa-plus icon-button-filter"></i>
<label class="filter-cation"
for="color_filter_part_brand">برند</label>
<div class="options">
<ul class="li-item ps-0">
<?php $__currentLoopData = $brands; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $p): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<li>
<label
class="checkbox-icon customradio">
<?php if($p->image): ?>
<span class="logo-brand">
<img
src="<?php echo e(asset($p->image)); ?>"
alt="<?php echo e($p->name); ?>">
</span>
<?php endif; ?>
<span class="name-factur">
<?php echo e($p->name); ?></span>
<input type="checkbox"
value="<?php echo e($p->id); ?>"
wire:model="brand_id">
<span class="checkmark"></span>
</label>
</li>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</ul>
</div>
</li>
<?php endif; ?>
<?php $__currentLoopData = $attributes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $attribute): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<li class="block cat-filter scroll" wire:ignore>
<input type="checkbox"
id="color_filter_part_attribute<?php echo e($attribute->id); ?>">
<i class="fal fa-plus icon-button-filter"></i>
<label class="filter-cation"
for="color_filter_part_attribute<?php echo e($attribute->id); ?>"><?php echo e($attribute->name); ?></label>
<div class="options">
<ul class="li-item">
<?php $__currentLoopData = $attribute->values; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<li>
<label
class="checkbox-icon customradio">
<?php echo e($value->value); ?>
<input type="checkbox"
value="<?php echo e($value->id); ?>"
wire:model="value_id">
<span class="checkmark"></span>
</label>
</li>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</ul>
</div>
</li>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php $__currentLoopData = $options; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $option): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<li class="block cat-filter scroll" wire:ignore>
<input type="checkbox"
id="color_filter_part_option<?php echo e($option->id); ?>">
<i class="fal fa-plus icon-button-filter"></i>
<label class="filter-cation"
for="color_filter_part_option<?php echo e($option->id); ?>"><?php echo e($option->name); ?></label>
<div class="options">
<ul class="li-item">
<?php $__currentLoopData = $option->values; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<li>
<label
class="checkbox-icon customradio">
<?php echo e($value->name); ?>
<input type="checkbox"
value="<?php echo e($value->id); ?>"
wire:model="option_id">
<span class="checkmark"></span>
</label>
</li>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</ul>
</div>
</li>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<li class="block cat-filter" wire:ignore>
<input type="checkbox" name="item" id="cost_filter_part">
<i class="fal fa-plus icon-button-filter"></i>
<label class="filter-cation" for="cost_filter_part">جستجو
بر
اساس قیمت محصول</label>
<div class="options">
<div id="double-handle-slider"></div>
<ul class="cost-rang">
<li>
<p class="lbl-prise"> از</p>
<input type="number" class="min-value"
id="min-value"
value="<?php echo e($min_price); ?>"
min="0" max="<?php echo e($max_price); ?>"
readonly/>
<p>تومان</p>
</li>
<li>
<p class="lbl-prise">تا</p>
<input type="number" class="max-value"
id="max-value"
value="<?php echo e($max_price ?: $max_price_products); ?>"
min="0" max="<?php echo e($max_price); ?>"
readonly/>
<p>تومان</p>
</li>
</ul>
<p class="btn-action">
<button class="btn btn-filter-cost"
id="filter-cost">
<i class="fas fa-filter"></i>
<span>اعمال محدوه قیمت</span>
</button>
</p>
</div>
</li>
<li class="block cat-filter pt-0">
<label class="c-ui-statusswitcher">
<input type="checkbox" value="1"
wire:model="stock" id="stock_status-param-1">
<span class="c-ui-statusswitcher__slider">
<span
class="c-ui-statusswitcher__slider__toggle"></span>
</span>
</label>
<span class="status"> فقط کالاهای موجود</span>
</li>
<li class="block cat-filter pt-0">
<label class="c-ui-statusswitcher">
<input type="checkbox" value="1"
wire:model="special" id="special_status-param-1">
<span class="c-ui-statusswitcher__slider">
<span
class="c-ui-statusswitcher__slider__toggle"></span>
</span>
</label>
<span class="status"> فقط کالاهای تخفیفدار</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<?php if(count($tags)): ?>
<div class="d-block mt-3" wire:ignore>
<div class="accordion" id="accordionLabel">
<div class="accordion-item">
<div class="accordion-header">
<div class="block-title">برچسب های منتخب</div>
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseLabel" aria-expanded="true"
aria-controls="collapseLabel">
برچسب های منتخب
</button>
</div>
<div id="collapseLabel" class="accordion-collapse collapse show"
data-bs-parent="#accordionLabel">
<div class="accordion-body">
<div class="blk-tags-cont clearfix">
<?php $__currentLoopData = $tags; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $t): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<a class="lnk-tag" href="<?php echo e(route('tags.show', $t->slug)); ?>"><?php echo e($t->name); ?></a>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
</div>
</div>
</div>
</div>
</div>
<?php endif; ?>
</li>
<li class="category-container bg-white">
<?php if(count($categories)): ?>
<div class="row" wire:ignore>
<div class="col-12 p-0">
<div class="row">
<div class="col-12 p-0">
<div class="owl-carousel owl-theme owl-top-cat">
<?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $ca): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="item">
<div class="item-image">
<a href="<?php echo e(route('categories.show', ['category' => $ca->slug])); ?>">
<img src="<?php echo e(asset($ca->image ?: 'images/defaults/default.jpg')); ?>"
class="img-item img-fluid"
style="height: 160px !important;"
alt="<?php echo e($ca->name); ?>">
</a>
</div>
<a href="<?php echo e(route('categories.show', ['category' => $ca->slug])); ?>" class="lnk-name">
<?php echo e($ca->name); ?>
</a>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
</div>
</div>
</div>
</div>
<?php endif; ?>
<div class="row mt-md-2">
<div class="col-md-12 d-none d-md-block p-0">
<div class="row row-sort-top">
<div class="col-md-11">
<div class="btn-filter">
<label class="icon-sort">
<span><i class="far fa-sort-amount-down"></i></span>مرتبسازی
</label>
<label class="sort_label">
<input class="button_radio" value="latest" wire:model="sort"
type="radio">
<span>جدیدترین</span>
</label>
<label class="sort_label">
<input class="button_radio" value="oldest" wire:model="sort"
type="radio">
<span>قدیمیترین</span>
</label>
<label class="sort_label">
<input class="button_radio" value="minPrice" wire:model="sort"
type="radio">
<span>قيمت نزولی</span>
</label>
<label class="sort_label">
<input class="button_radio" value="maxPrice" wire:model="sort"
type="radio">
<span>قيمت صعودی</span>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="row row-list-item pt-xs-15">
<div class="col-12">
<div class="row">
<?php $__currentLoopData = $products; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php
if (! isset($_instance)) {
$html = \Livewire\Livewire::mount('frontend.search.single', ['product' => $product])->html();
} elseif ($_instance->childHasBeenRendered($product->id)) {
$componentId = $_instance->getRenderedChildComponentId($product->id);
$componentTag = $_instance->getRenderedChildComponentTagName($product->id);
$html = \Livewire\Livewire::dummyMount($componentId, $componentTag);
$_instance->preserveRenderedChild($product->id);
} else {
$response = \Livewire\Livewire::mount('frontend.search.single', ['product' => $product]);
$html = $response->html();
$_instance->logRenderedChild($product->id, $response->id(), \Livewire\Livewire::getRootElementTagName($html));
}
echo $html;
?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
</div>
<?php if($category->description): ?>
<div class="row mb-3">
<div class="col-12">
<div class="card crd-desc">
<div class="d-blocvk" id="hide-behind-deleted">
<?php echo $category->description; ?>
</div>
</div>
</div>
</div>
<?php elseif($tag->description): ?>
<div class="row mb-3">
<div class="col-12">
<div class="card crd-desc">
<div class="py-4 px-3" id="hide-behind">
<?php echo $tag->description; ?>
</div>
<div onclick="hide_behinde(this)" style="cursor: pointer;"
class="m-auto text-center show-m">مشاهده بیشتر
</div>
</div>
</div>
</div>
<?php elseif($brand->description): ?>
<div class="row mb-3">
<div class="col-12">
<div class="card crd-desc">
<div class="d-block" id="hide-behind">
<?php echo $brand->description; ?>
</div>
<div onclick="hide_behinde(this)" style="cursor: pointer;"
class="m-auto text-center show-m">مشاهده بیشتر
</div>
</div>
</div>
</div>
<?php endif; ?>
<?php if($faq): ?>
<div class="py-4 px-3">
<div class="accordion" id="accordionExample3" wire:ignore>
<?php $__currentLoopData = $faq; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $f): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="accordion-item m-3">
<h4 class="accordion-header" id="heading<?php echo e($loop->iteration); ?>">
<button class="accordion-button" type="button"
data-bs-toggle="collapse"
data-bs-target="#collapse<?php echo e($loop->iteration); ?>"
aria-expanded="true"
aria-controls="collapse<?php echo e($loop->iteration); ?>">
<?php echo e($f['question']); ?>
</button>
</h4>
<div id="collapse<?php echo e($loop->iteration); ?>"
class="accordion-collapse collapse <?php echo e($loop->first ? 'show' : ''); ?>"
aria-labelledby="heading<?php echo e($loop->iteration); ?>"
data-bs-parent="#accordionExample3">
<div class="accordion-body">
<?php echo e($f['answer']); ?>
</div>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
</div>
<?php endif; ?>
</div>
<div class="my-4">
<?php echo e($products->onEachSide(1)->links()); ?>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="modal fade" id="sortModal" tabindex="-1" role="dialog" aria-labelledby="modalLabel"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<p class="sort-caption">مرتبسازی</p>
<div class="radio radio-primary">
<label class="checkbox-icon customradio">
<span class="radiotextsty">جدیدترین</span>
<input id="sort-1" value="latest" name="sort" wire:model.defer="sort"
type="radio">
<span class="checkmark"></span>
</label>
</div>
<div class="radio radio-primary">
<label class="checkbox-icon customradio">
<span class="radiotextsty">قدیمیترین</span>
<input id="sort-2" value="oldest" name="sort" wire:model.defer="sort"
type="radio">
<span class="checkmark"></span>
</label>
</div>
<div class="radio radio-primary">
<label class="checkbox-icon customradio">
<span class="radiotextsty">قيمت نزولی</span>
<input id="sort-3" value="minPrice" name="sort" wire:model.defer="sort"
type="radio">
<span class="checkmark"></span>
</label>
</div>
<div class="radio radio-primary">
<label class="checkbox-icon customradio">
<span class="radiotextsty">قيمت صعودی</span>
<input id="sort-4" value="maxPrice" name="sort" wire:model.defer="sort"
type="radio">
<span class="checkmark"></span>
</label>
</div>
</div>
<div class="modal-footer">
<div class="btn-group btn-group-justified" role="group" aria-label="group button">
<div class="btn-group btn-delete" role="group">
<button type="button" class="btn btn-default btn-hover-red" data-bs-dismiss="modal"
role="button" wire:click="$refresh">اعمال
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div wire:loading>
<?php echo $__env->make('livewire.loader', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
</div>
<?php $__env->startPush('scripts'); ?>
<script type="text/javascript">
function sticky_sidebar() {
$('.sticky_column')
.theiaStickySidebar({
additionalMarginTop: 60
});
}
jQuery(document).ready(function () {
sticky_sidebar()
});
if (matchMedia('only screen and (min-width:768px)').matches) {
$('#collapseTwo').addClass('show');
}
if (matchMedia('only screen and (max-width:767px)').matches) {
$('#collapseTwo').removeClass('show');
}
///اسکریپت نمایش بیشتر در لیست نام مجموعه ها///
$('.c-catalog__list--depth').each(function () {
var LiN = $(this).find('li').length;
if (LiN > 5) {
$('li', this).eq(4).nextAll().hide().addClass('toggleable');
$(this).append('<li class="more">مشاهده همه دستهبندیها</li>');
}
});
$('.c-catalog__list--depth').on('click', '.more', function () {
if ($(this).hasClass('less')) {
$(this).text('مشاهده همه دستهبندیها').removeClass('less');
} else {
$(this).text('بستن').addClass('less');
}
$(this).siblings('li.toggleable').slideToggle();
});
///اسکریپت نمایش اسکرول قیمت///
;
(function () {
var doubleHandleSlider = document.querySelector('#double-handle-slider');
var minValInput = document.querySelector('.min-value');
var maxValInput = document.querySelector('.max-value');
noUiSlider.create(doubleHandleSlider, {
start: [0, <?php echo e($max_price_products ?: 0); ?>],
connect: true,
tooltips: true,
step: 1,
range: {
'min': [0],
'max': [<?php echo e($max_price_products ?: 0); ?>]
},
tooltips: [true, wNumb({
decimals: 0
})],
format: wNumb({
decimals: 0
}),
});
doubleHandleSlider.noUiSlider.on('change', function (values, handle) {
var rangeValues = values;
minValInput.value = rangeValues[0];
maxValInput.value = rangeValues[1];
});
minValInput.addEventListener('change', function () {
doubleHandleSlider.noUiSlider.set([this.value, null]);
});
maxValInput.addEventListener('change', function () {
doubleHandleSlider.noUiSlider.set([null, this.value]);
});
})();
$(".close-flter").on("click", function () {
$("#collapseTwo").collapse('hide');
});
</script>
<script>
Livewire.on('scrollTop', function () {
$('html, body').animate({
scrollTop: 0
}, 'slow');
});
Livewire.on('applyLozad', function () {
observer.observe(); // apply lazy load after ajax request
});
$(document).on('click', '#filter-cost', function (event) {
event.preventDefault();
window.livewire.find('<?php echo e($_instance->id); ?>').
set('min_price', $('#min-value').val());
window.livewire.find('<?php echo e($_instance->id); ?>').
set('max_price', $('#max-value').val());
});
</script>
<script>
function hide_behinde() {
$("#hide-behind").addClass('more-c');
$('.show-m').hide();
}
</script>
<?php $__env->stopPush(); ?>
<?php /**PATH /home/technova/technovar/resources/views/livewire/frontend/search/index.blade.php ENDPATH**/ ?>