{% extends "videotheque/base.html.twig" %}

{% block title %}
{% if titre is defined %}{{ titre }}{% else %}{{ parent() }}{% endif %}
{% endblock %}

{% block titre %}
{% if titre is defined %}{{ titre }}{% else %}{{ parent() }}{% endif %}
{% endblock %}

{% block body %}
	{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
	<p><a class="btn btn-primary" role="button" href="{{ path('videotheque_ajouter') }}"><i class="fa fa-plus-square fa-lg"></i> Ajouter un film</a></p>
	{% endif %}
	<div class="table-responsive">
		<table class="table table-bordered table-hover table-sm">
			<thead class="thead-dark">
				<tr>
					{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
						<th>Voir</th>
						<th>Vu</th>
						<th>Ajouté par</th>
					{% endif %}
					<th>Titre du film</th>
					<th>Genre</th>
					<th>Réalisateur</th>
					<th>Note moyenne</th>
					<th>Année</th>
					{#
					<th>Lien</th>
					<th>Actions</th>
					#}
				</tr>
			</thead>
			<tbody>
				{% for film in listeFilms %}
				<tr>
					{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
						<td>
							{%  if app.user.wantToSee(film) %}
								{% set follow_icone = "fa fa-star fa-lg" %}
								{% set follow_texte = "Supprimer ce film de votre liste à voir" %}
							{% else %}
								{% set follow_icone = "fa fa-star-o fa-lg" %}
								{% set follow_texte = "Ajouter ce film à votre liste à voir" %}
							{% endif %}
							<a href="#" data-fonction="switch"
										data-icone-actif="fa fa-star fa-lg"
										data-icone-inactif="fa fa-star-o fa-lg"
										data-path="{{ path('maliste_modifier_a_voir') }}"
										data-toggle="tooltip"
										title="{{ follow_texte }}"
										data-content="{{ film.id }}">
								<i class="{{ follow_icone }}"></i>
							</a>
						</td>
						<td>
							{%  if app.user.haveSeen(film) %}
								{% set vu_icone = '<i class="fa fa-eye fa-lg text-success"></i>' %}
							{% else %}
								{% set vu_icone = '<i class="fa fa-eye-slash fa-lg text-secondary"></i>' %}
							{% endif %}				
							<a href="#" data-fonction="switch"
										data-path="{{ path('maliste_modifier_vus') }}"
										data-content="{{ film.id }}"
										data-icone-actif = "fa fa-eye fa-lg text-success"
										data-icone-inactif = "fa fa-eye-slash fa-lg text-secondary">
								{{ vu_icone | raw }}
							</a>
						</td>
						<td>
							{%  if film.authered is defined %}
								{% if film.authered.activeNow %}
									<i class="fa fa-user text-success"></i>
								{% else %}
									<i class="fa fa-user-o text-secondary"></i>
								{% endif %}
								{{ film.authered.username }}
							{% endif %}
						</td>
					{% endif %}
					<td>
						<a href="{{ path('videotheque_voirfilm', {'id': film.id}) }}">{{ film.titre }}</a>
						{% if film.new %}<span class="badge badge-light">New</span>{% endif %}
						{% if film.nbComs %}<span class="badge badge-light" data-toggle="tooltip" data-original-title="{{ film.nbComs }} commentaire(s)">{{ film.nbComs }}</span>{% endif %}

					</td>
					<td>
						{% if film.genres is defined %}
							{% for genre in film.genres %}
								<a href="{{ path("videotheque_listepargenre", {"id": genre.id}) }}"><span class="badge badge-secondary">{{ genre.name }}</span></a>
							{% endfor %}
						{% endif %}
					</td>
					<td>
					{% if film.realisateurs is defined %}
						{%  for realisateur in film.realisateurs %}
							<a href="{{ path('videotheque_listeparreal', {"id": realisateur.id}) }}"><span class="badge badge-info">{{ realisateur.nomComplet }}</span> </a>
						{%  endfor %}
					{% endif %}
					</td>
					<td>
						{% if film.note > 0 %}
							<input class="rating"
								data-disabled="true"
								data-show-clear="false"
								data-show-caption="false"
								data-theme="krajee-fa"
								min=0
								max=5
								data-step=0.5
								data-size="xs"
								value="{{ film.note }}">
						{% endif %}
					</td>
					<td>{{ film.annee | date('Y') }}</td>
					{#
					<td>{% if not film.lien == "" %}<a target="_blank" href="{{ film.lien }}"><i class="fa fa-external-link fa-lg"></i></a>{% endif %}</td>
					<td>
						<a data-toggle="tooltip" title="Modifier la fiche film" href="{{ path('videotheque_modifier', {'id': film.id})  }}"><i class="fa fa-edit fa-lg", style="color:DodgerBlue;"></i></a>
						{% if is_granted('ROLE_ADMIN') %}<a href="{{ path('videotheque_supprimer', {'id': film.id})  }}"><i class="fa fa-trash fa-lg", style="color:Tomato;"></i></a>{% endif %}
					</td>
					#}
				</tr>
				{% endfor %}
			</tbody>
		</table>
	</div>
{% endblock %}