{% if editmode %} {{ include('includes/editmode-settings.html.twig') }}{% endif %}<section class="accordion-area container content-block {{ not pimcore_input('anchorTitle').isEmpty() ? 'js-anchor-nav__item' }}" {% if not pimcore_input('anchorTitle').isEmpty() %} data-anchor-nav-title="{{ pimcore_input('anchorTitle').getData() }}" {% endif %}> <div class="container-narrow"> {{ include('includes/title-blocks/title-block.html.twig') }} {% if editmode %} <div class="editmode-box"> {{ pimcore_relations('downloads', { "types": ["asset"], "subtypes": { "asset": ["image", "document", "video"], }, "title": "Use images, videos or PDF's", }) }} </div> {% endif %} <div class="d-flex flex-column"> <ul class="list-unstyled"> {% for download in pimcore_relations('downloads').elements %} {% if download %} <li> <a href="{{ download }}" target="_blank" download class="download d-flex align-items-center m-2"> <span class="download__icon icon icon-download text-secondary me-2" aria-hidden="true"></span> <span class="text-secondary font-bold">{{ download.metadata('title')|default(download.key) }}</span> <span class="text-muted ms-2 text-nowrap">({{ download.getMimetype()|split('/')|last|upper }}, {{ (download.getFileSize('kb')) }})</span> </a> </li> {% endif %} {% endfor %} </ul> </div> </div></section>