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


    <main>
        <!-- Start pg_header -->
        <?php echo $__env->make('web.pages.components.header.header', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

        <!-- Start section -->

        <section class="products_pg products_sec section">
            <div class="container">
                <form id="filter">
                    <div class="row">
                        <input type="hidden" name="page" id="page" value="1">
                        <div class="col-lg-3">
                            <div class="categ_box mb-5">
                                <?php if(isset($category)): ?>
                                    <input type="hidden" name="main_category_id" value="<?php echo e($category->id); ?>">
                                <?php endif; ?>
                                <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category_row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <div class="item">
                                        <button class="categ_title" type="button" data-bs-toggle="collapse" data-bs-target="#collapsecCteg<?php echo e($category_row->id); ?>" aria-expanded="true" aria-controls="collapsecCteg<?php echo e($category_row->id); ?>">
                                            <?php echo e($category_row->title); ?>

                                        </button>
                                        <div class="collapse show" id="collapsecCteg<?php echo e($category_row->id); ?>">
                                            <div class="ps-2 pt-3">
                                                <div class="checks">
                                                    <?php $__currentLoopData = $category_row->sub; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                        <div class="form-check">
                                                            <input class="choice_choice form-check-input" onclick="filter()" name="sub_ids[]" type="checkbox" value="<?php echo e($row->id); ?>" id="categCheck<?php echo e($row->id); ?>">
                                                            <label class="form-check-label" for="categCheck<?php echo e($row->id); ?>">
                                                                <?php echo e($row->currentDescription->title); ?>

                                                            </label>
                                                        </div>
                                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </div>
                            <div class="filter_box mb-5">
                                <div class="title_box d-flex align-items-center justify-content-between">
                                    <h5 class="title fw-bold text-white mb-0"><?php echo e(__('web.filter_search')); ?></h5>
                                    <button type="button" onclick="clearFilter()" class="del_link underline text-white"> <small> <?php echo e(__('web.delete_filter')); ?>  </small></button>
                                </div>
                                <div class="card-body">
                                    <form class="form">
                                        <div class="item">
                                            <a class="collapse_title" data-bs-toggle="collapse" href="#collapseFilter1" role="button" aria-expanded="true" aria-controls="collapseFilter1">
                                                <?php echo e(__('web.size')); ?>

                                            </a>
                                            <div class="collapse show" id="collapseFilter1">
                                                <div class="collapse_body">
                                                    <div class="checkboxes">
                                                        <?php $__currentLoopData = $sizes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $size): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                        <div class="form-check mb-2">
                                                            <input class="choice_choice form-check-input" onclick="filter()" name="size_ids[]" type="checkbox" value="<?php echo e($size->id); ?>" id="sizeCheck<?php echo e($size->id); ?>">
                                                            <label class="form-check-label" for="sizeCheck<?php echo e($size->id); ?>">
                                                                <?php echo e($size->title); ?>

                                                            </label>
                                                        </div>
                                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="item">
                                            <a class="collapse_title" data-bs-toggle="collapse" href="#collapseFilter6" role="button" aria-expanded="false" aria-controls="collapseFilter6">
                                                <?php echo e(__('web.color')); ?>

                                            </a>
                                            <div class="collapse" id="collapseFilter6">
                                                <div class="collapse_body">
                                                    <div class="checkboxes">
                                                        <?php $__currentLoopData = $colors; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $color): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                            <div class="form-check mb-2">
                                                                <input class="choice_choice form-check-input" onclick="filter()" name="color_ids[]" type="checkbox" value="<?php echo e($color->id); ?>" id="colorCheck<?php echo e($color->id); ?>">
                                                                <label class="form-check-label" for="colorCheck<?php echo e($color->id); ?>">
                                                                    <?php echo e($color->title); ?>

                                                                </label>
                                                            </div>
                                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <a class="collapse_title" data-bs-toggle="collapse" href="#collapseFilter5" role="button" aria-expanded="false" aria-controls="collapseFilter5">
                                                <?php echo e(__('web.cost')); ?>

                                            </a>
                                            <div class="collapse" id="collapseFilter5">

                                                <div class="collapse_body">
                                                    <div class="price-wrapper">
                                                        <!-- <div id="slider-range" class="price-filter-range" name="rangeInput"></div> -->
                                                        <div class="inputs-wrapper mt-3">
                                                            <input type="" onkeyup="filter()" name="min_cost" min=0 max="9900" placeholder="0" class="inputs_value price-range-field digitsOnly" />
                                                            <input type="" onkeyup="filter()"name="max_cost" min=0 max="10000" placeholder="10000" class="inputs_value price-range-field digitsOnly" />
                                                            <span class="currency_title">ر.س</span>
                                                        </div>


                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-9">
                            <div class="">
                                <div class="search_filter border-bottom pb-4 mb-5 mt-2">
                                        <div class="row justify-content-between align-items-center">
                                            <?php if(isset($category)): ?>
                                                <div class="col-lg-4 col-6">
                                                    <h1 class="fw-bold color-primary text-uppercase mb-0 px-1"> <?php echo e($category->title); ?> </h1>
                                                </div>
                                            <?php endif; ?>
                                            <div class="col-lg-3 col-6">
                                                <div class="form-group">
                                                    <select name="orderBy" onchange="filter()" class="form-control form-select selectItem">
                                                        <option selected value=""><?php echo e(__('web.orderBy')); ?></option>
                                                        <option value="priceDesc"><?php echo e(__('web.priceDesc')); ?></option>
                                                        <option value="priceAsc"><?php echo e(__('web.priceAsc')); ?></option>
                                                        <option value="rate"><?php echo e(__('web.rate')); ?></option>
                                                        <option value="newest"><?php echo e(__('web.newest')); ?></option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                </div>
                            </div>
                            <div id="products"></div>
                        </div>
                    </div>
                </form>
            </div>
        </section>

    </main>

<?php $__env->stopSection(); ?>
<?php $__env->startSection('inject_js'); ?>
    <script>
        let url_category = "<?php echo e(route('web.fetch.categories')); ?>"
        let url_filter = "<?php echo e(route('web.filter')); ?>"
    </script>
    <script src="<?php echo e(url('')); ?>/assets/web/js/custom/products.js"></script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('web.layouts.layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/omaralyomhost/public_html/rose/resources/views/web/pages/products/products.blade.php ENDPATH**/ ?>