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

				<table class="table table-hover table-striped datatable" id="question_home">
					<thead>
					<tr>
						<th scope="col">{{ 'question.label.id'|trans({}, 'admin') }}</th>
						<th scope="col">{{ 'question.label.wording'|trans({}, 'admin') }}</th>
						<th scope="col">{{ 'question.label.propositions'|trans({}, 'admin') }}</th>
						<th scope="col">{{ 'question.label.contestation'|trans({}, 'admin') }}</th>
						<th scope="col">{{ 'question.label.contestation_response'|trans({}, 'admin') }}</th>
						<th scope="col">{{ 'question.label.moderations'|trans({}, 'admin') }}</th>
						<th scope="col"><i class="fa fa-cogs" aria-hidden="true"></i> {{ 'question.label.actions'|trans({}, 'admin') }}</th>
					</tr>
					</thead>
					<tbody>
					{% if questions is defined and questions is iterable %}
						{% for question in questions %}
							<tr>
								<td>{{ question.id }}</td>
								<td>
									{{ question.wording }}
									{{ '<span data-html="true" data-toggle="tooltip" title="'~question.incompleteError|nl2br~'"><i class="fas fa-info-circle"></i></span>' }}
								</td>
								<td>
									<ul>
									{% for proposition in question.propositions %}
										<li>
											{{ proposition.wording }}
											{{ (proposition.valid) ? '<i class="text-success far fa-check-square"></i>' : '<i class="text-danger fas fa-times"></i>' }}
										</li>
									{% endfor %}
									</ul>
								</td>
								<td>
									<ul>
										{% for contestation in question.contestations %}
											<li>{{ contestation.comment }}</li>
										{% endfor %}
									</ul>
								</td>
								<td>
									<ul>
										{% for contestation in question.contestations %}
											<li>{{ (contestation.response is not empty) ? contestation.response : '-' }}</li>
										{% endfor %}
									</ul>
								</td>
								<td>
									<ul>
										{% for moderation in question.moderations %}
											{% if moderation.isActive == true %}
											<li class="{{ (moderation.isValidated == true) ? 'text-success' : 'text-warning' }}">
												{{ (moderation.comment is not empty) ? moderation.comment : '-' }}
											</li>
											{% endif %}
										{% endfor %}
									</ul>
								</td>
								<td>
									{% if question.isToCorrect == true %}
									<a href="{{ path('admin_question_edit', {'id': question.id, 'origin': 'admin_question_tocorrect'}) }}" class="btn btn-sm btn-info" data-toggle="tooltip" title="{{ 'question.edit_btn_tooltip'|trans({}, 'admin') }}">
										<i class="far fa-edit"></i> {{ 'button.edit'|trans({}) }}
									</a>
									{% endif %}
									{% if is_granted('ROLE_ADMIN') %}
										<button data-href="{{ path('admin_question_delete', {'id': question.id, 'origin': 'admin_question_tocorrect'}) }}" class="btn btn-sm btn-danger delete-question" data-toggle="tooltip" title="{{ 'question.delete_btn_tooltip'|trans({}, 'admin') }}">
											<i class="far fa-trash-alt"></i> {{ 'button.delete'|trans({}) }}
										</button>
									{% endif %}
									<a href="{{ path('admin_user_stats', {'id': question.user.id}) }}" target="_blank" class="btn btn-sm btn-info" data-toggle="tooltip" title="{{ question.user.firstname ~ ' ' ~ question.user.lastname }}">
										<i class="fas fa-user"></i>
									</a>
								</td>
							</tr>
						{% endfor %}
					{% endif %}
					</tbody>
				</table>
			</div>
		</div>
	{% endautoescape %}
{% endblock %}

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