{% extends 'base.html.twig' %}
{% block title %}{% endblock %}
{% block body %}
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('/css/centre-ressource.css') }}">
<link rel="stylesheet" href="{{ asset('/css/responsive-centre-ressource.css') }}">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/>
{% endblock %}
<main class="section-services"> </main>
<div class="section-FAQ">
<div class="container mt-5">
<div class="row">
<div class="col-md-12 text-center">
<h5>{% trans %} details.ressource.centre {% 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 class="col-md-12 d-flex justify-content-center text-center">
<form method="post" action="">
<select id="selected_filter_rsc" name="selected_filter">
<option value="">{% trans %} details.ressource.cat {% endtrans %}</option>
<option value="Guide" {% if selectedFilter == "Guide" %} selected {% endif %}>{% trans %} details.ressource.guide {% endtrans %}</option>
<option value="Fiches d experience" {% if selectedFilter == "Fiches d experience" %} selected {% endif %}>{% trans %} details.ressource.experience {% endtrans %}</option>
<option value="Manifestations" {% if selectedFilter == "Manifestations" %} selected {% endif %}>{% trans %} details.ressource.manifestation {% endtrans %}</option>
<option value="Lois et reglements" {% if selectedFilter == "Lois et reglements" %} selected {% endif %}>{% trans %} details.ressource.lois {% endtrans %}</option>
<option value="Centre de documentation" {% if selectedFilter == "Centre de documentation" %} selected {% endif %}>{% trans %} details.ressource.center {% endtrans %}</option>
</select>
<button type="submit" class="btn-slider-text-res">{% trans %} details.ressource.filtrer{% endtrans %}</button>
</form>
<a href="{{ path('index_ressource') }}" ><button class="btn-slider-text-res" style="padding: 8px 30px;">{% trans %} details.ressource.reinitatiler {% endtrans %}</button></a>
</div>
</div>
<div class="row formation-box">
{% for ressource in ressources %}
<div class="col-md-4 ">
<div class="card {{ app.request.locale == 'ar_TN' ? 'form_direction_rtl' : 'form_direction_ltr' }}">
<img src="{{asset('/upload/galerie/images/')}}{{ ressource.image }}" style="height: 300px" class="card-img-top" alt="{{ressource.image}}">
<div class="card-body">
<h6 class="card-title" >{{ ressource.titre }}</h6>
<p class="card-text" style="height: 100px">{{ ressource.description | u.truncate(200 ,'...') | striptags }} </p>
{% if (ressource.getDateExpiration) %}
<p id="date-ressource_list">
<i class="fa-regular fa-calendar-xmark"></i> {% trans %} details.ressource.expiration {% endtrans %} : {{ ressource.getDateExpiration |date("d-m-Y")}}
</p>
{% endif %}
<div class="row">
<div class="col-md-6 text-right">
<a href="{{ path('show_ressource_detail',{'id': ressource.id})}}"><button class="btn-slider-text-dtls">{% trans %} details.ressource.detail {% endtrans %}</button></a>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
{#
<div class="navigation">
{{ knp_pagination_render(ressources) }}
</div>
#}
</div>
</div>
</div>
{% endblock %}