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

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

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

  <div class="slick-slider-container slide-container_<?= $this->id ?>">
    <?php if ($this->eSM_addImage && ($this->src || count($this->videoFiles))): ?>
      <div class="slick-slider-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; ?>

    <div class="slick-slider-wrapper" data-config="<?= $this->config ?>">

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