{Ninja-Shell}

Filename: /var/www//arsu/storage/framework//views///605445d2ec40787f5866e8703e3104444dadc9ef.php

<?php $__env->startSection('title', \App\CPU\translate($data['data_from']) . ' ' . \App\CPU\translate('products')); ?>

<?php $__env->startPush('css_or_js'); ?>
    <meta property="og:image" content="<?php echo e(asset('storage/app/public/company')); ?>/<?php echo e($web_config['web_logo']); ?>" />
    <meta property="og:title" content="Products of <?php echo e($web_config['name']); ?> " />
    <meta property="og:url" content="<?php echo e(env('APP_URL')); ?>">
    <meta property="og:description" content="<?php echo substr($web_config['about']->value, 0, 100); ?>">

<?php $__env->startSection('content'); ?>

<?php ($decimal_point_settings = \App\CPU\Helpers::get_business_settings('decimal_point_settings')); ?>
    
    <section class="breadcrumb__area include-bg pt-60 pb-50">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12">
                    <div class="breadcrumb__content p-relative z-index-1">
                        <h3 class="breadcrumb__title"><?php echo e(\App\CPU\translate(str_replace('_', ' ', $data['data_from']))); ?>

<?php echo e(\App\CPU\translate('products')); ?>

<?php echo e(isset($data['brand_name']) ? '(' . $data['brand_name'] . ')' : ''); ?></h3>
                        <div class="breadcrumb__list">
                            <span><a href="<?php echo e(route('home')); ?>">Home</a></span>
                            <span><?php echo e(\App\CPU\translate(str_replace('_', ' ', $data['data_from']))); ?>

<?php echo e(\App\CPU\translate('products')); ?>

<?php echo e(isset($data['brand_name']) ? '(' . $data['brand_name'] . ')' : ''); ?></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section class="tp-shop-area pb-120">
        <div class="container">
            <div class="row">
                <div class="col-xl-3 col-lg-4 tp-shop-sidebar-lg-ct">
                    <div class="tp-shop-sidebar mr-10">
                        
                        <div class="tp-shop-widget mb-35">
                            <h3 class="tp-shop-widget-title no-border"><?php echo e(\App\CPU\translate('Price Filter')); ?></h3>

</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        
                        <div class="tp-shop-widget mb-50">
                            <h3 class="tp-shop-widget-title"><?php echo e(\App\CPU\translate('categories')); ?></h3>
                            <?php ($categories = \App\CPU\CategoryManager::parents()); ?>
                            <div class="tp-shop-widget-content">
                                <div class="tp-shop-widget-categories">
                                    <ul>
                                        <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <li>
                                                <a
                                                    href="<?php echo e(route('products', ['id' => $category['id'], 'data_from' => 'category', 'page' => 1])); ?>"><?php echo e($category['name']); ?><span><?php echo e(\App\Model\Product::active()->where('category_id', $category['id'])->count()); ?></span></a>
                                            </li>
                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </ul>
                                </div>
                            </div>
                        </div>

</div>
                </div>
                <div class="col-xl-9 col-lg-8">
                    <div class="tp-shop-main-wrapper">
                        <div class="tp-shop-top mb-45">
                            <div class="row">
                                <div class="col-xl-6">
                                    <div class="tp-shop-top-left d-flex align-items-center">
                                        <div class="tp-shop-top-tab tp-tab">
                                            <ul class="nav nav-tabs" id="productTab" role="tablist">
                                                <li class="nav-item" role="presentation">
                                                    <button class="nav-link active" id="grid-tab" data-bs-toggle="tab"
                                                        data-bs-target="#grid-tab-pane" type="button" role="tab"
                                                        aria-controls="grid-tab-pane" aria-selected="true">
                                                        <svg width="18" height="18" viewBox="0 0 18 18"
                                                            fill="none" xmlns="../../../www.w3.org/2000/svg.html">
                                                            <path
                                                                d="M16.3327 6.01341V2.98675C16.3327 2.04675 15.906 1.66675 14.846 1.66675H12.1527C11.0927 1.66675 10.666 2.04675 10.666 2.98675V6.00675C10.666 6.95341 11.0927 7.32675 12.1527 7.32675H14.846C15.906 7.33341 16.3327 6.95341 16.3327 6.01341Z"
                                                                stroke="currentColor" stroke-width="1.5"
                                                                stroke-linecap="round" stroke-linejoin="round" />
                                                            <path
                                                                d="M16.3327 15.18V12.4867C16.3327 11.4267 15.906 11 14.846 11H12.1527C11.0927 11 10.666 11.4267 10.666 12.4867V15.18C10.666 16.24 11.0927 16.6667 12.1527 16.6667H14.846C15.906 16.6667 16.3327 16.24 16.3327 15.18Z"
                                                                stroke="currentColor" stroke-width="1.5"
                                                                stroke-linecap="round" stroke-linejoin="round" />
                                                            <path
                                                                d="M7.33268 6.01341V2.98675C7.33268 2.04675 6.90602 1.66675 5.84602 1.66675H3.15268C2.09268 1.66675 1.66602 2.04675 1.66602 2.98675V6.00675C1.66602 6.95341 2.09268 7.32675 3.15268 7.32675H5.84602C6.90602 7.33341 7.33268 6.95341 7.33268 6.01341Z"
                                                                stroke="currentColor" stroke-width="1.5"
                                                                stroke-linecap="round" stroke-linejoin="round" />
                                                            <path
                                                                d="M7.33268 15.18V12.4867C7.33268 11.4267 6.90602 11 5.84602 11H3.15268C2.09268 11 1.66602 11.4267 1.66602 12.4867V15.18C1.66602 16.24 2.09268 16.6667 3.15268 16.6667H5.84602C6.90602 16.6667 7.33268 16.24 7.33268 15.18Z"
                                                                stroke="currentColor" stroke-width="1.5"
                                                                stroke-linecap="round" stroke-linejoin="round" />
                                                        </svg>
                                                    </button>
                                                </li>
                                                <li class="nav-item" role="presentation">
                                                    <button class="nav-link" id="list-tab" data-bs-toggle="tab"
                                                        data-bs-target="#list-tab-pane" type="button" role="tab"
                                                        aria-controls="list-tab-pane" aria-selected="false">
                                                        <svg width="16" height="15" viewBox="0 0 16 15"
                                                            fill="none" xmlns="../../../www.w3.org/2000/svg.html">
                                                            <path d="M15 7.11108H1" stroke="currentColor" stroke-width="2"
                                                                stroke-linecap="round" stroke-linejoin="round" />
                                                            <path d="M15 1H1" stroke="currentColor" stroke-width="2"
                                                                stroke-linecap="round" stroke-linejoin="round" />
                                                            <path d="M15 13.2222H1" stroke="currentColor" stroke-width="2"
                                                                stroke-linecap="round" stroke-linejoin="round" />
                                                        </svg>
                                                    </button>
                                                </li>
                                            </ul>
                                        </div>
                                        <?php if($products->count()): ?>
                                            <div class="tp-shop-top-result">
                                                <p> Showing <?php echo e($products->firstItem()); ?>–<?php echo e($products->lastItem()); ?> of
                                                    <?php echo e($products->total()); ?> results</p>
                                            </div>
                                        <?php endif; ?>

</div>
                                </div>
                                <div class="col-xl-6">
                                    <div class="tp-shop-top-right d-sm-flex align-items-center justify-content-xl-end">
                                        <div class="tp-shop-top-select">
                                            <select onchange="filter(this.value)">
                                                <option value="latest"><?php echo e(\App\CPU\translate('Latest')); ?></option>
                                                <option value="low-high"><?php echo e(\App\CPU\translate('Low_to_High')); ?>

<?php echo e(\App\CPU\translate('Price')); ?> </option>
                                                <option value="high-low"><?php echo e(\App\CPU\translate('High_to_Low')); ?>

<?php echo e(\App\CPU\translate('Price')); ?></option>
                                                <option value="a-z"><?php echo e(\App\CPU\translate('A_to_Z')); ?>

<?php echo e(\App\CPU\translate('Order')); ?></option>
                                                <option value="z-a"><?php echo e(\App\CPU\translate('Z_to_A')); ?>

<?php echo e(\App\CPU\translate('Order')); ?></option>
                                            </select>
                                        </div>
                                        <div class="tp-shop-top-filter">
                                            <button type="button" class="tp-filter-btn filter-open-btn">
                                                <span>
                                                    <svg width="16" height="15" viewBox="0 0 16 15"
                                                        fill="none" xmlns="../../../www.w3.org/2000/svg.html">
                                                        <path d="M14.9998 3.45001H10.7998" stroke="currentColor"
                                                            stroke-width="1.5" stroke-miterlimit="10"
                                                            stroke-linecap="round" stroke-linejoin="round" />
                                                        <path d="M3.8 3.45001H1" stroke="currentColor" stroke-width="1.5"
                                                            stroke-miterlimit="10" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                        <path
                                                            d="M6.5999 5.9C7.953 5.9 9.0499 4.8031 9.0499 3.45C9.0499 2.0969 7.953 1 6.5999 1C5.2468 1 4.1499 2.0969 4.1499 3.45C4.1499 4.8031 5.2468 5.9 6.5999 5.9Z"
                                                            stroke="currentColor" stroke-width="1.5"
                                                            stroke-miterlimit="10" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                        <path d="M15.0002 11.15H12.2002" stroke="currentColor"
                                                            stroke-width="1.5" stroke-miterlimit="10"
                                                            stroke-linecap="round" stroke-linejoin="round" />
                                                        <path d="M5.2 11.15H1" stroke="currentColor" stroke-width="1.5"
                                                            stroke-miterlimit="10" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                        <path
                                                            d="M9.4002 13.6C10.7533 13.6 11.8502 12.5031 11.8502 11.15C11.8502 9.79691 10.7533 8.70001 9.4002 8.70001C8.0471 8.70001 6.9502 9.79691 6.9502 11.15C6.9502 12.5031 8.0471 13.6 9.4002 13.6Z"
                                                            stroke="currentColor" stroke-width="1.5"
                                                            stroke-miterlimit="10" stroke-linecap="round"
                                                            stroke-linejoin="round" />
                                                    </svg>
                                                </span>
                                                Filter
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tp-shop-items-wrapper tp-shop-item-primary">
                            <div class="tab-content" id="productTabContent">
                                <div class="tab-pane fade show active" id="grid-tab-pane" role="tabpanel"
                                    aria-labelledby="grid-tab" tabindex="0">
                                    <?php if(count($products) > 0): ?>
                                        <div class="row infinite-container" id="ajax-products">
                                            
                                            
                                            <?php echo $__env->make('web-views.products._ajax-products', [
                                                'products' => $products,
                                                'decimal_point_settings' => $decimal_point_settings,
                                            ], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                                            
                                        </div>
                                    <?php else: ?>
                                        <div class="row infinite-container">
                                            <div class="text-center pt-5">
                                                <h2><?php echo e(\App\CPU\translate('No Product Found')); ?></h2>
                                            </div>
                                        </div>
                                    <?php endif; ?>

</div>
                                <div class="tab-pane fade" id="list-tab-pane" role="tabpanel" aria-labelledby="list-tab"
                                    tabindex="0">
                                    <div class="tp-shop-list-wrapper tp-shop-item-primary mb-70">
                                        <div class="row">
                                            <div class="col-xl-12">
                                                <?php if(count($products) > 0): ?>
                                                    <?php $__currentLoopData = $products; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                        <?php echo $__env->make('web-views.partials._product-card-list', [
                                                            'product' => $product,
                                                            'decimal_point_settings' => $decimal_point_settings,
                                                        ], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
                                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                    
                                                <?php else: ?>
                                                    <div class="row infinite-container">
                                                        <div class="text-center pt-5">
                                                            <h2><?php echo e(\App\CPU\translate('No Product Found')); ?></h2>
                                                        </div>
                                                    </div>
                                                <?php endif; ?>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </section>

<div class="tp-filter-offcanvas-area">
        <div class="tp-filter-offcanvas-wrapper">
            <div class="tp-filter-offcanvas-close">
                <button type="button" class="tp-filter-offcanvas-close-btn filter-close-btn">
                    <i class="fa-solid fa-xmark"></i>
                    Close
                </button>
            </div>
            <div class="tp-shop-sidebar">
                
                <div class="tp-shop-widget mb-35">
                    <h3 class="tp-shop-widget-title no-border">Price Filter</h3>

<div class="tp-shop-widget-content">
                        <div class="tp-shop-widget-filter">
                            <div id="slider-range-offcanvas" class="mb-10"></div>
                            <div class="tp-shop-widget-filter-info d-flex align-items-center justify-content-between">
                                <span class="input-range">
                                    <input type="text" id="amount-offcanvas" readonly />
                                </span>
                                <button class="tp-shop-widget-filter-btn" type="button"  onclick="searchByPrice()">
                                    Filter
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                
                
                
                <div class="tp-shop-widget mb-50">
                    <h3 class="tp-shop-widget-title"><?php echo e(\App\CPU\translate('categories')); ?></h3>

<div class="tp-shop-widget-content">
                        <div class="tp-shop-widget-categories">
                            <ul>
                                <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <li>
                                        <a
                                            href="<?php echo e(route('products', ['id' => $category['id'], 'data_from' => 'category', 'page' => 1])); ?>"><?php echo e($category['name']); ?><span><?php echo e(\App\Model\Product::active()->where('category_id', $category['id'])->count()); ?></span></a>
                                    </li>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </ul>
                        </div>
                    </div>
                </div>

</div>
        </div>
    </div>
    
<?php $__env->stopSection(); ?>

<?php $__env->startPush('script'); ?>
    <script>
        function openNav() {
            document.getElementById("mySidepanel").style.width = "70%";
            document.getElementById("mySidepanel").style.height = "100vh";
        }

function closeNav() {
            document.getElementById("mySidepanel").style.width = "0";
        }

function searchByPrice() {

let amountString = $('#amount').val(); //document.getElementById('amount').value;
            let matches = amountString.match(/(\D*)(\d+)\s*-\s*(\D*)(\d+)/);
            let min = 0;
            let max = 300;
            if (matches) {
                min = parseInt(matches[2], 10);
                max = parseInt(matches[4], 10);
                // console.log(min);
                // console.log(max);
            }

// let min = $('#min_price').val();
            // let max = $('#max_price').val();

$.get({
                url: '<?php echo e(url('/')); ?>/products',
                data: {
                    id: '<?php echo e($data['id']); ?>',
                    name: '<?php echo e($data['name']); ?>',
                    data_from: '<?php echo e($data['data_from']); ?>',
                    sort_by: '<?php echo e($data['sort_by']); ?>',
                    min_price: min,
                    max_price: max,
                },
                dataType: 'json',
                beforeSend: function() {
                    $('#loading').show();
                },
                success: function(response) {
                    $('#ajax-products').html(response.view);
                    $('#paginator-ajax').html(response.paginator);
                    // console.log(response.total_product);
                    $('#price-filter-count').text(response.total_product + "<?php echo e(\App\CPU\translate('items found')); ?>");
                    $('.filter-close-btn').click();
                },
                complete: function() {
                    $('#loading').hide();
                },
            });
        }

$('#searchByFilterValue, #searchByFilterValue-m').change(function() {
            var url = $(this).val();
            if (url) {
                window.location = url;
            }
            return false;
        });

$("#search-brand").on("keyup", function() {
            var value = this.value.toLowerCase().trim();
            $("#lista1 div>li").show().filter(function() {
                return $(this).text().toLowerCase().trim().indexOf(value) == -1;
            }).hide();
        });
    </script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('layouts.front-end.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/arsu/resources/themes/default/web-views/products/view.blade.php ENDPATH**/ ?>

./Ninja\.