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

{% block title %}Paramètres
{% 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="flex-1 text-center text-2xl font-semibold text-gray-300 hidden md:block">Paramètres</h1>
		</div>

		<h1 class="text-2xl font-semibold text-gray-300 text-center md:hidden mb-3">Paramètres</h1>

		<div class="space-y-4 bg-gray-600 p-4 rounded-lg">
			<div class="flex justify-between items-center">
				<h2 class="text-lg font-semibold text-gray-300 uppercase underline">Sites d'upload</h2>
				<a href="{{ path('app_site_upload_new') }}" class="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700">
					Ajouter un site
				</a>
			</div>
			<div class="space-y-4">
				{% for site in allSites %}
					{{ component('siteUpload', {'siteUpload': site}) }}
				{% else %}
					<div class="bg-white shadow-lg rounded-lg overflow-hidden">
						<div class="p-4">
							<h2 class="text-lg font-semibold">Aucun site</h2>
						</div>
					</div>
				{% endfor %}
			</div>
		</div>
	</div>
{% endblock %}