<div class="container product-container">
<div class="row justify-content-center boutique-body">
<div class="col-lg-6 order-lg-2 align-middle transparent-bg boutique-text d-flex">
<div>
{% if editmode %}
{{ pimcore_input("title", {
"placeholder": 'Cím',
"class": "boutique-edit-title"
}) }}
{{ pimcore_wysiwyg("content", {
"height": 200,
"placeholder": "Szöveg",
"class": "boutique-edit-box"
}) }}
{% else %}
{% set title = pimcore_input("title") %}
{% set content = pimcore_wysiwyg("content") %}
{% if title and title.getText() %}
<h4>{{ title.render() | raw }}</h4>
{% endif %}
{% if content and not content.isEmpty() %}
{{ content.render() | raw }}
{% endif %}
{% endif %}
</div>
</div>
<div class="col-lg-6 order-lg-1 transparent-bg d-flex justify-content-center">
{% if editmode %}
{{ pimcore_wysiwyg("map", {
"height": 200,
"placeholder": "Térkép",
"class": "boutique-edit-map"
}) }}
{% else %}
{% set map = pimcore_wysiwyg("map") %}
{% if map and not map.isEmpty() %}
{{ map.getData() | raw }}
{% endif %}
{% endif %}
</div>
</div>
</div>
{% do pimcore_head_script().captureStart('MAP') %}
const iframe = document.querySelector("iframe");
const iframediv = iframe.parentNode.parentNode;
const iframetobewidth = iframediv.offsetWidth - 80;
iframe.width = iframetobewidth > 600 ? 600 : iframetobewidth;
{% do pimcore_head_script().captureEnd() %}