<section class="wysiwyg-area container content-block js-fade-in {{ include('Layout/includes/editmode-box-classes.html.twig') }} {{ styleModifier | default(null) }} {{ not pimcore_input('anchorTitle').empty ? 'js-anchor-nav__item' : '' }}" {% if not pimcore_input('anchorTitle').empty %}data-anchor-nav-title="{{ pimcore_input('anchorTitle').frontend }}"{% endif %}>
{% embed 'Includes/editmode-settings.html.twig' %}
{% block additionalInfo %}
<div>
<label>
Tag ID: {{ pimcore_input('tagId') }}
</label>
</div>
<div>
<label>
Organisation Code: {{ pimcore_input('orgCode') }}
</label>
</div>
<div>
<label>
Target Route: {{ pimcore_input('targetRoute') }}
</label>
</div>
<div>
<label>
Additional Parameter: {{ pimcore_input('urlOptionalParams') }}
</label>
</div>
<div class="mt-2">
<label>
Main Spot: <br>
Latitude: {{ pimcore_input('poiLat') }}
Longitude: {{ pimcore_input('poiLong') }}
Name: {{ pimcore_input('poiName') }}
</label>
</div>
{% endblock %}
{% endembed %}
<div class="{% if pimcore_checkbox('inquiryButtonCentered').checked %}text-center{% endif %}">
{{ include('Includes/title-block-editable.html.twig') }}
{% if not editmode %}
<div id="tosc5target" style="min-height: 100vh;" class="text-center mt-4"></div>
{% do jsConfig().add('toscInit', true) %}
<script data-cookieconsent="ignore">
const toscLang = "{{ app.request.locale }}";
const orgCode = "{{ pimcore_input('orgCode').data }}";
_config.toscTagId = "{{ pimcore_input('tagId').data }}";
{% if not pimcore_input('targetRoute').empty %}
const toscTargetRoute= "{{ pimcore_input('targetRoute').data }}";
{% endif %}
{% if not pimcore_input('urlOptionalParams').empty %}
const toscUrlOptionalParams= "{{ pimcore_input('urlOptionalParams').data }}";
{% endif %}
const toscBaseHref = "{{ document.fullPath }}";
{% if not pimcore_input('poiLat').isEmpty() and not pimcore_input('poiLong').isEmpty() %}
const toscCustomPoi = [
{
"id": "mainSpot",
"lat": {{ pimcore_input('poiLat').data|replace({',': '.'}) }},
"long": {{ pimcore_input('poiLong').data|replace({',': '.'}) }},
"name": [
{
"lang": "{{ app.request.locale }}",
"value": "{{ pimcore_input('poiName').data }}"
},
]
}
];
{% endif %}
</script>
{% endif %}
</div>
</section>