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

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

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

				{% if current_theme is defined and current_theme is not null %}
				<p>
					Liste des sous-thème de "{{ current_theme.name }}". <a href="{{ path('admin_theme_home') }}">Retour à la liste principale</a>
				</p>
				{% endif %}

				<table class="table table-hover table-striped datatable" id="theme_home">
					<thead>
					<tr>
						<th scope="col">{{ 'theme.label.name'|trans({}, 'admin') }}</th>
						<th scope="col">{{ 'theme.label.children'|trans({}, 'admin') }}</th>
						<th scope="col"><i class="fa fa-cogs" aria-hidden="true"></i> {{ 'theme.label.actions'|trans({}, 'admin') }}</th>
					</tr>
					</thead>
					<tbody>
					{% if themes is defined and themes is iterable %}
						{% for theme in themes %}
							<tr>
								<td>{{ theme.name }}</td>
								<td>
									<span class="badge badge-secondary">{{ theme.children|length }}</span>
								</td>
								<td>
									<a href="{{ path('admin_theme_edit', {'id': theme.id}) }}" class="btn btn-sm btn-primary" data-toggle="tooltip" title="{{ 'theme.edit_btn_tooltip'|trans({}, 'admin') }}">
										<i class="far fa-edit"></i> {{ 'button.edit'|trans({}) }}
									</a>
									<a href="{{ path('admin_theme_delete', {'id': theme.id}) }}" class="btn btn-sm btn-danger" data-toggle="tooltip" title="{{ 'theme.delete_btn_tooltip'|trans({}, 'admin') }}">
										<i class="far fa-trash-alt"></i> {{ 'button.delete'|trans({}) }}
									</a>
									{% if (current_theme is not defined or current_theme is null) and theme.children|length > 0 %}
										<a class="btn btn-sm btn-info" href="{{ path('admin_theme_home', {id: theme.id}) }}">
											<i class="fas fa-list"></i> {{ 'button.list'|trans({}) }}
										</a>
									{% endif %}
								</td>
							</tr>
						{% endfor %}
					{% endif %}
					</tbody>
				</table>
			</div>
			<div class="col col-12 col-lg-3">
				<p class="text-right">
					<a href="{{ path('admin_theme_create') }}" class="btn btn-lg btn-block btn-success">
						<i class="fas fa-plus"></i> {{ 'theme.button.create'|trans({}, 'admin') }}
					</a>
				</p>
			</div>
		</div>
	{% endautoescape %}
{% endblock %}