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

{% block title %}Liste des mots-clés{% endblock %}


{% block stylesheets %}
    {{parent()}}
    <link rel="stylesheet" href=" {{asset('css/view-data.css')}} ">
{% endblock %}

{% block body %}
	{# Affichage de la barre de navigation admin #}
	{{ render(controller("App\\Controller\\Admin\\AdminController::navbarLeftAdmin")) }}

	<div class="main-view">
		<h1 class="view-title">
            Liste des mots-clés disponibles.
        </h1>

        <div class="display-flex-wrap">
            {% for keyword in keywordList %}
                    <div class="width-25 keyword-content">
                        <div class="view-keyword-title">
                            {# Vue des créations via le mot clé#}
                            <a href="{{ path('creation_view_by_keyword', {id : keyword.id})}}">
                                <div class="title-keyword">
                                    {{ keyword.name }}
                                </div>
                            </a>

                            <div class="button-manage">
                                <a href="{{ path('keyword_delete', {id : keyword.id})}}">
                                    <div><img class ="img-45" src="{{asset('img/svg/trash-red-1.svg')}}" alt=""></div>
                                </a>
                            </div>
                        </div>
                    </div>
            {% endfor %}
        </div>
	</div>

{% endblock %}