<?php
$cssClasses = array(
  'feature-wrapper',
  'feature-wrapper_'.$this->id,
  $this->class,
);
if ($this->contentPosition) {
    $cssClasses[] = $this->contentPosition;
}
if ($this->valign) {
    $cssClasses[] = $this->valign;
}
if ($this->valignCenter) {
    $cssClasses[] = '-valign-center';
}

$figure = '';
$blnIsVideo = false;
if (($file = \FilesModel::findByUuid($this->backgroundImage)) !== null)
{
  if (in_array(
    $file->extension,
    array_map('trim', explode(',', \Config::get('validImageTypes')))
  ))
  {
    $figure = $this->figure(
      $file->uuid, $this->backgroundImageSize,
      [
        'options' => [
          'attr' => [
            'class' => 'feature-image',
            'style' => "object-fit: $this->backgroundSize;" .
                "object-position: $this->backgroundPosition;" .
                "font-family: 'object-fit: $this->backgroundSize';"
          ]
        ]
      ]
    );
  } else {
    $blnIsVideo = !$blnIsVideo;
  }
}


?>

<?php $this->block('content'); ?>
<div class="<?php echo implode(' ', $cssClasses) ?> block"<?= $this->cssID ?><?php if ($this->style): ?> style="<?= $this->style ?>"<?php endif; ?>>

  <div class="photo-wall">
  <?php if ($blnIsVideo && $file !== null): ?>
    <div class="photo-wall-content">
      <video class="no-mejs" autoplay loop>
          <source src="<?php echo TL_FILES_URL . $file->path ?>" type="video/<?php echo $file->extension ?>">
      </video>
    </div>
  <?php elseif ($figure !== null): ?>
    <div class="photo-wall-content">
      <?= $figure ?>
    </div>
  <?php endif ?>
  </div>

  <div class="text-wall"><div class="text-wall-content<?php if ($this->padding): ?> <?= $this->padding ?><?php endif; ?>">
<?php $this->endblock(); ?>