One Hat Cyber Team

View File Name : 9e44cbb43076eb209c26f6174b708054.php

<?php echo $__env->make('frontend.sidebar_top', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<!-- Sidebar -->
<?php 
$car_types = App\Models\Amenities::where('type', 'car')->where('identifier', 'car_type')->get();
$models = App\Models\Amenities::where('type', 'car')->where('identifier', 'model')->get();
$brands = App\Models\Amenities::where('type', 'car')->where('identifier', 'brand')->get();
$colors = App\Models\Amenities::where('type', 'car')->where('identifier', 'exterior_color')->get();
$years = App\Models\CarListing::distinct()->pluck('year');
$min_price =  App\Models\CarListing::min('price') ?? 0;
$max_price =  App\Models\CarListing::max('price') ?? 0;
?>

<form class="sidebar-accordion-area" id="filter-form" action="<?php echo e(route('ListingsFilter')); ?>" method="get">
    <div class="sidebar-title mb-24 d-flex align-items-center justify-content-between flex-wrap">
        <h3 class="title"><?php echo e(get_phrase('Filters')); ?></h3>
        <a href="javascript:;" onclick="resetForm(event)" class="clear d-none"><?php echo e(get_phrase('Clear')); ?></a>
    </div>
    <input type="hidden" name="type" value="car">
    <input type="hidden" name="view" value="<?php echo e($view); ?>">
    <ul class="sidebar-accordion">
        <li class="sidebar-accordion-li">
            <a href="javascript:void(0);"  >
                <span><?php echo e(get_phrase('Car Category')); ?></span>
                <img src="<?php echo e(asset('assets/frontend/images/icons/angle-down-black-20.svg')); ?>" alt="">
            </a>
            <ul class="sidebar-accordion-menu sidebar-menu-active nBlock" id="categoryList">
                <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <?php
                        $categoryCount = App\Models\CarListing::where('category', $category->id)->where('visibility', 'visible')->count();
                    ?>
                    <li class="<?php echo e($index >= 6 ? 'hidden' : ''); ?>">
                        <a href="<?php echo e(route('ListingsFilter')); ?>?type=car&view=<?php echo e($view); ?>&category=<?php echo e($category->id); ?>" class="filter <?php echo e((isset($category_type) && $category->id == $category_type) ? 'active' : ''); ?>" for="category<?php echo e($category->id); ?>" >
                            <input class="d-none" type="radio" name="category" value="<?php echo e($category->id); ?>" id="category<?php echo e($category->id); ?>" <?php echo e((isset($category_type) && $category->id == $category_type) ? 'checked' : ''); ?> >
                            <label class="form-check-label d-flex justify-content-between" for="category<?php echo e($category->id); ?>">
                                <span><?php echo e($category->name); ?></span>
                                <span class="total">(<?php echo e($categoryCount ?? 0); ?>)</span>
                            </label>
                        </a>
                    </li>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php if(count($categories) > 6): ?>
                    <li>
                        <a href="javascript:void(0)" class="show-more" data-list="categoryList" id="showMoreBtnCategory"><?php echo e(get_phrase('Show More')); ?></a>
                    </li>
                <?php endif; ?>
            </ul>
        </li>
        
        <li class="sidebar-accordion-li">
            <a href="javascript:void(0);">
                <span><?php echo e(get_phrase('Car type')); ?></span>
                <img src="<?php echo e(asset('assets/frontend/images/icons/angle-down-black-20.svg')); ?>" alt="">
            </a>
            <ul class="sidebar-accordion-menu" id="carTypeList">
                <?php $__currentLoopData = $car_types; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $type): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <?php
                        $typeCount = App\Models\CarListing::where('car_type', $type->id)->where('visibility', 'visible')->count();
                    ?>
                 <li class="<?php echo e($index >= 6 ? 'hidden' : ''); ?>">
                    <a href="<?php echo e(route('ListingsFilter')); ?>?type=car&view=<?php echo e($view); ?>&car_type=<?php echo e($type->id); ?>" class="filter <?php echo e((isset($car_type) && $type->id == $car_type) ? 'active' : ''); ?>" for="type<?php echo e($type->id); ?>" >
                        <input class="d-none" type="radio" name="car_type" value="<?php echo e($type->id); ?>" id="type<?php echo e($type->id); ?>" <?php echo e((isset($car_type) && $type->id == $car_type) ? 'checked' : ''); ?> >
                        <label class="form-check-label d-flex justify-content-between" for="type<?php echo e($type->id); ?>">
                            <span><?php echo e($type->name); ?></span>
                            <span class="total">(<?php echo e($typeCount ?? 0); ?>)</span>
                        </label>
                    </a>
                </li>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php if(count($car_types) > 6): ?>
                    <li>
                        <a href="javascript:void(0)" class="show-more" data-list="carTypeList" id="showMoreBtnCarType"><?php echo e(get_phrase('Show More')); ?></a>
                    </li>
                <?php endif; ?>
            </ul>
        </li>
        <li class="sidebar-accordion-li">
            <a href="javascript:void(0);">
                <span><?php echo e(get_phrase('Model')); ?></span>
                <img src="<?php echo e(asset('assets/frontend/images/icons/angle-down-black-20.svg')); ?>" alt="">
            </a>
            <ul class="sidebar-accordion-menu" id="carModelList">
                <?php $__currentLoopData = $models; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $model): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <?php
                    $typeCount = App\Models\CarListing::where('model', $model->id)->where('visibility', 'visible')->count();
                ?>
             <li class="<?php echo e($index >= 6 ? 'hidden' : ''); ?>">
                <a href="<?php echo e(route('ListingsFilter')); ?>?type=car&view=<?php echo e($view); ?>&model=<?php echo e($model->id); ?>" class="filter <?php echo e((isset($model_type) && $model->id == $model_type) ? 'active' : ''); ?>" for="model<?php echo e($model->id); ?>" >
                    <input class="d-none" type="radio" name="model" value="<?php echo e($model->id); ?>" id="model<?php echo e($model->id); ?>" <?php echo e((isset($model_type) && $model->id == $model_type) ? 'checked' : ''); ?> >
                    <label class="form-check-label d-flex justify-content-between" for="model<?php echo e($model->id); ?>">
                        <span><?php echo e($model->name); ?></span>
                        <span class="total">(<?php echo e($typeCount ?? 0); ?>)</span>
                    </label>
                </a>
            </li>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php if(count($models) > 6): ?>
                    <li>
                        <a href="javascript:void(0)" class="show-more" data-list="carModelList"><?php echo e(get_phrase('Show More')); ?></a>
                    </li>
                <?php endif; ?>
            </ul>
        </li>
        <li class="sidebar-accordion-li">
            <a href="javascript:void(0);">
                <span><?php echo e(get_phrase('Brand')); ?></span>
                <img src="<?php echo e(asset('assets/frontend/images/icons/angle-down-black-20.svg')); ?>" alt="">
            </a>
            <ul class="sidebar-accordion-menu" id="carBrandList">
                <?php $__currentLoopData = $brands; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $brand): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <?php
                    $typeCount = App\Models\CarListing::where('brand', $brand->id)->where('visibility', 'visible')->count();
                ?>
             <li class="<?php echo e($index >= 6 ? 'hidden' : ''); ?>">
                <a href="<?php echo e(route('ListingsFilter')); ?>?type=car&view=<?php echo e($view); ?>&brand=<?php echo e($brand->id); ?>" class="filter <?php echo e((isset($brand_type) && $brand->id == $brand_type) ? 'active' : ''); ?>" for="brand<?php echo e($brand->id); ?>" >
                    <input class="d-none" type="radio" name="brand" value="<?php echo e($brand->id); ?>" id="brand<?php echo e($brand->id); ?>" <?php echo e((isset($brand_type) && $brand->id == $brand_type) ? 'checked' : ''); ?> >
                    <label class="form-check-label d-flex justify-content-between" for="brand<?php echo e($brand->id); ?>">
                        <span><?php echo e($brand->name); ?></span>
                        <span class="total">(<?php echo e($typeCount ?? 0); ?>)</span>
                    </label>
                </a>
            </li>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php if(count($brands) > 6): ?>
                    <li>
                        <a href="javascript:void(0)" class="show-more" data-list="carBrandList"><?php echo e(get_phrase('Show More')); ?></a>
                    </li>
                <?php endif; ?>
            </ul>
        </li>
        <li>
            <div class="accordion-item-range">
                <h4 class="title mb-3 capitalize"><?php echo e(get_phrase('Price')); ?></h4>
                <?php 
                    $selectedMinPrice = request()->input('min_price', $min_price); // Retain min price after filtering
                    $selectedMaxPrice = request()->input('max_price', $max_price); // Retain max price after filtering
                ?>
                <div id="price-slide" 
                    class="" 
                    data-min="<?php echo e($min_price); ?>" 
                    data-max="<?php echo e($max_price); ?>" 
                    data-start-min="<?php echo e($selectedMinPrice); ?>" 
                    data-start-max="<?php echo e($selectedMaxPrice); ?>">
                </div>
                <div class="accordion-range-value d-flex align-items-center justify-content-between">
                    <!-- Visible price inputs (updated to reflect selected values) -->
                    <input type="text" class="value" id="min-price" value="<?php echo e(currency()); ?><?php echo e($selectedMinPrice); ?>">
                    <input type="text" class="value text-end" id="max-price" value="<?php echo e(currency()); ?><?php echo e($selectedMaxPrice); ?>">
                    <!-- Hidden numeric inputs (updated to reflect selected values) -->
                    <input type="hidden" id="clean-min-price" name="min_price" value="<?php echo e($selectedMinPrice); ?>">
                    <input type="hidden" id="clean-max-price" name="max_price" value="<?php echo e($selectedMaxPrice); ?>">
                </div>
            </div>
        </li>
        <li class="sidebar-accordion-li">
            <a href="javascript:void(0);">
                <span><?php echo e(get_phrase('Years')); ?></span>
                <img src="<?php echo e(asset('assets/frontend/images/icons/angle-down-black-20.svg')); ?>" alt="">
            </a>
            <ul class="sidebar-accordion-menu" id="carYearList">
                <?php $__currentLoopData = $years; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $year): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <?php
                    $typeCount = App\Models\CarListing::where('year', $year)->where('visibility', 'visible')->count();
                ?>
             <li class="<?php echo e($index >= 6 ? 'hidden' : ''); ?>">
                <a href="<?php echo e(route('ListingsFilter')); ?>?type=car&view=<?php echo e($view); ?>&year=<?php echo e($year); ?>" class="filter <?php echo e((isset($year_type) && $year == $year_type) ? 'active' : ''); ?>" for="year<?php echo e($year); ?>" >
                    <input class="d-none" type="radio" name="year" value="<?php echo e($year); ?>" id="year<?php echo e($year); ?>" <?php echo e((isset($year_type) && $year == $year_type) ? 'checked' : ''); ?> >
                    <label class="form-check-label d-flex justify-content-between" for="year<?php echo e($year); ?>">
                        <span><?php echo e($year); ?></span>
                        <span class="total">(<?php echo e($typeCount ?? 0); ?>)</span>
                    </label>
                </a>
            </li>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php if(count($years) > 6): ?>
                    <li>
                        <a href="javascript:void(0)" class="show-more" data-list="carYearList"><?php echo e(get_phrase('Show More')); ?></a>
                    </li>
                <?php endif; ?>
            </ul>
        </li>
        <li class="sidebar-accordion-li">
            <a href="javascript:void(0);">
                <span><?php echo e(get_phrase('Colors')); ?></span>
                <img src="<?php echo e(asset('assets/frontend/images/icons/angle-down-black-20.svg')); ?>" alt="">
            </a>
            <ul class="sidebar-accordion-menu" id="carColorsList">
                <?php $__currentLoopData = $colors; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $color): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <?php
                    $typeCount = App\Models\CarListing::where('exterior_color', $color->id)->where('visibility', 'visible')->count();
                ?>
             <li class="<?php echo e($index >= 6 ? 'hidden' : ''); ?>">
                <a href="<?php echo e(route('ListingsFilter')); ?>?type=car&view=<?php echo e($view); ?>&color=<?php echo e($color->id); ?>" class="filter <?php echo e((isset($color_type) && $color->id == $color_type) ? 'active' : ''); ?>" for="color<?php echo e($year); ?>" >
                    <input class="d-none" type="radio" name="color" value="<?php echo e($color->id); ?>" id="color<?php echo e($color->id); ?>" <?php echo e((isset($color_type) && $color->id == $color_type) ? 'checked' : ''); ?> >
                    <label class="form-check-label d-flex justify-content-between" for="color<?php echo e($color->id); ?>">
                        <span><?php echo e($color->name); ?></span>
                        <span class="total">(<?php echo e($typeCount ?? 0); ?>)</span>
                    </label>
                </a>
            </li>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                <?php if(count($colors) > 6): ?>
                    <li>
                        <a href="javascript:void(0)" class="show-more" data-list="carColorsList"><?php echo e(get_phrase('Show More')); ?></a>
                    </li>
                <?php endif; ?>
            </ul>
        </li>
        
    </ul>
</form>
<script>
   "use strict";

$('.filter').on('change click', function() {
    setTimeout(function() {
        $('#filter-form').trigger('submit');
    }, 200);  
});

function submitForm() {
    const minPriceInput = document.getElementById('min-price');
    const maxPriceInput = document.getElementById('max-price');
    const cleanMinPriceInput = document.getElementById('clean-min-price');
    const cleanMaxPriceInput = document.getElementById('clean-max-price');
    const currencySymbol = '<?php echo e(currency()); ?>'; 

    // Update hidden fields with numeric values
    cleanMinPriceInput.value = minPriceInput.value.replace(currencySymbol, '').trim();
    cleanMaxPriceInput.value = maxPriceInput.value.replace(currencySymbol, '').trim();

    // Temporarily remove "name" attributes from visible inputs
    minPriceInput.removeAttribute('name');
    maxPriceInput.removeAttribute('name');

    // Submit the form
    
    $('#filter-form').trigger('submit');


    // Restore "name" attributes after submission
    minPriceInput.setAttribute('name', 'display_min_price');
    maxPriceInput.setAttribute('name', 'display_max_price');
}

// Initialize the price slider
var slider = document.getElementById('price-slide');
var minPrice = parseInt(slider.getAttribute('data-min')) || 0;
var maxPrice = parseInt(slider.getAttribute('data-max')) || 1000;
var currentMinPrice = parseInt(document.getElementById('clean-min-price').value) || minPrice;
var currentMaxPrice = parseInt(document.getElementById('clean-max-price').value) || maxPrice;

noUiSlider.create(slider, {
    start: [currentMinPrice, currentMaxPrice],
    connect: true,
    range: {
        'min': minPrice,
        'max': maxPrice
    },
    tooltips: [true, true],
    format: {
        to: function (value) {
            return '<?php echo e(currency()); ?>' + value.toFixed(0);
        },
        from: function (value) {
            return Number(value.replace('<?php echo e(currency()); ?>', ''));
        }
    }
});

// Update visible and hidden fields when slider changes
slider.noUiSlider.on('update', function (values) {
    document.getElementById('min-price').value = values[0];
    document.getElementById('max-price').value = values[1];
    document.getElementById('clean-min-price').value = values[0].replace('<?php echo e(currency()); ?>', '');
    document.getElementById('clean-max-price').value = values[1].replace('<?php echo e(currency()); ?>', '');
});

// Submit the form when the slider values change
slider.noUiSlider.on('change', function () {
    submitForm();
});

</script>

<script>
    "use strict";
    function toggleList(button) {
    var listId = button.getAttribute('data-list');
    var list = document.getElementById(listId);
    var hiddenItems = list.querySelectorAll('.hidden');

    if (hiddenItems.length > 0) {
        hiddenItems.forEach(function(item) {
            item.classList.remove('hidden');
        });
        button.style.display = 'none';
    }
}

// Add event listeners to all "Show More" buttons
document.querySelectorAll('.show-more').forEach(function(button) {
    button.addEventListener('click', function() {
        toggleList(button);
    });
});

</script>

<script>
    "use strict";
    document.addEventListener('DOMContentLoaded', () => {
        const clearButton = document.querySelector('.clear');
        const urlParams = new URLSearchParams(window.location.search);
        const hasFilter = urlParams.has('category') || urlParams.has('car_type')  ||  urlParams.has('year') || urlParams.has('model') || urlParams.has('brand') ||urlParams.has('min_price') ;
        if (hasFilter) {
            clearButton.classList.remove('d-none'); 
            clearButton.classList.add('d-block');
        } else {
            clearButton.classList.remove('d-block');
            clearButton.classList.add('d-none');
        }
    });

    function resetForm(event) {
        event.preventDefault(); 
        const typeValue = document.querySelector('input[name="type"]').value;
        const viewValue = document.querySelector('input[name="view"]').value;
        // Build the new URL for redirection
        const baseUrl = "<?php echo e(route('listing.view', ['type' => ':type', 'view' => ':view'])); ?>";
        const newUrl = baseUrl.replace(':type', encodeURIComponent(typeValue))
                              .replace(':view', encodeURIComponent(viewValue));

        window.location.href = newUrl;
    }
</script>



<?php echo $__env->make('frontend.sidebar_bottom', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /www/wwwroot/jumo.com.ng/resources/views/frontend/car/sidebar_car.blade.php ENDPATH**/ ?>