{% 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">
					{{ 'quiz.gestion.page_title'|trans({}, 'admin') }}
				</h2>

				<table data-order='[[ 0, "desc" ]]' class="table table-hover table-striped datatable" id="quiz_home">
					<thead>
					<tr>
						<th scope="col">{{ 'quiz.label.id'|trans({}, 'admin') }}</th>
						<th scope="col">{{ 'quiz.label.name'|trans({}, 'admin') }}</th>
						<th scope="col">{{ 'quiz.label.random'|trans({}, 'admin') }}</th>
						<th scope="col">{{ 'quiz.label.is_complete'|trans({}, 'admin') }}</th>
						<th scope="col">{{ 'quiz.label.status'|trans({}, 'admin') }}</th>
						<th scope="col">{{ 'quiz.label.created_at'|trans({}, 'admin') }}</th>
						<th scope="col">{{ 'quiz.label.users'|trans({}, 'admin') }}</th>
						<th scope="col"><i class="fa fa-cogs" aria-hidden="true"></i> {{ 'quiz.label.actions'|trans({}, 'admin') }}</th>
					</tr>
					</thead>
					<tbody>
					{% if quizzes is defined and quizzes is iterable %}
						{% for quiz in quizzes %}
							<tr>
								<td>{{ quiz.id }}</td>
								<td>{{ quiz.name }}</td>
								<td>
									{{ (quiz.random == true) ?
									'<strong class="text-success">' ~ 'yes'|trans ~ '</strong>' :
									'<strong class="text-secondary">' ~ 'no'|trans ~ '</strong>'}}
								</td>
								<td>
									{{ (quiz.isComplete == true) ?
									'<strong class="text-success">' ~ 'yes'|trans ~ '</strong>' :
									'<strong class="text-secondary">' ~ 'no'|trans ~ '</strong>'}}
								</td>
								<td>
									{{ (quiz.status == 'active') ?
									'<strong class="text-success">' ~ 'active'|trans ~ '</strong>' :
									'<strong class="text-secondary">' ~ 'closed'|trans ~ '</strong>'}}
								</td>
								<td>{{ quiz.createdAt|date('d/m/Y H:i') }}</td>
								<td class="d-flex flex-row" style="min-height: 31px;">
									{% if quiz.results is defined and quiz.results is iterable %}
										{% for userQuiz in quiz.results %}
											{% set borderColor = '#ffffff' %}
											{% if (userQuiz.status == 'won') %}
												{% set borderColor = '#198754' %}
											{% elseif (userQuiz.status == 'lost') %}
												{% set borderColor = '#dc3545' %}
											{% elseif (userQuiz.status == 'equality') %}
												{% set borderColor = '#ffc107' %}
											{% endif %}
											<span
												style="border: 2px solid {{borderColor}}; width: 38px; height: 38px; display: block; border-radius: 19px; overflow: hidden; margin-right: 5px;"
												data-toggle="tooltip"
												title="{{ userQuiz.user.firstname ~ ' ' ~ userQuiz.user.lastname }}"
											>
												{% if userQuiz.user.avatar is defined and userQuiz.user.avatar is not empty %}
													<img style="width: 38px; height: 38px;" src="{{ asset('build/images/avatars/' ~ userQuiz.user.avatar ~ '.jpg') }}" />
												{% elseif userQuiz.user.picture is defined and userQuiz.user.picture is not empty %}
													<img style="width: 38px; height: 38px;" src="{{ '/uploads/pictures/' ~ userQuiz.user.picture }}" />
												{% else %}
													<i style="font-size: 38px; padding: 7px;" class="far fa-user"></i>
												{% endif %}
											</span>
										{% endfor %}
									{% else %}
										-
									{% endif %}
								</td>
								<td>
									<a href="{{ path('admin_quiz_edit', {'id': quiz.id}) }}" class="btn btn-sm btn-primary" data-toggle="tooltip" title="{{ 'quiz.edit_btn_tooltip'|trans({}, 'admin') }}">
										<i class="far fa-edit"></i> {{ 'button.edit'|trans({}) }}
									</a>
									<button data-href="{{ path('admin_quiz_delete', {'id': quiz.id}) }}" class="btn btn-sm btn-danger delete-quiz" data-toggle="tooltip" title="{{ 'quiz.delete_btn_tooltip'|trans({}, 'admin') }}">
										<i class="far fa-trash-alt"></i> {{ 'button.delete'|trans({}) }}
									</button>
								</td>
							</tr>
						{% endfor %}
					{% endif %}
					</tbody>
				</table>
			</div>
			<div class="col col-12 col-lg-3">
				<p class="text-right">
					<a href="{{ path('admin_quiz_create') }}" class="btn btn-lg btn-block btn-success">
						<i class="fas fa-plus"></i> {{ 'quiz.button.create'|trans({}, 'admin') }}
					</a>
				</p>
			</div>
		</div>
	{% endautoescape %}
{% endblock %}

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