{% extends 'base.html.twig' %}
{% block title %}
{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" type="text/css" href="{{ asset('css/custom/liste-documents.css') }}" />
<link rel="stylesheet" href="{{ asset('/css/jquery.dataTables.min.css') }}" />
<link rel="stylesheet" href="{{ asset('/css/session-formations.css') }}" />
{% endblock %}
{% block body %}
<main class="section-services"></main>
<div class="section-FAQ">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h5>{% trans %}details.formation.session{% endtrans %}</h5>
<h2>Lorem ipsum dolor</h2>
<p>Lorem ipsum dolor sit amet invidunt ut labore et sed diam voluptua. At vero eos et accusam et sed diam voluptua.</p>
</div>
</div>
<br />
<br />
<section class="articles">
{% for formation in formations %}
<article>
<div class="article-wrapper">
<figure>
<img src="{{ asset('imagees/galery/') }}{{ formation.photo }}" alt="{{ formation.photo }}" />
</figure>
<div class="article-body">
<h6 class="card-title {{ app.request.locale == 'ar_TN' ? 'form_direction_rtl' : 'form_direction_ltr' }}">
{% trans %}details.formation.number{% endtrans %}
{{ formation.numsession }}
</h6>
<p class="{{ app.request.locale == 'ar_TN' ? 'form_direction_rtl' : 'form_direction_ltr' }}">{{ formation.description|u.truncate(150, '...') }}</p>
<p id="date-foramtion">
<i class="fa-solid fa-calendar-check"></i>
{{ app.request.locale == 'ar_TN' ? formation.dateDebut|date('y-m-d') : formation.dateDebut|date('d-m-y') }}
<br />
<i class="fa-regular fa-calendar-xmark"></i>
{{ app.request.locale == 'ar_TN' ? formation.dateFin|date('y-m-d') : formation.dateFin|date('d-m-y') }}
</p>
<a href="{{ path('show_formation_detail', { id: formation.id }) }}"><button class="btn-slider-text-detail">{% trans %}details.formation.detail{% endtrans %}</button></a>
</div>
</div>
</article>
{% endfor %}
</section>
</div>
</div>
{% endblock %}