{% extends 'base.html.twig' %}

{% block title %}
	Ressources documentaires
{% endblock %}

{% block body %}
	<div class="article-view nosidebar nometa breadcrumbed ressourcesdocs_listing">
		<div class="container flex vertical">
			<div
				class="article-meta">
				<h1 itemprop="headline">Les ressources documentaires</h1>
				<p>Découvrez notre portail vers l'apprentissage et la découverte.</p>
			</div>
			{% include 'base/_partials/_breadcrumb.html.twig' with { entityUrl: "ressources-documentaires", entityLabel: "Ressources documentaires" } %}
			{% include 'doc_ressource/_partials/_search.html.twig' with { search: search } %}
			<div class="ressourcesdocs_listing_inner">
				{% for doc in docs %}
					{% include 'doc_ressource/_partials/_item.html.twig' with { doc: doc } %}
				{% endfor %}
				{% if docs is empty %}
					<h2>Pas de résultats...</h2>				
				{% endif %}
			</div>
			<div class="navigation">
				{{ knp_pagination_render(docs) }}
			</div>
		</div>
	</div>
	{% if search.q %}
		<script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js"></script>
		<script>
			document.addEventListener('DOMContentLoaded', function () {
var instance = new Mark(".content");
instance.mark('{{ search.q }}')
})
		</script>
	{% endif %}
{% endblock %}