{% from '@Provider/macros/iconbox.html.twig' import iconBox %}
{% 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() %}
{# Pricelist block settings #}
{% set layout = pimcore_select('layout').getData() %}
<div class="area area--price-list {{ areaClass }}"{% if anchorId %} id="{{ anchorId }}"{% endif %}>
<ul class="price-list variant--{{ layout }}">
{% for i in pimcore_iterate_block(pimcore_block('pricelist_item')) %}
<li class="price-list--item">
{% if layout == 'image' %}
<div class="price-list--image">
{% if editmode %}
{{ pimcore_relation("pricelist_image", {
"types": ["asset"],
"subtypes": {
"asset": ["image"]
},
"width": 200,
"reload": true
}) }}
{% endif %}
{% if not pimcore_relation("pricelist_image").isEmpty() %}
{{ pimcore_relation('pricelist_image').getElement().getThumbnail('quoteImage').getHtml() | raw }}
{% endif %}
</div>
{% elseif layout == 'icon' %}
<div class="price-list--icon">
{% if editmode %}
{{ pimcore_select('pricelist_icon', {
"store": conecto_get_icons(),
"defaultValue": "diverses/diamond",
"reload": true
}) }}
{% endif %}
{% if not pimcore_select('pricelist_icon').isEmpty() %}
{{ includeSvg(pimcore_select('pricelist_icon').getData()) }}
{% endif %}
</div>
{% endif %}
<div class="price-list--content">
<div class="price-list--headline">
<p class="lead">{{ pimcore_input('price_list_headline', {
'placeholder': 'Überschrift',
'class': 'lead'
}) }}</p>
<p class="lead">{{ pimcore_input('price_list_headline_price', {
'placeholder': '€ XX,XX',
'class': 'lead'
}) }}</p>
</div>
{% for i in pimcore_iterate_block(pimcore_block('pricelist_item_content')) %}
<div class="price-list--text">
<p>{{ pimcore_input('price_list_text', {
'placeholder': 'Produkt'
}) }}</p>
<p>{{ pimcore_input('price_list_price', {
'placeholder': '€ XX,XX'
}) }}</p>
</div>
{% endfor %}
</div>
</li>
{% endfor %}
</ul>
</div>