{% 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">
<div class="col xs-12 m-6 l-3">
<div class="footer-box footer-link-list">
{% if editmode %}
{{ pimcore_input("footerHeadlineOne") }}
{% else %}
{% if pimcore_input("footerHeadlineOne") is not empty %}
<h4>
{{ pimcore_input("footerHeadlineOne") }}
</h4>
{% endif %}
{% endif %}
<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 m-6 l-3">
<div class="footer-box footer-link-list">
{% if editmode %}
{{ pimcore_input("footerHeadlineTwo") }}
{% else %}
{% if pimcore_input("footerHeadlineTwo") is not empty %}
<h4>
{{ pimcore_input("footerHeadlineTwo") }}
</h4>
{% endif %}
{% endif %}
<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-6 l-3">
<div class="footer-link-list">
{% if editmode %}
{{ pimcore_input("footerHeadlineThree") }}
{% else %}
{% if pimcore_input("footerHeadlineThree") is not empty %}
<h4>
{{ pimcore_input("footerHeadlineThree") }}
</h4>
{% endif %}
{% endif %}
{% 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>
{% else %}
<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>
{% endif %}
</div>
</div>
<div class="col xs-12 m-6 l-3">
<div class="footer-logo-wrapper">
<div class="logo">
{% if editmode %}
<span class="hint">{{ 'admin.footer.hint.addBrandLogo' |trans }}</span>
{% endif %}
{{ pimcore_image("footerLogo", {
"title": "Drag your image here",
"width": 220,
"thumbnail": "footerimage"
}) }}
<div class="footer-text">
{% if editmode %}
<span class="hint">{{ 'admin.footer.hint.addBrandCopyrightText' |trans }}</span>
{% endif %}
{{ pimcore_wysiwyg("footerTextMiddle", {
'placeholder': 'Footer Text'
}) }}
</div>
</div>
</div>
</div>
</div>
</div>
</footer>