{% extends 'layouts/layout.html.twig' %}
{% block content %}
<main class="pullc">
<div class="container-xl">
<div class="row">
<div class="col-lg-3 leftpull section-pillar d-none d-lg-block" {% if pillar_background %} style="background-image: url({{ pillar_background.thumbnail('pillar') }})" {% endif %}>
<div class="section-title px-3 px-lg-3 ps-lg-0 d-flex flex-column">
<h1 class="mb-lg-5 pt-1 pe-lg-4 mt-5 text-lg-end">{{ section_title }}
</h1>
</div>
{% if not document.getProperty('hide_subnav') and document.getProperty('subnav_doc')%}
<div class="d-flex justify-content-end">
{% set nav = pimcore_build_nav({active: document, root: document.getProperty('subnav_doc')}) %}
{{ pimcore_render_nav(nav, 'menu', 'renderMenu', {
maxDepth: 2,
ulClass: {
0: 'sidenav list-unstyled justify-content-end align-self-end',
1: 'list-unstyled subnav',
2: 'list-unstyled subnav'
},
expandSiblingNodesOfActiveBranch: true
}) }}
</div>
{% endif %}
</div>
<div class="col-lg-9 ps-lg-5 pe-lg-5 pb-4">
{% if showBreadcrumbs %}
{% set mainNavStartNode = document.getProperty('navigation_root') %}
{% if mainNavStartNode is empty %}
{% set mainNavStartNode = pimcore_document(1) %}
{% endif %}
{% set breadbrumbs = pimcore_build_nav({
active: document,
root: mainNavStartNode
}) %}
{% do app_navigation_enrich_breadcrumbs(breadbrumbs) %}
{% do pimcore_nav_renderer('breadcrumbs').setMinDepth(null) %}
<div class="breadcrumbs mt-3">
<a href="/">Home</a>
/
{{ pimcore_render_nav(breadbrumbs, 'breadcrumbs')|replace({'>':' / '})|raw }}
</div>
{% endif %}
<div class="content-body">
<h1 class="my-3">{{ pimcore_input("headline", {"placeholder":"Headline", "width": 600}) }}</h1>
<div class="row mb-3 mb-lg-4">
<div class="col col-12">
<h2 class="purpleline">Members</h2>
</div>
{% for member in members.children %}
<div class="col-sm-4 mb-4">
<div class="card h-100 hcard spcard text-center">
<div class="card-header">{{ member.key }}</div>
<div class="card-body d-flex flex-column h-100">
{% for sp in member.children %}
{% set detailLink = app_sp_detaillink(sp) %}
<a class="stretched-link" href="{{ detailLink }}">
{% if sp.acronym %}
<strong>{{ sp.acronym }}</strong>
<br>
{% endif %}
{{ sp.title }}</a>
{% if sp.image %}
{{ sp.image.thumbnail('serviceprovider').html({'imgAttributes': {
'class': 'spthumb my-3 mx-auto',
'alt': sp.title,
},}) | raw }}
{% endif %}
{% endfor %}
</div>
</div>
</div>
{% endfor %}
</div>
<div class="row mb-5">
<div class="col col-12">
<h2 class="purpleline">Observers</h2>
</div>
{% for observer in observers.children %}
<div class="col-sm-4 mb-4">
<div class="card h-100 hcard spcard text-center">
<div class="card-header">{{ observer.key }}</div>
<div class="card-body d-flex flex-column h-100">
{% for sp in observer.children %}
{% set detailLink = app_sp_detaillink(sp) %}
<a class="stretched-link" href="{{ detailLink }}">
{% if sp.acronym %}
<strong>{{ sp.acronym }}</strong>
<br>
{% endif %}
{{ sp.title }}</a>
{% if sp.image %}
{{ sp.image.thumbnail('serviceprovider').html({'imgAttributes': {
'class': 'spthumb my-3 mx-auto',
'alt': sp.title,
},}) | raw }}
{% endif %}
{% endfor %}
</div>
</div>
</div>
{% endfor %}
</div>
<div class="row">
<div class="col col-12">
<h2 class="purpleline">Partners</h2>
</div>
{% for partner in partners.children %}
<div class="col-sm-4 mb-4">
<div class="card h-100 hcard spcard text-center">
<div class="card-header">{{ partner.key }}</div>
<div class="card-body d-flex flex-column h-100">
{% for sp in partner.children %}
{% set detailLink = app_sp_detaillink(sp) %}
<a class="stretched-link" href="{{ detailLink }}">
{% if sp.acronym %}
<strong>{{ sp.acronym }}</strong>
<br>
{% endif %}
{{ sp.title }}</a>
{% if sp.image %}
{{ sp.image.thumbnail('serviceprovider').html({'imgAttributes': {
'class': 'spthumb my-3 mx-auto',
'alt': sp.title,
},}) | raw }}
{% endif %}
{% endfor %}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</main>
{% endblock %}