<?php $this->block('content'); ?>

<div class="<?= $this->class ?> swiper-holder block"<?= $this->cssID ?><?php if ($this->style): ?> style="<?= $this->style ?>"<?php endif; ?>>

  <?php if ($this->headline): ?>
  <<?= $this->hl ?>><?= $this->headline ?></<?= $this->hl ?>>
  <?php endif; ?>

<?php if ($this->eSM_slider_arrows && $this->eSM_slider_arrows == 'outside'): ?>
  <div class="swiper-button-next"></div>
  <div class="swiper-button-prev"></div>
<?php endif; ?>

  <div class="swiper-container slide-container_<?= $this->id ?>">
    <?php if ($this->eSM_addImage && ($this->src || count($this->videoFiles))): ?>
      <div class="swiper-background"<?php if ($this->src): ?>style="<?= $this->backgroundStyle ?>"<?php endif; ?>>
        <?php if ($this->videoFiles): ?>
          <video class="no-mejs" autoplay loop muted>
            <?php foreach ($this->videoFiles as $video): ?>
              <source src="<?php echo TL_FILES_URL . $video->path ?>" type="video/<?php echo $video->extension ?>">
            <?php endforeach ?>
          </video>
        <?php endif; ?>
      </div>
      <?php if ($this->src && $this->minHeight): ?>
        <style>.slide-container_<?= $this->id ?>:before { content: ""; display: block; padding-top: <?= $this->minHeight ?>; float: left; }</style>
      <?php endif; ?>
    <?php endif; ?>

    <?php if ($this->eSM_slider_arrows && $this->eSM_slider_arrows != 'outside'): ?>
      <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
    <?php endif; ?>

    <?php if ($this->eSM_slider_pagination): ?>
     <div class="swiper-pagination"></div>
    <?php endif; ?>

    <div class="swiper-wrapper" data-config="<?= $this->config ?>"<?php if ($this->breakpoints): ?> data-breakpoints='<?= $this->breakpoints ?>'<?php endif; ?>>

<?php $this->endblock(); ?>