<?php if(count($slideshows) > 0) : ?>
<div id="content">
<!-- slideshow-->
<div
    id="rev_slider_one_wrapper"
    class="rev_slider_wrapper fullscreen-container" 
    data-alias="mask-showcase"
    data-source="gallery" 
  >
    <!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode -->
    <div
      id="rev_slider_two"
      class="rev_slider fullscreenbanner"
      style="display: none"
      data-version="5.4.1"
    >
      <ul>
        <?php foreach($slideshows as $key => $slideshow) : ?>
        <li
          data-index="rs-<?= $key + 1 ?>"
          data-transition="fade"
          data-slotamount="default"
          data-hideafterloop="0"
          data-hideslideonmobile="off"
          data-easein="default"
          data-easeout="default"
          data-masterspeed="300" 
          data-thumb="images/slider2.webp"
          data-rotate="0" 
          data-saveperformance="off"
          data-title=""
          data-param1="1"
          data-param2=""
          data-param3=""
          data-param4=""
          data-param5=""
          data-param6=""
          data-param7=""
          data-param8=""
          data-param9=""
          data-param10=""
          data-description=""
        >
          <!-- MAIN IMAGE -->
          <img
            src="<?= base_url() . 'uploads/banners/' . $slideshow['image']; ?>"
            data-bgcolor="#ffffff"
            style=""
            alt=""
            data-bgposition="center center"
            data-bgfit="cover"
            data-bgrepeat="no-repeat"
            data-bgparallax="off"
            class="rev-slidebg"
            data-no-retina
          />

          <!-- LAYER 3  Thin text title-->
          <div
            class="tp-caption tp-resizeme caption-big-2"
            id="slide-<?= $key + 1 ?>-layer-3"
            data-x="['center','center','center','center']"
            data-hoffset="['0','0','0','0']"
            data-y="['center','center','center','center']"
            data-voffset="['-38','-30','-30','-18']"
            data-fontsize="['50',40','30','18']"
            data-lineheight="['80','70','60','30']"
            data-fontweight="['200','200','200','200']"
            data-color="['#fff','#fff','#fff','#fff']"
            data-whitespace="nowrap"
            data-type="text"
            data-responsive_offset="on"
            data-frames='[{"delay":0,"speed":1000,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"power3.inOut"},{"delay":"wait","speed":1000,"frame":"999","to":"x:50px;opacity:0;","ease":"power3.inOut"}]'
            data-textAlign="['center','center','center','center']"
          >
            <span style="text-shadow:1px 1px #000;">
            <?= $slideshow['title'] ?>
            <br>
            <?= $slideshow['text_content'] ?>
          </span>
          </div>
        </li>
        <?php endforeach; ?>
      </ul>
    </div>
  </div>
</div>
<?php endif; ?>

<section class="our-portfolio">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12 text-center theratio-align-center">
                <div class="ot-heading is-dots">
                    <h2 class="main-heading" style="color:white;">Store Locators</h2>
                </div>
                <div id="contactPageStores" class="project-filter-wrapper">
                    <div class="projects-grid pf_4_cols style-1 img-scale w-auto mx-0">
                        <div class="grid-sizer"></div>
                        <?php foreach($showrooms as $showroom) : ?>
                            <div class="project-item category-19 ">
                                <div class="projects-box">
                                    <div class="projects-thumbnail">
                                        <a href="#">
                                            <img src="<?= base_url() . 'uploads/showroom/' . $showroom['image1']; ?>" alt="">
                                        </a>
                                        <div class="overlay">
                                            <h5><?= ucwords($showroom['showroom']) ?></h5>
                                            <i class="ot-flaticon-add"></i>
                                        </div>
                                    </div>
                                    <div class="portfolio-info">
                                        <a href="<?= $showroom['map'] ?> " target="_blank">
                                            <div class="portfolio-info-inner">
                                                <h5><?= ucwords($showroom['showroom']) ?></h5>
                                                <div class="portfolio-cates" style="color:white; font-size:12px; font-weight:normal;">
                                                    <?= $showroom['description'] ?> 
                                                </div>   
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        <?php endforeach ?>   
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<?= $landing['showroom_landingpage_description'] ?>