{% extends 'base.html.twig' %}

{% block title %} {{ realisation.titre }} | Scobat SAS{% endblock %}

{% block body %}
	<main role="main">
		<div id="fb-root"></div>
		<section class="realisation-show">
			{% include 'realisations/_filAriane.html.twig' %}
			{% include 'realisations/_share.html.twig' %}
			<img srcset="{{ asset("images/semi-trapeze-real.svg") }} 1920w, {{ asset("images/semi-trapeze-real-1-4k.svg") }} 1400w" src="{{ asset("images/semi-trapeze-real.svg") }}" sizes="(max-width: 1400px) 1400px, 1920px"
			     alt="Forme géométrique représentant un semi-trapèze" class="realisation-show-morph desktop">
			<div class="container">
				{% for message in app.flashes('success') %}
					<div class="alert alert-success" role="alert">
						<p class="title">Succès</p>
						<p class="message">{{ message }}</p>
					</div>
				{% endfor %}
				<div class="row">
					<div class="col-6">
						<div class="titre-realisation">
							<span>{{ realisation.categorie.titre }}</span>
							<h1>{{ realisation.titre }}</h1>
						</div>
						<div class="paragraph">
							{{ realisation.paragraph|raw }}
						</div>
					</div>
					<div class="col-6 img-show">
						<img src="{{ vich_uploader_asset(realisation, 'photoFile') | imagine_filter('realisationShow') }}" alt="{{ realisation.titre }}">
					</div>
				</div>
			</div>
		</section>
	</main>
{% endblock %}