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

<div class="page">

    <div class="container p-0">

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

            <div class="start">

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

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

            <div class="end">

                <h6 class="bold mb-2"> Search Results </h6>

                <div class="custom-tabs-wrapper style4">


                    <div class="nav-tabs-wrapper">

                        <ul class="nav nav-tabs justify-content-start mb-2" id="myTab" role="tablist">

                            <li class="nav-item" role="presentation">
                                <button class="nav-link nav-link-gray active" id="productss-tab" data-toggle="tab" data-target="#productss"> Productss </button>
                            </li>

                            <li class="nav-item" role="presentation">
                                <button class="nav-link nav-link-gray" id="cards-tab" data-toggle="tab" data-target="#cards"> Cards </button>
                            </li>

                            <li class="nav-item" role="presentation">
                                <button class="nav-link nav-link-gray" id="stores-tab" data-toggle="tab" data-target="#stores"> stores </button>
                            </li>

                        </ul>

                    </div>

                    <div class="tab-content" id="myTabContent">

                        <div class="tab-pane fade show active" id="productss" role="tabpanel" aria-labelledby="productss-tab">

                            <div class="row">

                                <?php foreach (range(0, 22) as $index) { ?>
                                    <div class="col-md-3 mb-3">
                                        <?php include 'shared-html/product-card-square.php' ?>
                                    </div>

                                <?php } ?>

                            </div>

                        </div>

                        <div class="tab-pane fade" id="cards" role="tabpanel" aria-labelledby="cards-tab">

                            <div class="row">

                                <?php foreach (range(0, 22) as $index) { ?>
                                    <div class="col-md-3 mb-3">
                                        <?php include 'shared-html/voucher-card-square.php' ?>
                                    </div>

                                <?php } ?>

                            </div>


                        </div>







                        <div class="tab-pane fade" id="stores" role="tabpanel">

                            <div class="row">

                                <?php foreach (range(0, 22) as $index) { ?>
                                    <div class="col-md-3 mb-3">
                                        <?php include 'shared-html/store-card-square-2.php' ?>
                                    </div>
                                <?php } ?>

                            </div>


                        </div>









                    </div>

                </div> <!-- custom-tabs-wrapper -->


            </div>

        </div>

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

</div>

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