{% extends 'base.html.twig' %}
{% block page_contents %}
<section class="section section-page-title position-relative mb-xl-5 mb-4" data-aos='fade-down'>
<div class="bg-gradient pt-5 pb-4 t-0 l-0 w-100">
<div class="container">
<div class="row">
<div class="col-xl-10 mx-auto text-white">
<div class="a-box pt-md-5 pt-0">
<h1 class="page-name font-weight-bold mb-4">{{ alumni.title }}</h1>
<div class="a-time justify-content-md-start justify-content-end">
<div class="a-icon"><i class="fa-solid fa-calendar-week"></i></div>
<div class="a-text">{{ alumni.createdDate|date('d M Y') }}</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section-page-img position-relative pt-md-5 pt-4" data-aos='fade-right'>
<div class="container">
<div class="row">
<div class="col-12">
<img src="{{ alumni.photoUrl }}" onerror="this.onerror=null;this.src='{{ asset('assets/images/no-img/alumni.jpg') }}';">
</div>
</div>
</div>
</div>
</section>
<section class="section section-page-content" data-aos='fade-up'>
<div class="container">
<div class="row">
{% if alumni.video %}
<div class="col-xl-10 mx-auto mb-xl-5 mb-4">
<div class="embed-responsive embed-responsive-16by9 hvr-glow">
<iframe loading="lazy" class="embed-responsive-item" src="{{ alumni.video | extractYoutubeId }}?rel=0" allowfullscreen></iframe>
</div>
</div>
{% endif %}
<div class="col-xl-11 mx-auto keepEditorStyle mb-0">
{{ alumni.content|raw }}
</div>
<div class="col-xl-11 mx-auto text-left back-link mb-xl-5 mb-4">
<a href="{{path('alumni_index')}}"><i class="fa-solid fa-arrow-left font-12"></i>{% trans %}Retour{% endtrans %}</a>
</div>
</div>
</div>
</section>
{% endblock %}
{% block custom_javascripts %}
{{ '<script type="application/ld+json">'|raw }}
{{ richSnippets|json_encode | raw }}
{{ '</script>'|raw }}
{% endblock %}