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

{% block title %}
<a href="{{ url_for('adm') }}">Panneau d'administration</a> » <h1>Titres et trophées</h1>
{% endblock %}

{% block content %}
<section>
  <p>Cette page présente une vue d'ensemble des titres et trophées.</p>

	<h2>Titres et trophées</h2>

	<table style="width:90%; margin: auto;">
		<tr><th>id</th><th>Icône</th><th>Nom</th><th>Titre</th>
      <th>Style</th><th>Modifier</th><th>Supprimer</th></tr>

		{% for trophy in trophies %}
			<tr><td>{{ trophy.id }}</td>
          <td><img src="{{ url_for('static', filename='images/account-circle.svg') }}" alt="{{ trophy.name }}"></td>
					<td>{{ trophy.name }}</td>
					<td style="{{ trophy.css }}">{{ trophy.title }}</td>
          <td>{{ trophy.css }}</td>
					<td><a href="{{ url_for('adm_edit_trophy', trophy_id=trophy.id) }}">Modifier</a></td>
          <td><a href="{{ url_for('adm_delete_trophy', trophy_id=trophy.id) }}">Supprimer</a></td>
			</tr>
		{% endfor %}
	</table>
</section>

<section class="form">
  <form action="{{ url_for('adm_trophies') }}" method="post" enctype="multipart/form-data">
		{{ form.hidden_tag() }}
		<h2>Nouveau trophée</h2>
		<div>
			{{ form.name.label }}
			{{ form.name }}
			{% for error in form.name.errors %}
			<span class="msgerror">{{ error }}</span>
			{% endfor %}
		</div>
		<div>
			{{ form.title.label }}
			{{ form.title }}
			<div class=desc>{{ form.title.description }}</div>
			{% for error in form.title.errors %}
			<span class="msgerror">{{ error }}</span>
			{% endfor %}
		</div>
		<div>
			{{ form.css.label }}
			{{ form.css }}
			<div class=desc>{{ form.css.description }}</div>
			{% for error in form.css.errors %}
			<span class="msgerror">{{ error }}</span>
			{% endfor %}
		</div>
		<div>{{ form.submit(class_="bg-green") }}</div>
</section>
{% endblock %}