{% sw_extends '@Storefront/storefront/base.html.twig' %}{% block base_content %} <div class="dkc-location-detail"> {# Hero Header - inside container/row/col #} <div class="container" style="padding-top: 2rem;"> <div class="row"> <div class="col-12"> <div class="dkc-location-detail__hero"> <p class="dkc-location-detail__hero-label">Standort</p> <h1 class="dkc-location-detail__hero-title">{{ location.name }}</h1> </div> </div> </div> </div> <div class="container dkc-location-detail__content"> <div class="row dkc-location-detail__row"> {# Left: Contact info #} <div class="col-12 col-md-5 col-lg-4 mb-4 mb-md-0 dkc-location-detail__info-col"> <div class="dkc-location-detail__info-box"> {% if location.company %} <p class="dkc-location-detail__company">{{ location.company }}</p> {% endif %} <p class="dkc-location-detail__address"> {{ location.street }}<br> {{ location.zipcode }} {{ location.city }} {% if location.country %} <br>{{ location.country.translated.name|default(location.country.name) }} {% endif %} </p> <div class="dkc-location-detail__contact"> {% if location.phone %} <p><strong>Telefon:</strong> <a href="tel:{{ location.phone }}">{{ location.phone }}</a></p> {% endif %} {% if location.fax %} <p><strong>Fax:</strong> {{ location.fax }}</p> {% endif %} {% if location.email %} <p><strong>E-Mail:</strong> <a href="mailto:{{ location.email }}">{{ location.email }}</a></p> {% endif %} </div> {% if location.openingHours %} <div class="dkc-location-detail__section-divider"> <p class="dkc-location-detail__section-title">Öffnungszeiten:</p> <div class="dkc-location-detail__section-content">{{ location.openingHours|raw }}</div> </div> {% endif %} {% if location.additionalInfo %} <div class="dkc-location-detail__section-divider"> <div class="dkc-location-detail__section-content">{{ location.additionalInfo|raw }}</div> </div> {% endif %} </div> </div> {# Right: Map #} <div class="col-12 col-md-7 col-lg-8 dkc-location-detail__map-col"> {% if location.latitude and location.longitude %} {% set mapData = [{ "lat": location.latitude, "lng": location.longitude, "name": location.name, "company": location.company|default(''), "street": location.street, "zipcode": location.zipcode, "city": location.city, "country": location.country ? (location.country.translated.name|default(location.country.name|default(''))) : '', "url": "" }] %} <div class="dkc-location-detail__map" data-dkc-locations-map="true" data-locations='{{ mapData|json_encode|e("html_attr") }}'> </div> {% endif %} </div> </div> {# Employees #} {% if groupedEmployees|length > 0 %} <div style="margin-top: 3rem;"> <h2 class="dkc-employees__title">Unser Team</h2> {% for group in groupedEmployees %} <div class="dkc-department-group"> <p class="dkc-department-group__label">{{ group.name }}</p> <div class="row"> {% for employee in group.employees %} <div class="col-12 col-sm-6 col-lg-4 mb-4"> <div class="dkc-employee-card"> {% if employee.image %} <div class="dkc-employee-card__image-wrap"> <img src="{{ employee.image.url }}" alt="{{ employee.firstName }} {{ employee.lastName }}" loading="lazy"> </div> {% endif %} <div class="dkc-employee-card__body"> <h5 class="dkc-employee-card__name"> {{ employee.firstName }} {{ employee.lastName }} </h5> {% if employee.employeeDepartments and employee.employeeDepartments|length > 0 %} <p class="dkc-employee-card__department"> {{ employee.employeeDepartments|map(ed => ed.department.name)|filter(n => n)|join(', ') }} </p> {% endif %} <div class="dkc-employee-card__contact"> {% if employee.phone %} <p><strong>Tel:</strong> <a href="tel:{{ employee.phone }}">{{ employee.phone }}</a></p> {% endif %} {% if employee.email %} <p><strong>E-Mail:</strong> <a href="mailto:{{ employee.email }}">{{ employee.email }}</a></p> {% endif %} </div> </div> </div> </div> {% endfor %} </div> </div> {% endfor %} </div> {% endif %} </div> </div>{% endblock %}