<?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(); ?>