templates/sp/detail.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 %}
                            {% if document.getProperty('pillar_background') %}
                        {% if document.getProperty('pillar_background').getMetadata('Credit') %}
                            <div class="pillar-credit">
                                Image:
                                {{ document.getProperty('pillar_background').getMetadata('Credit') }}
                            </div>
                        {% endif %}
                    {% 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="mt-3 purpleline">{{ sp.parent.key }}
                            ({{ sp.parent.parent.key|slice(0,sp.parent.parent.key|length-1)|lower }})</h1>

                        

                        {% if sp.image %}
                            {{ sp.image.thumbnail('serviceprovider').html({'imgAttributes': {
                                            'class': 'spimage my-3',
                                            'alt': sp.title,
                                           },}) | raw }}

                        {% endif %}
<h2 class="mt-3">{{ sp.title }}    {% if sp.acronym %}
                                                        - {{ sp.acronym }}
                                                    {% endif %}</h2>
                        {% if sp.website %}
                            <p>
                                <a href="{{ sp.website }}" target="_blank">Visit website</a>
                            </p>
                        {% endif %}

                        {{ sp.body | raw }}
                    </div>
                </div>
            </div>

        </div>

    </main>
{% endblock %}