<?php include 'header.php'; ?>
<?php include '_top-header.php'; ?>

<div class="page">

    <div class="container p-0">

        <div class="mt-4 mb-3">
            <h4 class="p-3 bg-black base-border-radius color-white "> Explore Stores </h4>
        </div>

        <div class="d-block card mb-4">


            <div class="swiper-slider-wrapper arrows-sides pagination-bottom ">

                <div class="swiper-container swiper-custom"
                    data-per-view="9"
                    data-per-view-md="6"
                    data-per-view-sm="4"
                    data-per-view-xs="2"
                    data-space-between="20"
                    data-next-button="categories-button-next"
                    data-prev-button="categories-button-prev"
                    data-pagination="categories-pagination"
                    data-pagination-type="progressbar">

                    <div class="swiper-wrapper">

                        <?php foreach ($categoriesList as $index => $item) { ?>

                            <div class="swiper-slide">
                                <?php include 'shared-html/category-card.php' ?>
                            </div>

                        <?php } ?>

                    </div>

                </div> <!-- swiper-container -->

                <div class="swiper-button-prev categories-button-prev">
                    <i class="icon icon-arrow-circle-left"></i>
                </div>

                <div class="swiper-button-next categories-button-next">
                    <i class="icon icon-arrow-circle-right"></i>
                </div>

                <div class="pagination-wrapper">
                    <div class="swiper-pagination" id="categories-pagination"></div>
                </div>

            </div> <!-- swiper-slider-wrapper -->

        </div>

        <div class="products-list-layout">

            <div class="start">

                <?php include '_products-filter.php' ?>

            </div><!-- start -->

            <div class="end">

                <div class="row">
                    <?php foreach (range(0, 11) as $index) { ?>

                        <?php $productType = 2 ?>

                        <div class="col-md-3 mb-3">
                            <?php include 'shared-html/store-card-square-2.php' ?>
                        </div>
                    <?php } ?>

                </div>


            </div>

        </div>

    </div>

</div> <!-- container -->

</div>

<?php include 'footer.php'; ?>