{% extends 'Layout/base.html.twig' %}
{% set breadcrumbs = [
{ title: 'Projecten', path: path('project_index') },
{ title: project.title },
] %}
{% block main %}
{% include '@VisualMediaVisual/Visual/projectvisual.html.twig' with { visuals: project.photos } %}
<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_static.html.twig' with { 'breadcrumbs': breadcrumbs } %}
</div>
</div>
</div>
</div>
<div class="container project-detail_container">
<div class="row">
<div class="col-12">
<div class="project-slider" id="project">
{% for photo in project.photos %}
{% if not loop.first %}
<div class="project-slide">
<a href="{{ photo.upload|url }}" target="_blank" title="{{ project.title }}" alt="{{ project.title }}" class="thumbnail">
<img src="{{ photo.upload|url({}) }}" alt="{{ photo.imageAlt }}" title="{{ photo.imageTitle }}" class="img-fluid">
</a>
</div>
{% endif %}
{% endfor %}
</div>
</div>
<div class="col-12 col-lg-8 offset-lg-2">
<div class="project-detail_content">
<i class="fal fa-digging"></i>
{{ project.htmlContent|scan }}
{% if projects is not null %}
<div class="projecten-buttons">
{% if previous_project is not null %}
<div class="project-previous">
<a href="{{ path('project_view', { slug : previous_project.slug }) }}" class="btn btn-secondary"><i class="fas fa-arrow-left"></i></a>
</div>
{% endif %}
{% if next_project is not null %}
<div class="project-next">
<a href="{{ path('project_view', { slug : next_project.slug }) }}" class="btn btn-secondary"><i class="fas fa-arrow-right"></i></a>
</div>
{% endif %}
</div>
{% endif %}
</div>
</div>
</div>
{% if project.employee is not null %}
<div class="container">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1">
{% include 'Employee/view.html.twig' with { 'employee': project.employee } %}
</div>
</div>
</div>
{% endif %}
</div>
</section>
{% endblock %}