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

{% block body %}


	<div class="row justify-content-end">
		<div class="col-2">
			<a href="{{ path('ecran_annour_accueil')}}" class="text-info h6">
				<i class="fas fa-desktop"></i>
				Ecran</a>
		</div>
		<div class="col-2">
			<a href="{{ path('admin_ecran_annour_accueil')}}" class="text-info h6">
				<i class="far fa-window-restore"></i>
				Reset</a>
		</div>
	</div>

	<div class="card p-2 m-2">
		{{ form_start(form) }}
		<div class="alert-danger">{{ form_errors(form) }}</div>
		<div>{{ form_label(form.expire_at) }}<div class="row">
				<div class="col">{{ form_widget(form.expire_at.date.day) }}</div>
				<div class="col">{{ form_widget(form.expire_at.date.month) }}</div>
				<div class="col">{{ form_widget(form.expire_at.date.year) }}</div>
				<div class="col">{{ form_widget(form.expire_at.time.hour) }}</div>
				<div class="col">{{ form_widget(form.expire_at.time.minute) }}</div>
			</div>
		</div>
		<div>{{ form_label(form.image_path) }}{{ form_widget(form.image_path) }}</div>
		<div>
			{% if data.image_path is defined %}
				<img src="{{ data.image_path }}" alt="image" class="img-thumbnail" width="100">
			{% endif %}
		</div>
		<div>{{ form_label(form.image_style) }}{{ form_widget(form.image_style) }}</div>
		<div>
			<button type="submit" class="btn border-white btn-info text-white form-control mt-2" data-turbo="false">Valider</button>
		</div>
		<table class="table table-striped mt-2 mb-0 table-hover small w-100">
			<thead class="text-grey">
				<tr>
					<th scope="col"></th>
					<th scope="col">Image</th>
					<th scope="col">Expire at</th>
					<th scope="col"></th>
				</tr>
			</thead>
			<tbody>
				{% for annonce in annonces %}
					<tr>
						<td class="align-middle">
							<a href="{{ path('admin_ecran_annour_accueil',{ 'id': annonce.id }) }}" class="btn btn-warning">Modifier</a>
						</td>
						<td class="align-middle">
							<a href="{{ path('admin_ecran_annour_accueil',{ 'id': annonce.id }) }}"><img src="{{ annonce.image_path }}" alt="image" class="img-thumbnail" width="100"></a>
						</td>
						<td class="align-middle">
							<a href="{{ path('admin_ecran_annour_accueil',{ 'id': annonce.id }) }}">{{ annonce.expire_at|date("d/m/Y H:i") }}
								{% if annonce.expire_at|date("Y-m-d H:i:s") >= "now"|date("Y-m-d H:i:s") %}
									<i class="fas fa-check-circle text-success"></i>
								{% else %}
									<i class="fas fa-times-circle text-danger"></i>
								{% endif %}
							</a>
						</td>
						<td class="align-middle">
							<a href="{{ path('admin_ecran_annour_accueil',{ 'id': annonce.id ,'action': 'delete'}) }}" class="btn btn-danger">Supprimer</a>
						</td>
					</tr>
				{% endfor %}
			</tbody>
		</table>
	</div>
	{{ form_end(form) }}
{% endblock %}
{% block nav %}
	{% include 'layout/navbar.html.twig'%}
{% endblock %}