{% if editmode %}
{{ include('includes/backend-kopf.html.twig') }}
{% set tabContentArray = {1: 'Optional', 2: 'Content'} %}
{% set tab = 1 %}
<div id="content">
{% if tabContentArray is defined and tab in tabContentArray|keys %}
{{ admin_tabs(tab, tabContentArray) | raw }}
{% endif %}
<section class="tabContent">
<p class="hl">Optionale Einstellung:</p>
{% set element = 'artikel' %}
<div id="{{ element }} ">
{{ pimcore_multiselect(element, {
'width': 200,
'height': 100,
'store': [
['abstand-top', 'Abstand nach oben'],
['abstand-bottom', 'Abstand nach unten']
]
}) }}
</div>
</section>
{% if tabContentArray is defined and 2 in tabContentArray|keys %}
{{ admin_tabs(2, tabContentArray) | raw }}
<section class="tabContent">
<div style="width: 100%;padding-left:37px;margin-top:100px;"><p class="hl">Bitte aus dem Ordner "geo-location_oeffnungszeiten_kontakt"
Object zuweisen:</p></div>
<div class="dragdrop"><span class="parentbox">
{{ pimcore_relation("objectGeolocationFolder", {
"types": ["object"],
"subtypes": {
"object": ["object"]
},
"classes": ["geolocation"],
"width" : 750
}) }}
</span></div>
<br/><br/><br/><br/>
</section>
{% endif %}
</div>
{{ include('includes/backend-fuss.html.twig') }}
{% else %}
{% set abstand_top_class = (checkMultiselect(pimcore_multiselect("artikel"),'abstand-top') == true)? ' abstand-top' : '' %}
{% set abstand_bottom_class = (checkMultiselect(pimcore_multiselect("artikel"),'abstand-bottom') == true)? ' abstand-bottom' : '' %}
{% set abstandClasses = abstand_top_class ~ abstand_bottom_class %}
<div class="{{ abstandClasses }}">
<div class="infobar-store theme-color-bg">
<div class="constrainer-maxsize" style="position:relative;padding:0;">
{% set lang = app.request.getLocale() %}
{% if expertImage is not empty and expertImage.getId() is not empty %}
{{ imageResponsive({"src": expertImage.getFullPath(),
"ausgabeformat": "figure",
"endtag": true,
"class": "avatar",
"language": lang }) | raw }}
{% endif %}
<div class="copy layout-float-wrap">
{% if expertName is not empty %}
<div class="info-item">
<figure class="icon-wrp">
<svg xmlns="http://www.w3.org/2000/svg" width="25.032" height="30" viewBox="0 0 25.032 30">
<defs>
<style>
.cls-1 {
fill: #fff;
}
[data-theme=homes] .cls-1 {
fill: #000;
}
[data-theme="homes"][data-page="hochsoelden"] .cls-1 {
fill: #fff;
}
[data-theme=shops] .cls-1 {
fill: #e50000;
}
</style>
</defs>
<path class="cls-1" d="M25.373,28.763H23.744a1.529,1.529,0,0,1-1.53-1.528,1.162,1.162,0,0,1,.35-.832,10.982,10.982,0,0,0,2.321-3.495.655.655,0,0,0,.386.149c.914,0,1.991-2.021,1.991-3.4s-.128-2.495-1.044-2.495a1.411,1.411,0,0,0-.34.048c-.065-3.736-1.008-8.4-6.712-8.4-5.951,0-6.645,4.652-6.712,8.383a1.307,1.307,0,0,0-.245-.036c-.916,0-1.042,1.117-1.042,2.495s1.073,3.4,1.989,3.4a.626.626,0,0,0,.317-.088,11.016,11.016,0,0,0,2.293,3.44,1.154,1.154,0,0,1,.35.83,1.531,1.531,0,0,1-1.53,1.53H12.955a6.307,6.307,0,0,0-6.308,6.308v1.748a1.992,1.992,0,0,0,1.991,1.991H29.689a1.991,1.991,0,0,0,1.989-1.991V35.077A6.307,6.307,0,0,0,25.373,28.763Z" transform="translate(-6.647 -8.818)"/>
</svg>
<figcaption class="font-light font-light font-color-dynamic">{{ expertName }}</figcaption>
</figure>
</div>
{% endif %}
{% if strasse is not empty %}
<div class="info-item">
<figure class="icon-wrp">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.946 31.105">
<defs>
<style>
.cls-1 {
fill: #fff;
}
[data-theme=homes] .cls-1 {
fill: #000;
}
[data-theme="homes"][data-page="hochsoelden"] .cls-1 {
fill: #fff;
}
[data-theme=shops] .cls-1 {
fill: #e50000;
}
</style>
</defs>
<path id="Pfad_19183" data-name="Pfad 19183" class="cls-1" d="M30.146,10.473a10.473,10.473,0,0,0-20.946,0c0,8.274,10.473,20.632,10.473,20.632S30.146,18.747,30.146,10.473Zm-15.71-.628a5.132,5.132,0,1,1,5.132,5.132,5.01,5.01,0,0,1-5.132-5.132Zm0,0" transform="translate(-9.2)"/>
</svg>
<figcaption class="font-light font-color-dynamic">{{ strasse }}</figcaption>
</figure>
</div>
{% endif %}
{% if telefonnummer is not empty %}
<div class="info-item">
<figure class="icon-wrp">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 17.7 23" style="enable-background:new 0 0 17.7 23;" xml:space="preserve">
<defs>
<style>
.cls-1 {
fill: #fff;
}
[data-theme=homes] .cls-1 {
fill: #000;
}
[data-theme="homes"][data-page="hochsoelden"] .cls-1 {
fill: #fff;
}
[data-theme=shops] .cls-1 {
fill: #e50000;
}
</style>
</defs>
<g transform="matrix(0.978, 0.208, -0.208, 0.978, 4.229, 0)">
<path class="cls-1" d="M17.5,16.4c0,0.3-0.1,0.7-0.3,0.9l-2.9,2.9c-0.1,0.2-0.3,0.3-0.5,0.4c-0.2,0.1-0.4,0.2-0.6,0.2l-0.1,0
c-0.1,0-0.2,0-0.3,0c-0.5,0-0.9-0.1-1.4-0.1c-0.8-0.1-1.6-0.4-2.3-0.7c-1.1-0.5-2.1-1-3.1-1.7c-1.3-0.9-2.6-1.9-3.7-3.1
c-0.9-0.9-1.8-1.9-2.6-2.9C-1,11.4-1.5,10.5-2,9.6c-0.4-0.7-0.7-1.4-0.9-2.1c-0.2-0.5-0.3-1.1-0.4-1.7c-0.1-0.4-0.1-0.7-0.1-1.1
c0-0.3,0-0.4,0-0.4c0-0.2,0.1-0.4,0.2-0.6C-3.1,3.4-3,3.3-2.8,3.1l2.9-2.9C0.3,0,0.5-0.2,0.8-0.2C1-0.2,1.2-0.1,1.3,0
c0.2,0.1,0.3,0.3,0.4,0.4l2.4,4.5c0.1,0.2,0.2,0.5,0.1,0.8C4.1,6,4,6.2,3.8,6.4L2.7,7.5c0,0-0.1,0.1-0.1,0.1c0,0.1,0,0.1,0,0.2
C2.7,8.2,2.8,8.5,3,8.9c0.2,0.5,0.5,0.9,0.8,1.3c0.5,0.6,1,1.2,1.6,1.8C6,12.5,6.5,13,7.2,13.5c0.4,0.3,0.8,0.6,1.3,0.8
c0.3,0.1,0.5,0.2,0.8,0.3l0.3,0.1c0,0,0.1,0,0.1,0c0.1,0,0.1,0,0.1-0.1l1.3-1.3c0.3-0.2,0.6-0.4,0.9-0.4c0.2,0,0.4,0,0.6,0.1h0
l4.3,2.5C17.2,15.8,17.4,16,17.5,16.4L17.5,16.4z"/>
</g>
</svg>
<figcaption class="font-light font-color-dynamic">{{ telefonnummer|raw }}</figcaption>
</figure>
</div>
{% endif %}
{% if oeffnungszeiten is not empty %}
<div class="info-item">
<figure class="icon-wrp">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40.411 36.4">
<defs>
<style>
.cls-1 {
fill: #fff;
}
[data-theme=homes] .cls-1 {
fill: #000;
}
[data-theme="homes"][data-page="hochsoelden"] .cls-1 {
fill: #fff;
}
[data-theme=shops] .cls-1 {
fill: #e50000;
}
</style>
</defs>
<g id="Gruppe_1548" data-name="Gruppe 1548" transform="translate(0.03 0)">
<path id="Pfad_19181" data-name="Pfad 19181" class="cls-1" d="M118.535,86.516a1.039,1.039,0,0,0,.732-.3l8.843-8.843a1.03,1.03,0,0,0,0-1.45l-.732-.732a1.018,1.018,0,0,0-.732-.3,1.1,1.1,0,0,0-.732.3l-7.393,7.393-4.454-4.454a1.017,1.017,0,0,0-.732-.3,1.062,1.062,0,0,0-.732.3l-.732.732a1.03,1.03,0,0,0,0,1.45l5.9,5.9A1.174,1.174,0,0,0,118.535,86.516Z" transform="translate(-97.281 -65.287)"/>
<path id="Pfad_19182" data-name="Pfad 19182" class="cls-1" d="M39.685,13.246A18.174,18.174,0,0,0,22.2,0,18.174,18.174,0,0,0,3.978,18.277l-1.245-1.04a1.306,1.306,0,0,0-.937-.3,1.265,1.265,0,0,0-.873.449l-.655.783h0a1.288,1.288,0,0,0-.3.937,1.265,1.265,0,0,0,.449.873l4.941,4.159a1.289,1.289,0,0,0,1.81-.167l4.159-4.941a1.288,1.288,0,0,0,.3-.937,1.265,1.265,0,0,0-.449-.873L10.4,16.57a1.288,1.288,0,0,0-.937-.3,1.265,1.265,0,0,0-.873.449L7.572,17.93A14.612,14.612,0,1,1,22.2,32.819a13.509,13.509,0,0,1-1.617-.09,1.282,1.282,0,0,0-1.412,1.129l-.116,1.014a1.271,1.271,0,0,0,.27.937,1.3,1.3,0,0,0,.86.475A17.677,17.677,0,0,0,22.2,36.4,18.169,18.169,0,0,0,39.685,13.246Z" transform="translate(0 0)"/>
</g>
</svg>
{% set en = 'en' in document.getProperty('lang') %}
{% set oeffnungszeiten = en ? oeffnungszeiten|replace({'Geschlossen': 'Open'}) : oeffnungszeiten %}
<figcaption class="font-light font-color-dynamic" data-lang="{{ document.getProperty('language') }}">{{ oeffnungszeiten|raw }}</figcaption>
</figure>
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}