<section class="form_travelguide <?= $this->class ?> section-margin-default"<?= $this->cssID ?>>
<div class="form_travelguide__inner">
<div class="row g-0 align-items-stretch">
<?php
$image = null;
$imageSrc = null;
if ($this->singleSRC) {
$image = \Contao\FilesModel::findByUuid($this->singleSRC);
if ($image) {
$imageSrc = \Contao\System::getContainer()
->get('contao.image.image_factory')
->create(TL_ROOT . '/' . $image->path, [1200, 600, 'center_center'])
->getUrl(TL_ROOT);
}
}
?>
<div class="<?= $image ? 'col-md-5' : 'col-12' ?> order-2 order-md-1 form_travelguide__content">
<?php if ($this->subline): ?>
<p class="form_travelguide__subline"><?= $this->subline ?></p>
<?php endif ?>
<h3 class="form_travelguide__headline mt-0"><?= $this->headline ?></h3>
<?php if ($this->description): ?>
<div class="form_travelguide__description">
<?= $this->description ?>
</div>
<?php endif ?>
<div class="form_travelguide__form mt-3">
<?= $this->replaceInsertTags('{{insert_form::4}}') ?>
</div>
<div class="form_travelguide__disclaimer fs-small mt-3">
<?= $this->disclaimer ?>
</div>
</div>
<?php if ($image): ?>
<div class="col-md-7 order-1 order-md-2 form_travelguide__image-col">
<img src="<?= $imageSrc ?>" alt="" class="form_travelguide__image" loading="lazy">
</div>
<?php endif ?>
</div>
</div>
</section>
<script>
document.addEventListener('DOMContentLoaded', function () {
var form = document.querySelector('form.travelguide-order');
if (!form) return;
var regionField = form.querySelector('[name="region"]');
if (!regionField) return;
regionField.value = window.location.href;
});
</script>