{% extends 'base.html.twig' %}
{% block title %}{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('css/details-temoignage.css') }}">
{% endblock %}
{% block body %}
<div class="section-services" id="section-services">
<div class="section-gallery">
<div class="container">
<div class="row pb-5">
<div class="col-md-12 text-center">
<h5> {% trans %} details.reference_témoignages.title {% endtrans %} </h5>
</div>
</div>
<div class="box align-item-center">
</div>
<main class="l-card">
<div id="section-description-video">
{% if temoignage.videoType == "Url" %}
<div class="col-md-5 video pr-4">
<iframe width="560" height="315" src="{{ temoignage.url }}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
{% else %}
<div class="col-md-5 video pr-4">
<video width="560" height="315" controls id="video">
<source src="{{asset('imagees/galery/')}}{{temoignage.video}}" type="video/mp4">
{% trans %} details.reference_témoignages.error {% endtrans %}
</video>
</div>
{% endif %}
<section class="l-card__text">
<section class="l-card__user">
<div class="l-card__userImage">
<img src="{{asset('imagees/galery/')}}{{temoignage.image}}" alt="{{temoignage.image}}" >
</div>
<div class="l-card__userInfo">
<span>{{ temoignage.beneficiaire }}</span>
<span class="{{ app.request.locale == 'ar_TN' ? 'form_direction_rtl' : 'form_direction_ltr' }}" > {{ app.request.locale == 'ar_TN' ? temoignage.date | date('y-m-d') : temoignage.date | date('d-m-y') }} </span>
</div>
</section>
<p class="{{ app.request.locale == 'ar_TN' ? 'form_direction_rtl' : 'form_direction_ltr' }}">{{ temoignage.description }}</p>
</section>
</div>
</main>
</div>
</div>
</div>
{% endblock %}