{#
## NOTE: This file is a override from the Core Areabrick. The change is marked with: <snk: and // snk>
#}
{% set spacingSelect %}
{{ pimcore_checkbox("checkSpacing", {
"reload": true
}) }}
{% endset %}
{% if pimcore_checkbox('checkSpacing').isChecked() %}
{% set noSpacingTop = 'no-offset-top' %}
{% endif %}
{% set UID = uniqid() %}
{% if pimcore_input("brickAnchorIdInput") is not empty %}
{% set brickAnchorId = pimcore_input("brickAnchorIdInput")|lowercase %}
{% endif %}
{% set hasSliderSelect %}
{{ pimcore_select("hasSlider", {
"store": [
["has-slider", "Slider"],
["no-slider", "Listenansicht"]
], reload: true
}) }}
{% endset %}
{% set colSelect %}
{{ pimcore_select("cols", {
"store": [
["xs-12 full", "1"],
["xs-12 m-6 half", "2"],
["xs-12 m-6 l-4 one-third", "3"]
], reload: true
}) }}
{% endset %}
{% set colsSelectResult = pimcore_select("cols").getData() %}
{% if editmode %}
<div class="flex-col offset-bottom-single">
<div class="col xs-12 m-6 l-3">
<span class="hint">{{ 'admin.brick.hint.anchorId' |trans }}</span>
{{ pimcore_input("brickAnchorIdInput") }}
</div>
<div class="col xs-12 m-6 l-3">
<div class="select-items">
<div class="hint">
{{ 'admin.brick.hint.paddingTop' |trans }}
</div>
{{ spacingSelect }}
</div>
</div>
</div>
<div class="flex-col offset-bottom-single">
<div class="col xs-12 m-6 l-3">
<span class="hint">{{ 'admin.brick.hint.selectCol:' |trans }}</span>
{{ colSelect }}
</div>
<div class="col xs-12 m-6 l-3">
<span class="hint">{{ 'admin.brick.hint.displayMode:' |trans }}</span>
{{ hasSliderSelect }}
</div>
</div>
{% endif %}
{% if editmode %}
<div class="admin teaser-panel-row">
{% endif %}
<div id="{{ brickAnchorId }}" class="section {{ noSpacingTop }}">
<div class=" panel {% if editmode %} {% else %}{{ pimcore_select("hasSlider").getData() }} {% endif %}{% if colsSelectResult == 'xs-12 m-6 half' %}half{% elseif colsSelectResult == 'xs-12 full' %}full{% else %}one-third{% endif %} magazine">
<div class="main-content">
<div class="panel-container">
<div class="panel-content">
<div class="flex-col panel-slider">
{% for i in pimcore_iterate_block(pimcore_block('contentblock')) %}
<div class="col {{ colsSelectResult }}">
{% if editmode %}
<span class="hint">
{{ 'admin.brick.hint.selectMagazinRecipe'|trans }}</span>
{{ pimcore_href("selectDoc", {
"types": ["object"],
"reload": true
}) }}
{% endif %}
{% if pimcore_href("selectDoc").isEmpty() != true %}
{% set articleObject = pimcore_href("selectDoc").getElement() %}
{% set articleImage = articleObject.headerImage() %}
{% set articleCategory = articleObject.getClassName() %}
{% endif %}
{% if articleObject is defined %}
{% if articleObject is instanceof('\\Pimcore\\Model\\DataObject\\Recipe') %}
{% set detailViewUri = pimcore_url(
{
"name": articleObject.getUrlTitle()|sanitized_url,
"rezeptid": articleObject.getId()
},
"recipeDetail"
) %}
{% else %}
{% set detailViewUri = pimcore_url(
{
"language": document.getProperty("language"),
"name": articleObject.key|sanitized_url,
"magazineid": articleObject.getId()
},
"magazineDetailBornBundle"
) %}
{% endif %}
<div class="teaser magazine">
<div class="teaser-content-container" style="background:#002a44">
<div class="teaser-image-box">
<a href="{{ detailViewUri }}">
{% if articleImage %}
<div class="teaser-image">
{% if colsSelectResult == 'xs-12 full' %}
{{ articleImage.getThumbnail("teaserMagazineImageFull" ~ bundleName).getHtml() |raw }}
{% elseif colsSelectResult == 'xs-12 m-6 half' %}
{{ articleImage.getThumbnail("teaserMagazineImageHalf" ~ bundleName).getHtml() |raw }}
{% elseif colsSelectResult == 'xs-12 m-6 l-4 one-third' %}
{{ articleImage.getThumbnail("teaserMagazineImage" ~ bundleName).getHtml() |raw }}
{% endif %}
</div>
{% endif %}
</a>
</div>
<div class="teaser-content-box" style="background:#002a44; position:relative; bottom:0; max-width:100%; flex:1; text-align: center">
<div style="display: inline-block; text-align: left">
{% if not editmode %}
<a href="{{ detailViewUri }}">
{% endif %}
<div class="teaser-content">
<div class="teaser-title">
<span class="teaser-subline">
{# <snk: override core for editable sub headline and move date #}
{% if editmode %}
{{ pimcore_input("articleSubheadlineTeaser", {
"placeholder": "Magazine"
})|trademark }}
{% else %}
{% if pimcore_input("articleSubheadlineTeaser") is not empty %}
{{ pimcore_input("articleSubheadlineTeaser") }}
{% else %}
{{ articleCategory |trans }}
{% endif %}
{% endif %}
</span>
{% if articleObject is instanceof('\\Pimcore\\Model\\DataObject\\Magazine') %}
<div class="teaser-date">
<span> {{ articleObject.getDate().format('d.m.Y') }}</span>
</div>
{% endif %}
{# // snk> #}
<h4>
{{ articleObject.getTitle()|trademark }}
</h4>
</div>
<div class="teaser-text">
<p>
{{ articleObject.getTeaserText()|trademark }}
</p>
</div>
<div class="teaser-link">
<span class="link">{{ 'Mehr lesen' |trans }}</span>
</div>
{% if articleObject is instanceof('\\Pimcore\\Model\\DataObject\\Recipe') %}
<div class="teaser-icons">
<div class="items">
<span class="icon time"></span>
<span class="uppercase">{{ articleObject.getDuration() |trans }}</span>
</div>
<div class="items">
<span class="icon toque"></span>
<span class="uppercase">{{ articleObject.getLevel() |trans }}</span>
</div>
<div class="items">
<span class="icon cutlery"></span>
<span class="uppercase">{{ 'Serves' |trans }} {{ articleObject.getServes() |trans }}</span>
</div>
</div>
{% endif %}
</div>
{% if not editmode %}
</a>
{% endif %}
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
{% if editmode %}
</div>
{% endif %}