{% extends "layout-snippets.html.twig" %}
{% block snippets %}
<div class="apk-snippet-temoignage">
<div class="uk-container apk-container-1200 uk-text-center">
<h2 class="uk-h2">{{ pimcore_textarea("content-title",{"nl2br" : true}) }}</h2>
{% if lasttemoignage|length == 0 %}
<div class="uk-margin-medium-top uk-text-center uk-text-bold">
{{ "Aucune article n'est disponible"|trans }}
</div>
{% endif %}
<div class="uk-child-width-1-3@m" uk-grid uk-height-match="target: .apk-container-content">
{% for temoignage in lasttemoignage %}
<div>
{% if temoignage.Slug %}
{% set link = path('temoignagesDetail', {'slug': temoignage.Slug, 'id': temoignage.id}) %}
{% else %}
{% set link = false %}
{% endif %}
<div class="apk-container-content">
<div class="apk-container-image uk-text-center" data-apk-href="{{ link }}">
{{ temoignage.image.thumbnail('global-image').html()|raw }}
</div>
<div class="apk-logo-site-web uk-position-relative">
{% if temoignage.site_web == "Airbnb" %}
<a href="{{ temoignage.url_site }}" target="_blank">
<img src="/static/img/pictos/logo-airbnb.png" alt="">
</a>
{% elseif temoignage.site_web == "Booking" %}
<a href="{{ temoignage.url_site }}" target="_blank">
<img src="/static/img/pictos/logo-booking.png" alt="">
</a>
{% elseif temoignage.site_web == "TripAdvisor" %}
<a href="{{ temoignage.url_site }}" target="_blank">
<img src="/static/img/pictos/logo-tripadvisor.png" alt="">
</a>
{% else %}
<a href="{{ temoignage.url_site }}" target="_blank">
<img src="/static/img/pictos/logo-google.png" alt="">
</a>
{% endif %}
</div>
<div class="apk-container-text" data-apk-href="{{ link }}">
<h3>"{{ (temoignage.titre|nl2br)|raw }}"</h3>
<p>{{ (temoignage.courte_desc|nl2br)|raw }}</p>
<div class="uk-text-center">
<div>
<div class="apk-score uk-flex uk-flex-center">
{% if temoignage.note > 0 %}
{% set scoreCalcul = temoignage.note %}
{% set totalStar = [1,2,3,4,5] %}
{% for row in totalStar %}
{% if scoreCalcul >= 1 %}
<img class="full" uk-svg src="/static/img/pictos/star.svg" alt="{{ "Star"|trans }}">
{% else %}
<img class="empty" uk-svg src="/static/img/pictos/star.svg" alt="{{ "Star"|trans }}">
{% endif %}
{% set scoreCalcul = scoreCalcul - 1 %}
{% endfor %}
{% endif %}
</div>
</div>
</div>
<h4 class="uk-margin-top">{{ temoignage.prenom }} {{ temoignage.nom }}</h4>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="uk-text-center">
{{ pimcore_link("temoignage-btn", {
"class" : "uk-button uk-button-large uk-button-primary"
}) }}
</div>
</div>
</div>
{% endblock %}