{% extends 'Layout/base.html.twig' %}
{% block main %}
{% include '@VisualMediaVisual/Visual/pagevisual.html.twig' with { visuals: page.visuals } %}
<section class="section section-page">
<div class="page-stripes"></div>
<div class="breadcrumb">
<div class="container">
<div class="row">
<div class="col-12">
{% include '@VisualMediaBreadcrumb/Breadcrumb/breadcrumb.html.twig' %}
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-12 col-lg-8 offset-lg-2">
{% if (page.htmlContent != '' )%}
<div class="plain-content">
{{ page.htmlContent|scan }}
</div>
{% endif %}
</div>
</div>
<div class="standard-alinea alinea1">
<div class="container">
{{blockscan(page,'alinea1','Blocks/contentblock.html.twig')|raw}}
</div>
</div>
<div class="standard-alinea alinea2">
<div class="container">
{{blockscan(page,'alinea2','Blocks/contentblock.html.twig')|raw}}
</div>
</div>
<div class="standard-alinea alinea3">
<div class="container">
{{blockscan(page,'alinea3','Blocks/contentblock.html.twig')|raw}}
</div>
</div>
<div class="standard-alinea alinea4">
<div class="container">
{{blockscan(page,'alinea4','Blocks/contentblock.html.twig')|raw}}
</div>
</div>
<div class="standard-alinea alinea5">
<div class="container">
{{blockscan(page,'alinea5','Blocks/contentblock.html.twig')|raw}}
</div>
</div>
<div class="standard-alinea alinea6">
<div class="container">
{{blockscan(page,'alinea6','Blocks/contentblock.html.twig')|raw}}
</div>
</div>
<div class="standard-alinea alinea7">
<div class="container">
{{blockscan(page,'alinea7','Blocks/contentblock.html.twig')|raw}}
</div>
</div>
<div class="standard-alinea alinea8">
<div class="container">
{{blockscan(page,'alinea8','Blocks/contentblock.html.twig')|raw}}
</div>
</div>
<div class="standard-alinea alinea9">
<div class="container">
{{blockscan(page,'alinea9','Blocks/contentblock.html.twig')|raw}}
</div>
</div>
<div class="standard-alinea alinea10">
<div class="container">
{{blockscan(page,'alinea10','Blocks/contentblock.html.twig')|raw}}
</div>
</div>
{% if page.employee is not null %}
{% include 'Employee/view.html.twig' with { 'employee': page.employee } %}
{% endif %}
</div>
</section>
<section class="extra-contentblokken">
{% if page.kamReference is not null %}
{% include 'Layout/Include/kam.html.twig' %}
{% endif %}
{% if page.mvoReference is not null %}
{% include 'Layout/Include/mvo.html.twig' %}
{% endif %}
{% if page.sponsorReference is not null %}
{% include 'Layout/Include/sponsor.html.twig' %}
{% endif %}
</section>
{# <section class="section cta-container">
{% include 'Layout/Include/cta.html.twig' %}
</section> #}
{% if page.photosAlbum is not null %}
<div class="container-fluid p-0">
<div class="gallery row">
{% for photo in page.photosAlbum.photos %}
{% set src = photo.upload|url({ width: 720 }) %}
{% set alt = photo.imageAlt %}
{% set title = photo.imageTitle %}
<div class="photo col-6 col-md-6 col-lg-3 p-0">
<figure>
<img data-src="{{ src }}" src="{{src}}" title="{{ title }}" alt="{{ alt }}" class="img-fluid lazy" />
</figure>
<i class="far fa-search-plus"></i>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{#{% if page is defined and page.expertise %}#}
<!-- <section class="section section-page-expertise">
<div class="container">
<div class="row">
<div class="col-12">
{#{% set project_category = page.projectCategory|default(null) %}#}
<h2 class="text-center">{#{ (project_category.title ~ ' Projecten')|upper }#}</h2>
<div class="project-list">
{#{% for project in project_category.limitedProjects %}#}
{#{% include 'Layout/Include/project-card.html.twig' with {project: project} only %}#}
{#{% else %}#}
<p>Geen projecten gevonden</p>
{#{% endfor %}#}
</div>
</div>
</div>
</div>
</section> -->
{#{% endif %} #}
{% endblock %}