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

{% block title_start %}Caroussel
{% endblock %}

{% block stylesheets %}
	{{ parent() }}
	{{ encore_entry_link_tags('admin_caroussel_list') }}
{% endblock %}

{% block main %}
	<main class="site-main">

		{% for message in app.flashes('success') %}
			<div class="site-main-alert site-main-alert-success">
				{{ message }}
			</div>
		{% endfor %}

		<div class="site-main-filter">
			<form action="{{ path('admin_caroussel_list') }}" method="get">
				<input type="text" name="search" id="search" placeholder="Rechercher" value="{{ app.request.query.get('search') }}">
				<button type="submit" class="btn btn-dark">
					<i class="fas fa-search-plus fa-lg"></i>
					Trouver
				</button>
			</fieldset>
		</form>
	</div>

	<div class="site-main-legend">
		<p>Taille image : 800 x 300 pixels</p>
		<p>
			<span class="site-main-legend-icone">
				<i class="fas fa-cog"></i>
			</span>
			<span class="site-main-legend-text">Modifier l'image</span>
		</p>
		<p>
			<span class="site-main-legend-icone">
				<i class="fas fa-eye-slash"></i>
			</span>
			<span class="site-main-legend-text">Rendre l'image invisible</span>
		</p>
		<p>
			<span class="site-main-legend-icone">
				<i class="fas fa-eye"></i>
			</span>
			<span class="site-main-legend-text">Rendre l'image visible</span>
		</p>
		<p>
			<span class="site-main-legend-icone">
				<i class="fas fa-trash"></i>
			</span>
			<span class="site-main-legend-text">Supprimer l'image</span>
		</p>
	</div>

	{% if is_granted('ROLE_ADMIN') %}
		<div class="site-main-action">
			<a href="{{ path('admin_caroussel_add') }}" title="Ajouter">
				<button class="btn-dark">
					<i class="fas fa-plus-circle fa-lg"></i>
					Ajouter une image</button>
			</a>
		</div>
	{% endif %}

	<div class="site-main-list">
		<h1>Liste des images</h1>

		<table>
			<thead>
				<tr>
					<th>Image</th>
					<th>
						<a href="#">Nom</a>
					</th>
					<th>Lien</th>
					<th class="site-main-list-action-th">Action</th>
				</tr>
			</thead>
			<tbody>
				{% for image in images %}
					<tr {% if image.getEnable == false %} class="site-main-list-noVisible" {% endif %}>
						<td>
							<div class="site-main-list-img">
								<img src="{{ asset('uploads/caroussel/' ~ image.getImageFileName) }}" alt="image-caroussel">
							</div>
						</td>
						<td>{{ image.getName }}</td>
						<td>{{ image.getLink }}</td>

						<td class="site-main-list-action">
							{% if is_granted('ROLE_ADMIN') %}
								<form action="{{ path('admin_caroussel_edit', {'id': image.getId()}) }}" method="get">
									<button type="submit" class="btn-yellow-hover">
										<i class="fas fa-cog"></i>
									</button>
								</form>
							{% else %}
								<button class="btn-disable">
									<i class="fas fa-cog"></i>
								</button>
							{% endif %}

							{% if is_granted('ROLE_USER') %}
								<form action="{{ path('admin_caroussel_enable', {'id': image.getId()}) }}" method="post">
									{% if image.getEnable() %}
										<button type="submit" class="btn-red-hover" onclick="return confirm('Voulez-vous rendre invisible {{ image.getName }}?')">
											<i class="fas fa-eye-slash fa-red"></i>
										</button>
									{% else %}
										<button type="submit" class="btn-red-hover" onclick="return confirm('Voulez-vous rendre visible {{ image.getName }}?')">
											<i class="fas fa-eye fa-green"></i>
										</button>
									{% endif %}
								</form>
							{% else %}
								<button class="btn-disable">
									<i class="fas fa-trash"></i>
								</button>
							{% endif %}

							{% if is_granted('ROLE_ADMIN') %}
								<form action="{{ path('admin_caroussel_delete', {'id': image.getId()}) }}" method="post">
									<button type="submit" class="btn-red-hover" onclick="return confirm('Voulez-vous supprimer {{ image.getName }}?')">
										<i class="fas fa-trash fa-red"></i>
									</button>
								</form>
							{% else %}
								<button class="btn-disable">
									<i class="fas fa-trash"></i>
								</button>
							{% endif %}
						</td>
					</tr>
				{% endfor %}
			</tbody>
		</table>
		{{ knp_pagination_render(images) }}
	</div>
</main>{% endblock %}{% block javascripts %}
{{ parent() }}
{{ encore_entry_script_tags('admin_caroussel_list') }}{% endblock %}