<div class="<?php echo $journal3->classes($classes); ?>">
  <button aria-label="Edit" class="admin-edit" type="button" data-edit="<?php echo $edit; ?>"><em class="fa fa-pencil" data-placement="auto" data-toggle="tooltip-hover" data-tooltip-class="admin-edit-tooltip" title="Edit <?php echo $name; ?>"></em></button>
  <div class="slider-wrapper <?php if ($slidesPerView == 'auto') { ?>slider-carousel<?php } ?>">
    <div class="swiper-container" <?php if ($syncWith) { ?>data-sync-with="<?php echo $syncWith; ?>"<?php } ?>>
      <div class="journal-loading"><em class="fa fa-spinner fa-spin"></em></div>
      <?php if ($parallax_bg) { ?>
        <?php if ($lazyLoad): ?>
          <div class="parallax-bg lazyload-bg lazyload" data-swiper-parallax="<?php echo trim($parallaxValue, 'px'); ?>"></div>
        <?php else: ?>
          <div class="parallax-bg lazyload-bg" data-swiper-parallax="<?php echo trim($parallaxValue, 'px'); ?>"></div>
        <?php endif; ?>
      <?php } ?>
      <div class="swiper-wrapper" data-options='<?php echo json_encode($options, JSON_FORCE_OBJECT); ?>'>
        <?php $first_key = array_keys($items)[0]; ?>
        <?php foreach ($items as $index => $item): ?>
          <div class="<?php echo $journal3->classes($item['classes']); ?> <?php if ($first_key == $index) { ?>swiper-slide-active<?php } ?>">
            <div class="slide-content slide-content-<?php echo $item['type'] == "custom" ? "image" : $item['type']; ?>" <?php if ($slideParallaxOffsetX) { ?>data-swiper-parallax-x="<?php echo $slideParallaxOffsetX; ?>"<?php } ?> <?php if ($slideParallaxOffsetY) { ?>data-swiper-parallax-y="<?php echo $slideParallaxOffsetY; ?>"<?php } ?> <?php if ($slideParallaxOpacity) { ?>data-swiper-parallax-opacity="<?php echo $slideParallaxOpacity; ?>"<?php } ?> <?php if ($slideParallaxScale) { ?>data-swiper-parallax-scale="<?php echo $slideParallaxScale; ?>"<?php } ?> <?php if ($slideParallaxDuration) { ?>data-swiper-parallax-duration="<?php echo $slideParallaxDuration; ?>"<?php } ?>>
              <?php if ($item['type'] == 'image' || $item['type'] == 'category' || $item['type'] == 'product') { ?>
                <?php if ($lazyLoad || $first_key !== $index): ?>
                  <img class="lazyload" src="<?php echo $lazyload_placeholder; ?>" data-srcset="<?php echo $item['image']; ?> 1x, <?php echo $item['image2x']; ?> 2x" width="<?php echo $width; ?>" height="<?php echo $height; ?>" alt="<?php echo $item['alt']; ?>" title="<?php echo $item['alt']; ?>"/>
                <?php else: ?>
                  <img src="<?php echo $item['image']; ?>" srcset="<?php echo $item['image']; ?> 1x, <?php echo $item['image2x']; ?> 2x" width="<?php echo $width; ?>" height="<?php echo $height; ?>" alt="<?php echo $item['alt']; ?>" title="<?php echo $item['alt']; ?>"/>
                <?php endif; ?>
              <?php } else if ($item['type'] == 'video') { ?>
                <video autoplay playsinline muted data-src="<?php echo $item['videoSrc']; ?>" <?php if ($item['videoPoster']): ?>poster="<?php echo $item['videoPoster']; ?>"<?php endif; ?>></video>
              <?php } ?>

              <?php if ($item['link']['href']): ?>
                <a class="slide-link" href="<?php echo $item['link']['href']; ?>" <?php echo $journal3->linkAttrs($item['link']); ?> aria-hidden="true" tabindex="-1"></a>
              <?php endif; ?>

              <?php if ($item['items']) { ?>
                <div class="slide-cols">
                  <?php foreach (['left', 'right'] as $col) { ?>
                    <?php if (!empty($item['items_' . $col])) { ?>
                      <div class="slide-col slide-col-<?php echo $col; ?>" <?php if ($colParallaxOffsetX) { ?>data-swiper-parallax-x="<?php echo $colParallaxOffsetX; ?>"<?php } ?> <?php if ($colParallaxOffsetY) { ?>data-swiper-parallax-y="<?php echo $colParallaxOffsetY; ?>"<?php } ?> <?php if ($colParallaxOpacity) { ?>data-swiper-parallax-opacity="<?php echo $colParallaxOpacity; ?>"<?php } ?> <?php if ($colParallaxScale) { ?>data-swiper-parallax-scale="<?php echo $colParallaxScale; ?>"<?php } ?> <?php if ($colParallaxDuration) { ?>data-swiper-parallax-scale="<?php echo $colParallaxDuration; ?>"<?php } ?>>
                        <div class="slide-layers">
                          <?php foreach ($item['items_' . $col] as $subitem): ?>
                            <?php if ($subitem['type'] == 'text'): ?>
                              <div class="<?php echo $journal3->classes($subitem['classes']); ?>" <?php if ($subitem['layerParallaxOffsetX']) { ?>data-swiper-parallax-x="<?php echo $subitem['layerParallaxOffsetX']; ?>"<?php } ?> <?php if ($subitem['layerParallaxOffsetY']) { ?>data-swiper-parallax-y="<?php echo $subitem['layerParallaxOffsetY']; ?>"<?php } ?> <?php if ($subitem['layerParallaxOpacity']) { ?>data-swiper-parallax-opacity="<?php echo $subitem['layerParallaxOpacity']; ?>"<?php } ?> <?php if ($subitem['layerParallaxScale']) { ?>data-swiper-parallax-scale="<?php echo $subitem['layerParallaxScale']; ?>"<?php } ?> <?php if ($subitem['layerParallaxDuration']) { ?>data-swiper-parallax-scale="<?php echo $subitem['layerParallaxDuration']; ?>"<?php } ?>>
                                <div class="slide-text-item"><span><?php echo $subitem['text']; ?></span></div>
                              </div>
                            <?php elseif ($subitem['type'] == 'svg'): ?>
                              <div class="<?php echo $journal3->classes($subitem['classes']); ?>" <?php if ($subitem['layerParallaxOffsetX']) { ?>data-swiper-parallax-x="<?php echo $subitem['layerParallaxOffsetX']; ?>"<?php } ?> <?php if ($subitem['layerParallaxOffsetY']) { ?>data-swiper-parallax-y="<?php echo $subitem['layerParallaxOffsetY']; ?>"<?php } ?> <?php if ($subitem['layerParallaxOpacity']) { ?>data-swiper-parallax-opacity="<?php echo $subitem['layerParallaxOpacity']; ?>"<?php } ?> <?php if ($subitem['layerParallaxScale']) { ?>data-swiper-parallax-scale="<?php echo $subitem['layerParallaxScale']; ?>"<?php } ?> <?php if ($subitem['layerParallaxDuration']) { ?>data-swiper-parallax-scale="<?php echo $subitem['layerParallaxDuration']; ?>"<?php } ?>>
                                <div class="svg-layer"><?php echo $subitem['svg']; ?></div>
                              </div>
                            <?php elseif ($subitem['type'] == 'button'): ?>
                              <div class="<?php echo $journal3->classes($subitem['classes']); ?>" <?php if ($subitem['layerParallaxOffsetX']) { ?>data-swiper-parallax-x="<?php echo $subitem['layerParallaxOffsetX']; ?>"<?php } ?> <?php if ($subitem['layerParallaxOffsetY']) { ?>data-swiper-parallax-y="<?php echo $subitem['layerParallaxOffsetY']; ?>"<?php } ?> <?php if ($subitem['layerParallaxOpacity']) { ?>data-swiper-parallax-opacity="<?php echo $subitem['layerParallaxOpacity']; ?>"<?php } ?> <?php if ($subitem['layerParallaxScale']) { ?>data-swiper-parallax-scale="<?php echo $subitem['layerParallaxScale']; ?>"<?php } ?> <?php if ($subitem['layerParallaxDuration']) { ?>data-swiper-parallax-scale="<?php echo $subitem['layerParallaxDuration']; ?>"<?php } ?>>
                                <div class="slide-button-group">
                                  <?php if ($subitem['button_1_text']) { ?>
                                    <a class="btn slide-button-1" <?php if ($subitem['button_1_link']['href']): ?>href="<?php echo $subitem['button_1_link']['href']; ?>" <?php echo $journal3->linkAttrs($subitem['button_1_link']); ?><?php else: ?>href="javascript:;"<?php endif; ?>><span><?php echo $subitem['button_1_text']; ?></span></a>
                                  <?php } ?>
                                  <?php if ($subitem['button_2_text']) { ?>
                                    <a class="btn slide-button-2" <?php if ($subitem['button_2_link']['href']): ?>href="<?php echo $subitem['button_2_link']['href']; ?>" <?php echo $journal3->linkAttrs($subitem['button_2_link']); ?><?php else: ?>href="javascript:;"<?php endif; ?>><span><?php echo $subitem['button_2_text']; ?></span></a>
                                  <?php } ?>
                                </div>
                              </div>
                            <?php elseif ($subitem['type'] == 'image'): ?>
                              <figure class="<?php echo $journal3->classes($subitem['classes']); ?>" <?php if ($subitem['layerParallaxOffsetX']) { ?>data-swiper-parallax-x="<?php echo $subitem['layerParallaxOffsetX']; ?>"<?php } ?> <?php if ($subitem['layerParallaxOffsetY']) { ?>data-swiper-parallax-y="<?php echo $subitem['layerParallaxOffsetY']; ?>"<?php } ?> <?php if ($subitem['layerParallaxOpacity']) { ?>data-swiper-parallax-opacity="<?php echo $subitem['layerParallaxOpacity']; ?>"<?php } ?> <?php if ($subitem['layerParallaxScale']) { ?>data-swiper-parallax-scale="<?php echo $subitem['layerParallaxScale']; ?>"<?php } ?> <?php if ($subitem['layerParallaxScale']) { ?>data-swiper-parallax-scale="<?php echo $subitem['layerParallaxScale']; ?>"<?php } ?> <?php if ($subitem['layerParallaxDuration']) { ?>data-swiper-parallax-scale="<?php echo $subitem['layerParallaxDuration']; ?>"<?php } ?>>
                                <img class="" src="<?php echo $subitem['image']; ?>" srcset="<?php echo $subitem['image']; ?> 1x, <?php echo $subitem['image2x']; ?> 2x" alt="<?php echo $subitem['alt']; ?>" width="<?php echo $subitem['width']; ?>" height="<?php echo $subitem['height']; ?>"/>
                                <?php if ($subitem['caption']) { ?>
                                  <figcaption><?php echo $subitem['caption']; ?></figcaption>
                                <?php } ?>
                                <?php if ($subitem['imageLink']['href']): ?>
                                  <a class="slide-layer-image-link" href="<?php echo $subitem['imageLink']['href']; ?>" <?php echo $journal3->linkAttrs($subitem['imageLink']); ?> aria-hidden="true" tabindex="-1"></a>
                                <?php endif; ?>
                                <?php if ($subitem['hotspot1'] || $subitem['hotspot2'] || $subitem['hotspot3']): ?>
                                  <div class="hotspot-container">
                                    <?php if ($subitem['hotspot1']): ?>
                                      <?php if ($subitem['hotspot1Type'] == "link"): ?>
                                        <a href="<?php echo $subitem['hotspot1Link']['href']; ?>" <?php echo $journal3->linkAttrs($subitem['hotspot1Link']); ?> aria-hidden="true" tabindex="-1" class="hotspot hotspot-1" data-toggle="tooltip-hover" data-tooltip-class="hotspot-tooltip hotspot-tooltip-1" data-html="true" title="<?php echo $subitem['hotspot1Content']; ?>"><span></span></a>
                                      <?php elseif ($subitem['hotspot1Type'] == "product"): ?>
                                        <a role="button" aria-hidden="true" tabindex="-1" class="hotspot hotspot-1" <?php if ($subitem['hotspot1Product']): ?>onclick="quickview('<?php echo $subitem['hotspot1Product']; ?>')"<?php endif ?> data-toggle="tooltip-hover" data-tooltip-class="hotspot-tooltip hotspot-tooltip-1" data-html="true" title="<?php echo $subitem['hotspot1Content']; ?>"><span></span></a>
                                      <?php endif ?>
                                    <?php endif ?>
                                    <?php if ($subitem['hotspot2']): ?>
                                      <?php if ($subitem['hotspot2Type'] == "link"): ?>
                                        <a href="<?php echo $subitem['hotspot2Link']['href']; ?>" <?php echo $journal3->linkAttrs($subitem['hotspot2Link']); ?> aria-hidden="true" tabindex="-1" class="hotspot hotspot-2" data-toggle="tooltip-hover" data-tooltip-class="hotspot-tooltip hotspot-tooltip-2" data-html="true" title="<?php echo $subitem['hotspot2Content']; ?>"><span></span></a>
                                      <?php elseif ($subitem['hotspot2Type'] == "product"): ?>
                                        <a role="button" aria-hidden="true" tabindex="-1" class="hotspot hotspot-2" <?php if ($subitem['hotspot2Product']): ?>onclick="quickview('<?php echo $subitem['hotspot2Product']; ?>')"<?php endif ?> data-toggle="tooltip-hover" data-tooltip-class="hotspot-tooltip hotspot-tooltip-2" data-html="true" title="<?php echo $subitem['hotspot2Content']; ?>"><span></span></a>
                                      <?php endif ?>
                                    <?php endif ?>
                                    <?php if ($subitem['hotspot3']): ?>
                                      <?php if ($subitem['hotspot3Type'] == "link"): ?>
                                        <a href="<?php echo $subitem['hotspot3Link']['href']; ?>" <?php echo $journal3->linkAttrs($subitem['hotspot3Link']); ?> aria-hidden="true" tabindex="-1" class="hotspot hotspot-3" data-toggle="tooltip-hover" data-tooltip-class="hotspot-tooltip hotspot-tooltip-3" data-html="true" title="<?php echo $subitem['hotspot3Content']; ?>"><span></span></a>
                                      <?php elseif ($subitem['hotspot3Type'] == "product"): ?>
                                        <a role="button" aria-hidden="true" tabindex="-1" class="hotspot hotspot-3" <?php if ($subitem['hotspot3Product']): ?>onclick="quickview('<?php echo $subitem['hotspot3Product']; ?>')"<?php endif ?> data-toggle="tooltip-hover" data-tooltip-class="hotspot-tooltip hotspot-tooltip-3" data-html="true" title="<?php echo $subitem['hotspot3Content']; ?>"><span></span></a>
                                     <?php endif ?>
                                    <?php endif ?>
                                  </div>
                                <?php endif; ?>
                              </figure>
                            <?php elseif ($subitem['type'] == 'video'): ?>
                              <div class="<?php echo $journal3->classes($subitem['classes']); ?>" <?php if ($subitem['layerParallaxOffsetX']) { ?>data-swiper-parallax-x="<?php echo $subitem['layerParallaxOffsetX']; ?>"<?php } ?> <?php if ($subitem['layerParallaxOffsetY']) { ?>data-swiper-parallax-y="<?php echo $subitem['layerParallaxOffsetY']; ?>"<?php } ?> <?php if ($subitem['layerParallaxOpacity']) { ?>data-swiper-parallax-opacity="<?php echo $subitem['layerParallaxOpacity']; ?>"<?php } ?> <?php if ($subitem['layerParallaxScale']) { ?>data-swiper-parallax-scale="<?php echo $subitem['layerParallaxScale']; ?>"<?php } ?> <?php if ($subitem['layerParallaxDuration']) { ?>data-swiper-parallax-scale="<?php echo $subitem['layerParallaxDuration']; ?>"<?php } ?>>
                                <?php if ($subitem['videoType'] == 'html5'): ?>
                                  <video class="lazyload" autoplay playsinline muted controls data-src="<?php echo $subitem['videoSrc']; ?>"></video>
                                <?php elseif ($subitem['videoType'] == 'youtube'): ?>
                                  <iframe data-src="https://www.youtube.com/embed/<?php echo $subitem['videoSrc']; ?>?hd=1&wmode=opaque&controls=1&showinfo=0&autoplay=1&mute=1"></iframe>
                                <?php elseif ($subitem['videoType'] == 'vimeo'): ?>
                                  <iframe data-src="https://player.vimeo.com/video/<?php echo $subitem['videoSrc']; ?>?autoplay=1&muted=1"></iframe>
                                <?php endif; ?>
                              </div>
                            <?php elseif ($subitem['type'] == 'icon'): ?>
                              <div class="<?php echo $journal3->classes($subitem['classes']); ?>" <?php if ($subitem['layerParallaxOffsetX']) { ?>data-swiper-parallax-x="<?php echo $subitem['layerParallaxOffsetX']; ?>"<?php } ?> <?php if ($subitem['layerParallaxOffsetY']) { ?>data-swiper-parallax-y="<?php echo $subitem['layerParallaxOffsetY']; ?>"<?php } ?> <?php if ($subitem['layerParallaxOpacity']) { ?>data-swiper-parallax-opacity="<?php echo $subitem['layerParallaxOpacity']; ?>"<?php } ?> <?php if ($subitem['layerParallaxScale']) { ?>data-swiper-parallax-scale="<?php echo $subitem['layerParallaxScale']; ?>"<?php } ?> <?php if ($subitem['layerParallaxDuration']) { ?>data-swiper-parallax-scale="<?php echo $subitem['layerParallaxDuration']; ?>"<?php } ?>>
                                <div class="can-rotate">
                                  <span class="has-icon"></span>
                                  <!--                        --><?php //if ($subitem['shapeType'] === 'icon') { ?>
                                  <!--                          <span class="has-icon"></span>-->
                                  <!--                        --><?php //} ?>
                                  <!--                        --><?php //if ($subitem['iconSVGCode'] && $subitem['shapeType'] === 'svg') { ?>
                                  <!--                        <span class="has-svg">--><?php //echo $subitem['iconSVGCode']; ?><!--</span>-->
                                  <!--                        --><?php //} ?>
                                  <?php if ($subitem['iconText']) { ?>
                                    <span class="has-text"><?php echo $subitem['iconText']; ?></span>
                                  <?php } ?>
                                </div>
                              </div>
                            <?php endif; ?>
                          <?php endforeach; ?>
                        </div>
                      </div>
                    <?php } ?>
                  <?php } ?>
                </div>

                <?php foreach ($item['items_absolute'] as $subitem): ?>
                  <?php if ($subitem['type'] == 'icon'): ?>
                    <div class="<?php echo $journal3->classes($subitem['classes']); ?>" <?php if ($subitem['layerParallaxOffsetX']) { ?>data-swiper-parallax-x="<?php echo $subitem['layerParallaxOffsetX']; ?>"<?php } ?> <?php if ($subitem['layerParallaxOffsetY']) { ?>data-swiper-parallax-y="<?php echo $subitem['layerParallaxOffsetY']; ?>"<?php } ?> <?php if ($subitem['layerParallaxOpacity']) { ?>data-swiper-parallax-opacity="<?php echo $subitem['layerParallaxOpacity']; ?>"<?php } ?> <?php if ($subitem['layerParallaxScale']) { ?>data-swiper-parallax-scale="<?php echo $subitem['layerParallaxScale']; ?>"<?php } ?> <?php if ($subitem['layerParallaxDuration']) { ?>data-swiper-parallax-scale="<?php echo $subitem['layerParallaxDuration']; ?>"<?php } ?>>
                      <div class="can-rotate">
                        <span class="has-icon"></span>
<!--                        --><?php //if ($subitem['shapeType'] === 'icon') { ?>
<!--                          <span class="has-icon"></span>-->
<!--                        --><?php //} ?>
<!--                        --><?php //if ($subitem['iconSVGCode'] && $subitem['shapeType'] === 'svg') { ?>
<!--                        <span class="has-svg">--><?php //echo $subitem['iconSVGCode']; ?><!--</span>-->
<!--                        --><?php //} ?>
                        <?php if ($subitem['iconText']) { ?>
                          <span class="has-text"><?php echo $subitem['iconText']; ?></span>
                        <?php } ?>
                      </div>
                    </div>
                  <?php endif; ?>
                <?php endforeach; ?>
              <?php } ?>
            </div>
          </div>
        <?php endforeach; ?>
      </div>
      <?php if (!empty($staticText) || !empty($staticText2)): ?>
        <div class="static-text-wrapper">
          <?php if (!empty($staticText)): ?>
            <?php if ($staticText && $staticTextLink['href']): ?>
              <a href="<?php echo $staticTextLink['href']; ?>" class="slider-static-text static-text-1"><span><?php echo $staticText; ?></span></a>
            <?php elseif ($staticText) : ?>
              <div class="slider-static-text static-text-1"><span><?php echo $staticText; ?></span></div>
            <?php endif; ?>
          <?php endif; ?>
          <?php if (!empty($static2Text)): ?>
            <?php if ($static2Text && $static2TextLink['href']): ?>
              <a href="<?php echo $static2TextLink['href']; ?>" class="slider-static-text static-text-2"><span><?php echo $static2Text; ?></span></a>
            <?php elseif ($static2Text) : ?>
              <div class="slider-static-text static-text-2"><span><?php echo $static2Text; ?></span></div>
            <?php endif; ?>
          <?php endif; ?>
        </div>
      <?php endif; ?>
    </div>
    <?php if ($buttonsStatus) { ?>
      <div class="swiper-buttons slider-navigation">
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
      </div>
    <?php } ?>
    <?php if ($pagination !== 'none') { ?>
      <div class="swiper-pagination-wrapper">
        <div class="swiper-pagination <?php if ($pagination == 'bullets' && $bulletsType == 'dots') { ?>swiper-pagination-dots<?php } ?>"></div>
      </div>
    <?php } ?>
    <?php if ($autoplay && $timerPlacement === 'slider') { ?>
      <div class="slider-timer">
        <div class="swiper-timeline"></div>
      </div>
    <?php } ?>
    <?php if ($scrollbar) { ?>
      <div class="swiper-scrollbar"></div>
    <?php } ?>
  </div>
  <?php if ($thumbnails) { ?>
    <div class="slider-thumbs">
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <?php $index = 0; ?>
          <?php foreach ($items as $item) { ?>
            <div class="<?php echo $journal3->classes($item['thumb_classes']); ?> <?php if ($first_key == $index) { ?>swiper-slide-active<?php } ?>" data-index="<?php echo $index++; ?>">
              <?php if ($lazyLoad): ?>
                <img class="lazyload" src="<?php echo $lazyload_thumb_placeholder; ?>" data-srcset="<?php echo $item['thumb']; ?> 1x, <?php echo $item['thumb2x']; ?> 2x" width="<?php echo $thumbnailsDimensions['width']; ?>" height="<?php echo $thumbnailsDimensions['height']; ?>" alt="<?php echo $item['alt']; ?>" title="<?php echo $item['alt']; ?>"/>
              <?php else: ?>
                <img src="<?php echo $item['thumb']; ?>" srcset="<?php echo $item['thumb']; ?> 1x, <?php echo $item['thumb2x']; ?> 2x" width="<?php echo $thumbnailsDimensions['width']; ?>" height="<?php echo $thumbnailsDimensions['height']; ?>" alt="<?php echo $item['alt']; ?>" title="<?php echo $item['alt']; ?>"/>
              <?php endif; ?>
              <div class="thumb-text"><?php echo $item['thumbText']; ?></div>
              <?php if ($autoplay && $timerPlacement === 'thumbs') { ?>
                <div class="slider-timer">
                  <div class="swiper-timeline"></div>
                </div>
              <?php } ?>
            </div>
          <?php } ?>
        </div>
      </div>
    </div>
  <?php } ?>
</div>
