<ul class="nav social {{ editmode ? 'flex-column' : 'flex-row flex-sm-nowrap' }} flex-grow-1 justify-content-lg-end">
{% if editmode or pimcore_input( 'soc_instagram').getValue() %}
<li class="nav-item mx-2 mx-lg-3 mt-3">
<a href="{{ pimcore_input( 'soc_instagram').getValue() }}" itemprop="sameAs" target="_blank" title="Instagram" class="btn btn-secondary btn-swipe btn-icon m-0"><i class="lorch-icon lorch-icon-instagram"></i></a>
{% if editmode %}
{{ pimcore_input( 'soc_instagram', { placeholder: 'Instagram URL' }) }}
{% endif %}
</li>
{% endif %}
{% if editmode or pimcore_input( 'soc_linkedin').getValue() %}
<li class="nav-item mx-2 mx-lg-3 mt-3">
<a href="{{ pimcore_input( 'soc_linkedin').getValue() }}" itemprop="sameAs" target="_blank" title="LinkedIn" class="btn btn-secondary btn-swipe btn-icon m-0"><i class="lorch-icon lorch-icon-linked-in"></i></a>
{% if editmode %}
{{ pimcore_input( 'soc_linkedin', { placeholder: 'LinkedIn URL' }) }}
{% endif %}
</li>
{% endif %}
{% if editmode or pimcore_input( 'soc_xing').getValue() %}
<li class="nav-item mx-2 mx-lg-3 mt-3">
<a href="{{ pimcore_input( 'soc_xing').getValue() }}" itemprop="sameAs" target="_blank" title="Xing" class="btn btn-secondary btn-swipe btn-icon m-0"><i class="lorch-icon lorch-icon-xing"></i></a>
{% if editmode %}
{{ pimcore_input( 'soc_xing', { placeholder: 'Xing URL' }) }}
{% endif %}
</li>
{% endif %}
{% if editmode or pimcore_input( 'soc_facebook').getValue() %}
<li class="nav-item mx-2 mx-lg-3 mt-3">
<a href="{{ pimcore_input( 'soc_facebook').getValue() }}" itemprop="sameAs" target="_blank" title="Facebook" class="btn btn-secondary btn-swipe btn-icon m-0"><i class="lorch-icon lorch-icon-facebook"></i></a>
{% if editmode %}
{{ pimcore_input( 'soc_facebook', { placeholder: 'Facebook URL' }) }}
{% endif %}
</li>
{% endif %}
{% if editmode or pimcore_input( 'soc_youtube').getValue() %}
<li class="nav-item mx-2 mx-lg-3 mt-3">
<a href="{{ pimcore_input( 'soc_youtube').getValue() }}" itemprop="sameAs" target="_blank" title="Youtube" class="btn btn-secondary btn-swipe btn-icon m-0"><i class="lorch-icon lorch-icon-youtube"></i></a>
{% if editmode %}
{{ pimcore_input( 'soc_youtube', { placeholder: 'Youtube URL' }) }}
{% endif %}
</li>
{% endif %}
</ul>