{% embed 'app/area-brick-layout.html.twig' %}
{% block content %}
<!-- Cards 3 col -->
<section>
<div class="sm:container py-10 mx-auto md:py-20">
<h1 class="mx-4 sm:mx-0 mb-8 text-2xl leading-10 md:text-4xl md:mb-14">
{% if editmode %}
{{ pimcore_input('title', { placeholder: defaultTitle ?? 'Kop' }) }}
{% else %}
{{ pimcore_input('title').getData() ?: defaultTitle ?? '' }}
{% endif %}
</h1>
{% if editmode %}
{% if (projects ?? null) is empty and pimcore_relations('projects').isEmpty() %}
{% embed 'app/editmodenotice.html.twig' %}
{% block title %} Er zijn nog geen projecten gekoppeld. {% endblock %}
{% block information %}
{% if projects is defined %}
Je kunt gerelateerde projecten toevoegen dit Project Data Object,
onder het tabje "Relaties en Media".
{% else %}
Je kunt gerelateerde projecten toevoegen door op het potloodje te klikken.
{% endif %}
{% endblock %}
{% endembed %}
{% endif %}
{% endif %}
<div class="grid grid-cols-12 gap-8">
{% set selectedProjects = (projects ?? pimcore_relations('projects').getElements())|slice(0, projectsLimit ?? null) %}
{% for project in selectedProjects %}
{% set output = (project.meta_description ?: (project.webdesq_content|striptags)) %}
{% if (output and project.title is not empty) %}
{{ include('includes/cards/default.html.twig', {
project: project,
class: 'md:col-span-4 mx-4 sm:mx-0',
labelOverride: labelOverride
}) }}
{% endif %}
{% endfor %}
</div>
</div>
</section>
{% endblock %}
{% endembed %}