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

{% block title %}Acteurs
{% endblock %}

{% block body %}
	<div class="container mx-auto p-6">
		<div class="flex justify-between items-center mb-3 md:mb-6">
			{% include "partials/dropdowns_menu.html.twig" %}
			<h1 class="text-2xl font-semibold text-gray-300 hidden md:block">Acteurs -
				{{ actors|length }}</h1>
			<a href="{{ path('app_actors_new') }}" class="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700">
				Ajouter un acteur
			</a>
		</div>

		<h1 class="text-2xl font-semibold text-gray-300 text-center md:hidden mb-3">Acteurs -
			{{ actors|length }}</h1>

		{{ component('searchActor') }}
	</div>
{% endblock %}