{% from '@Provider/macros/include-svg.html.twig' import includeSvg %}
{# Default block settings #}
{% set class = pimcore_input('class').getData() %}
{% set marginTop = pimcore_select('margin_top').getData() %}
{% set marginBottom = pimcore_select('margin_bottom').getData() %}
{% set containerWidth = pimcore_select('container_width').getData() %}
{% set areaClass = class ~ ' ' ~ marginTop ~ ' ' ~ marginBottom ~ ' ' ~ containerWidth %}
{% set anchorId = pimcore_input('anchor').getData() %}
{# Infobox block settings #}
{% set type = pimcore_select('type').getData() == 'primary' ? 'highlight' : 'standard' %}
<div class="area area--infobox {{ areaClass }}"{% if anchorId %} id="{{ anchorId }}"{% endif %}>
<div class="infobox {{ type }}">
<header class="infobox--title">
{% if not pimcore_checkbox('noIcon').isChecked() %}
{{ includeSvg('diverses/info') }}
{% endif %}
<h3>
{{ pimcore_input('infobox_headline', {
'placeholder': 'Headline'
}) }}
<small>{{ pimcore_input('info_headline', {
'placeholder': 'Subheadline'
}) }}</small>
</h3>
</header>
{{ pimcore_wysiwyg('infobox_text', {
}) }}
{% if editmode %}
{{ pimcore_link('link', { 'reload': true }) }}
{% endif %}
{% if not pimcore_link('link').isEmpty() %}
<p>
<a href="{{ pimcore_link('link').getHref() }}" class="btn btn-{% if pimcore_link('link').getClass() %}{{ pimcore_link('link').getClass() }}{% else %}outline{% endif %}" {% if pimcore_link('link').getTarget() %}target="{{ pimcore_link('link').getTarget() }}"{% endif %}>
{{ pimcore_link('link').getText() }}
</a>
</p>
{% endif %}
</div>
</div>