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

{% block title %}Studios
{% 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">Studios - {{ studios|length }}</h1>
			<a href="{{ path('app_studios_new') }}" class="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700">
				Ajouter un studio
			</a>
		</div>

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

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