<?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">
                <div class="filter_box mb-5">
                    <form id="filter">
                        <input type="hidden" name="page" id="page" value="1">
                        <div class="row">
                            <div class="col-lg-11">
                                <div class="row">
                                    <div class="col-lg-3">
                                        <div class="form-group">
                                            <input type="search" name="title" class="form-control" value="<?php echo e($product_title); ?>" placeholder="<?php echo e(__('web.search_product_here')); ?> ...">
                                        </div>
                                    </div>
                                    <div class="col-lg-3">
                                        <div class="form-group">
                                            <select name="category_id" onchange="categorySelect(this)" class="form-select form-control ">
                                                <option selected value=""> <?php echo e(__('web.main_category')); ?>  </option>
                                                <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <option <?php echo e($row->id == $category_id ? 'selected' : ''); ?> value="<?php echo e($row->id); ?>"><?php echo e($row->title); ?></option>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-3">
                                        <div class="form-group">
                                            <select name="sub_category_id" id="sub_categories" class="form-select form-control ">
                                                <option selected value=""> <?php echo e(__('web.sub_category')); ?>  </option>
                                                <?php $__currentLoopData = $sub_categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <option value="<?php echo e($row->id); ?>"><?php echo e($row->title); ?></option>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-3">
                                        <div class="form-group">
                                            <select name="orderBy" class="form-select form-control ">
                                                <option selected disabled>  <?php echo e(__('web.orderBy')); ?>    </option>
                                                <option value="newest"><?php echo e(__('web.newest')); ?></option>
                                                <option value="oldest"><?php echo e(__('web.oldest')); ?></option>
                                                <option value="priceDesc"><?php echo e(__('web.priceDesc')); ?></option>
                                                <option value="priceAsc"><?php echo e(__('web.priceAsc')); ?></option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-1">
                                <button type="button" onclick="filter()" class="search_butn butn primary_butn sm_butn w-100">  <i class="fa-regular fa-magnifying-glass mx-0"></i></button>
                            </div>
                        </div>

                    </form>
                </div>
                <div id="products">

                </div>
            </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 /Applications/MAMP/htdocs/electric/resources/views/web/pages/products/products.blade.php ENDPATH**/ ?>