{% extends 'base.html.twig' %}
{% block title %}{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('css/service.css') }}">
<link rel="stylesheet" href="{{ asset('/css/detail-session-formation.css') }}">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/>
{% 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 %} services.title {% endtrans %} </h5>
<h2>Lorem ipsum dolors</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>
<div class="row justify-content-center mt-5">
<div class="col-md-10">
{% for service in services %}
<div class="accordion-content {{ app.request.locale == 'ar_TN' ? 'form_direction_rtl' : 'form_direction_ltr' }}">
<p class="note-position note-color">
{% trans %} rating.note {% endtrans %} : {{ averageStars[service.getId()].averageStars is not null ? averageStars[service.getId()].averageStars|number_format(1) : '0' }}/5
</p>
<h5 class="title-service" style="text-align: initial !important;">{{ service.axe }}</h5>
<p>
{{ service.description | u.truncate(200 ,'...') | striptags }}</p>
<a href="{{ path('show_service_detail',{'id': service.id}) }}">
<button class="btn-slider-text-service ">{% trans %} services.details.detail {% endtrans %}</button>
</a>
</div>
{% endfor %}
{#
<div class="navigation">
{{ knp_pagination_render(services) }}
</div>
#}
</div>
</div>
</div>
</div>
{% endblock %}