<?php
if (TL_MODE == 'FE') {
    $GLOBALS['TL_CSS'][] = 'files/base/layout/css/elements/custom-elements/ce_rsce_stoerer.min.css|static';
}
?>

<div
    <?php echo $this->cssID; ?>class="content--element <?php echo $this->class; ?> <?php if ($this->alternate_right_position): ?>right-pos<?php elseif ($this->alternate_left_position): ?>left-pos<?php endif; ?>"
    style="
    <?php if ($this->alternate_top_position): ?>
            top: <?= $this->alternate_top_position;?>;
 <?php endif; ?>

    <?php if ($this->alternate_bottom_position): ?>
            top: auto;
            bottom: <?= $this->alternate_bottom_position;?>;
 <?php endif; ?>

    <?php if ($this->alternate_right_position): ?>
            right:  <?= $this->alternate_right_position;?>;
 <?php endif; ?>

    <?php if ($this->alternate_left_position): ?>
            right:  auto;
            left:   <?= $this->alternate_left_position;?>;
 <?php endif; ?>

    <?php if ($this->is_fixed): ?>
            position: fixed;
    <?php endif; ?>
            ">
    <div class="ce--inner">
        <div class="ce--stoerer"
             style="<?php if ($this->text_rotation): ?>transform: rotate(<?= $this->text_rotation;?>deg);<?php endif; ?>">
            <?php if ($this->img): ?>
                <img src="<?= Image::get(FilesModel::findByUuid($this->img)->path, null, null, null); ?>">
            <?php endif; ?>
            <?php if ($this->content): ?>
                <div class="stoerer--content"
                    <?php if ($this->alternate_text_color): ?>
                        style="color: <?= $this->alternate_text_color; ?>"
                    <?php endif; ?>
                >
                    <?= $this->content; ?>
                </div>
            <?php endif; ?>
        </div>
    </div>
</div>