{% if editmode %}
{# styles only for editmode #}
<link rel="stylesheet" href="{{ asset('static/'~bundleName~'/css/styles.css') }}">
<link rel="stylesheet" href="{{ asset('static/'~bundleName~'/css/editmode.css') }}">
{% endif %}
<footer>
<div class="section row">
<div class="main-content flex-col offset-single">
<div class="col xs-12 s-6 m-3">
<div class="footer-box footer-link-list">
<h4>{{ pimcore_input("footerBlockOneHeadline") }}</h4>
<ul class="level-0">
{% for i in pimcore_iterate_block(pimcore_block('footerBlockOnelinks')) %}
<li>{{ pimcore_link('myLink', {'class': "footer-item"}) }}</li>
{% endfor %}
</ul>
</div>
</div>
<div class="col xs-12 s-6 m-3">
<div class="footer-box footer-link-list">
<h4>{{ pimcore_input("footerBlockTwoHeadline") }}</h4>
<ul class="level-0">
{% for i in pimcore_iterate_block(pimcore_block('footerBlockTwolinks')) %}
<li>{{ pimcore_link('myLink', {'class': "footer-item"}) }}</li>
{% endfor %}
</ul>
</div>
</div>
<div class="col xs-12 m-4 l-3">
<div class="footer-box footer-link-list">
<ul>
{% for i in pimcore_iterate_block(pimcore_block('footerBlockThreelinks')) %}
<li>{{ pimcore_link('myLink', {'class': "footer-item"}) }}</li>
{% endfor %}
</ul>
</div>
</div>
<div class="col xs-12 m-4 l-3">
{% if editmode %}
<div class="offset-top-single">
<span class="hint">{{ 'admin.footer.hint.addSocialMedia' |trans }}</span>
{% for i in pimcore_iterate_block(pimcore_block('social-icons')) %}
<div class="offset-bottom-single">
<div class="small-offset">
<span class="hint">{{ 'admin.footer.hint.selectSocialMedia' |trans }}</span>
{{ pimcore_select("selectSocial", {
"store": [
["facebook", "Facebook"],
["twitter", "Twitter"],
["instagram", "Instagram"],
["youtube", "Youtube"],
["", "Other"]
]
}) }}
</div>
<div class="small-offset">
<span class="hint">{{ 'admin.footer.hint.admin.footer.hint.addLink' |trans }}</span>
{{ pimcore_link('socialLink') }}
</div>
<div class="small-offset">
<span class="hint">{{ 'admin.footer.hint.admin.footer.hint.addOrSelectIcon' |trans }}</span>
{{ pimcore_image("socialIcon", {
"title": "Drag your image here",
"width": 150,
"height": 150,
"thumbnail": "socialMediaIcon"
}) }}
</div>
</div>
{% endfor %}
</div>
<div class="small-offset">
<span class="hint">{{ 'admin.footer.hint.claim' |trans }}</span>
{{ pimcore_link('footerClaimLink') }}
{{ pimcore_image("footerClaim", {
"title": "Drag your image here",
"width": 60,
"height": 60,
}) }}
</div>
{% else %}
<div class="footer-link-list">
<ul class="social-icons">
{% for i in pimcore_iterate_block(pimcore_block('social-icons')) %}
{% if not pimcore_link('socialLink').isEmpty() %}
<li>
<a href="{{ pimcore_link('socialLink').getHref() }}" target="_blank" rel="noopener"
{% if not pimcore_select("selectSocial").isEmpty() %}
aria-label="{{pimcore_select("selectSocial")}}"
{% endif %}>
{% if not pimcore_image("socialIcon").isEmpty() %}
{{ pimcore_image("socialIcon").getThumbnail("SocialIcon").getHtml() |raw }}
{% else %}
{% if not pimcore_select("selectSocial").isEmpty() %}
<span class="icon {{pimcore_select("selectSocial")}}"></span>
{% endif %}
{% endif %}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
{% if not pimcore_image('footerClaim').isEmpty() %}
<a class="footer-claim" href="{{ pimcore_link('footerClaimLink').getHref() }}" target="_blank">
{{ pimcore_image("footerClaim") }}
</a>
{% endif %}
</div>
{% endif %}
</div>
<div class="col xs-12">
<div class="footer-text">
{{ pimcore_wysiwyg("footerTextMiddle", {
'placeholder': 'Footer Text'
}) }}
</div>
</div>
</div>
</div>
</footer>