templates/sp/listing.html.twig line 1

{% 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({'&gt;':' / '})|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 %}