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

{% block title %}ASMSP - Gestions des albums
{% endblock %}

{% block content %}
	<h2>Gestions des photos</h2>
	<p class="alert alert-danger">ATTENTION : Une supression d'un album entraînera la perte de toutes les photos</p>
	<hr>
	<form method="GET">
		<div class="row mb-2 align-items-end">
			<div class="col-md-2">
				<label>Rechercher par nom</label>
				<input type="text" value="" class="form-control rounded" name="namealbum" placeholder="Nom de l'album" aria-label="Search" aria-describedby="search-addon"/>
			</div>
			<div class="col-md-2">
				<label>Rechercher par catégorie</label>
				<select class="form-control" name="category">
					<option value="">Toutes les catégories</option>
					{% for category in categories %}
						<option value="{{ category.id }}">{{ category.name }}</option>
					{% endfor %}
				</select>
			</div>
			<div class="col-md-3 mt-2">
				<button type="submit" class="btn btn-outline-primary">Rechercher</button>
				<a href="{{ path('pictures_dashboard') }}" class="btn btn-outline-warning">Annuler</a>
			</div>
		</div>
	</form>

	<div class="row">
		{% for album in albumsPage %}
			<div class="col-md-3 mb-2">
				<div class="card text-center">
					<div class="card-title">
						<h3 class="mt-2">{{ album.name }}</h3>
						<p>Catégorie :
							<span class="badge badge-sm badge-info text-white">{{ album.category.name }}</span>
						</p>
						<p>Date :
							{{ album.dateevent|date('d/m/y') }}</p>
						<hr>

					</div>
					<div class="card-body">
						<a class="btn btn-sm btn-danger" href="{{ path('album_delete', {id:album.id}) }}">Supprimer l'album</a>
						<a class="btn btn-sm btn-primary" href="{{ path('picture_dashboard', {id: album.id}) }}">Voir</a>
					</div>
				</div>
			</div>
		{% endfor %}
	</div>
	{{ knp_pagination_render(albumsPage) }}
{% endblock %}