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

{% block title %}Édition des photos{% endblock %}

{% block menu %}Gestion des photos{% endblock %}

{% block stylesheets %}
	<style>
		body {background-color: black;}
	</style>
{% endblock %}

{% block body %}
	<div class="container mt-5">
		{% if is_granted('ROLE_ADMIN') %}
		<div class="row">
            {# messages d'information #}
            {% for message in app.flashes('success') %}
                <div class="alert alert-success">
                    {{ message }}
                </div>
            {% endfor %}
            {% for message in app.flashes('warning') %}
                <div class="alert alert-danger">
                    {{ message }}
                </div>
            {% endfor %}            
        </div>

		<div class="jumbotron">
			<h2>Enregistrer des photos</h2>		
			{{ form_start(form) }}
			{{ form_rest(form) }}
			<button class="btn btn-primary">Enregistrer</button>
			<a class="btn btn-primary" href="{{ path('photo_synchro') }}">Synchroniser</a>
			<a class="btn btn-primary" href="{{ path('home') }}">{{ button|default('Annuler')}}</a>
			{{ form_end(form) }}
		</div>
		{% endif %}
		<div class="row flex">
			{% for picture in pictures %}
				<div class="col-md-3">
					<div class="card">
						<a href="{{ path('photo_detail',{ id: picture.id }) }}">
						<div class="card-body">
							<img src="{{ vich_uploader_asset(picture, 'imageFile') | imagine_filter('large') }}" class="card-img-top" style="width: 100%; height: auto;">
						</div>
						{% if is_granted('ROLE_ADMIN') %}						
							<div class="card-footer">
								{{ picture.name }}
							</div>
						{% else %}
							<div class="card-footer">
								{{ picture.comment }}
							</div>
						{% endif %}
						</a>
					</div>
				</div>
			{% endfor %}
		</div>
		<div class="pagination">
			{{ knp_pagination_render(pictures) }}
		</div>
	</div>
{% endblock %}