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

{% block title %}Administration site Internet - EDIFIA WEB{% endblock %}

{% block content %}
	{% autoescape false %}
		<div class="row">
			<div class="col">
				<h2 class="mb-4">
					{{ 'puzzle.gestion.page_title'|trans({}, 'admin') }}
				</h2>

				<p class="text-right">
					<a href="{{ path('admin_puzzle_create') }}" class="btn btn-lg btn-success">
						<i class="fas fa-plus"></i> {{ 'puzzle.button.create'|trans({}, 'admin') }}
					</a>
				</p>

				<table class="table table-hover table-striped datatable" id="puzzle_home">
					<thead>
					<tr>
						<th scope="col"></th>
						<th scope="col">{{ 'puzzle.label.id'|trans({}, 'admin') }}</th>
						<th scope="col">{{ 'puzzle.label.answer'|trans({}, 'admin') }}</th>
						<th scope="col"><i class="fa fa-cogs" aria-hidden="true"></i> {{ 'puzzle.label.actions'|trans({}, 'admin') }}</th>
					</tr>
					</thead>
					<tbody>
					{% if puzzles is defined and puzzles is iterable %}
						{% for puzzle in puzzles %}
							<tr class="align-middle">
								<td>
									{% if puzzle.media is defined and puzzle.media is not null %}
										<img src="{{ puzzle_path ~ '/' ~ puzzle.media }}" class="img-thumbnail rounded" alt="" width="200"/>
									{% else %}
										<svg width="100" height="75" class="img-thumbnail rounded">
											<rect width="100" height="75" style="fill:rgb(88,136,42);"/>
										</svg>
									{% endif %}
								</td>
								<td>{{ puzzle.id }}</td>
								<td>{{ puzzle.answer }}</td>
								<td>
									{% if is_granted('ROLE_ADMIN') %}
									<a href="{{ path('admin_puzzle_edit', {'id': puzzle.id}) }}" class="btn btn-sm btn-primary" data-toggle="tooltip" title="{{ 'puzzle.edit_btn_tooltip'|trans({}, 'admin') }}">
										<i class="far fa-edit"></i> {{ 'button.edit'|trans({}) }}
									</a>
									<button data-href="{{ path('admin_puzzle_delete', {'id': puzzle.id}) }}" class="btn btn-sm btn-danger delete-puzzle" data-toggle="tooltip" title="{{ 'puzzle.delete_btn_tooltip'|trans({}, 'admin') }}">
										<i class="far fa-trash-alt"></i> {{ 'button.delete'|trans({}) }}
									</button>
									{% endif %}
								</td>
							</tr>
						{% endfor %}
					{% endif %}
					</tbody>
				</table>
			</div>
		</div>
	{% endautoescape %}
{% endblock %}

{% block javascripts %}
	{{ parent() }}
	{{ encore_entry_script_tags('admin_utils') }}
{% endblock %}