{% extends "base.html" %}
{% block title %}{{ c.name }}{% endblock %}
{% block content %}
<p><a href="/characters">← Characters</a></p>
<div class="detail">
  {% if c.image %}<img src="{{ c.image }}" alt="{{ c.name }}">{% endif %}
  <div>
    <h1>{{ c.name }}</h1>
    <dl>
      <dt>Statut</dt><dd><span class="dot {{ c.status }}"></span>{{ c.status }}</dd>
      <dt>Espèce</dt><dd>{{ c.species or "—" }}</dd>
      <dt>Type</dt><dd>{{ c.type or "—" }}</dd>
      <dt>Genre</dt><dd>{{ c.gender }}</dd>
      <dt>Origine</dt><dd>{% if c.origin.url %}<a href="/locations/{{ c.origin.url | id_from }}">{{ c.origin.name }}</a>{% else %}{{ c.origin.name }}{% endif %}</dd>
      <dt>Localisation</dt><dd>{% if c.location.url %}<a href="/locations/{{ c.location.url | id_from }}">{{ c.location.name }}</a>{% else %}{{ c.location.name }}{% endif %}</dd>
      <dt>Créé</dt><dd>{{ c.created }}</dd>
      <dt>Modifié</dt><dd>{{ c.modified }}</dd>
      <dt>API</dt><dd><a href="{{ c.url }}">{{ c.url }}</a></dd>
    </dl>
  </div>
</div>
<h2>Episodes ({{ rows | length }})</h2>
{% if rows %}
<table>
  <tr><th>Code</th><th>Titre</th><th>Diffusion</th><th>Rôle</th></tr>
  {% for row in rows %}
  <tr>
    <td>{{ row.e.episode }}</td>
    <td><a href="/episodes/{{ row.e.id }}">{{ row.e.name }}</a></td>
    <td>{{ row.e.air_date }}</td>
    <td>
      {% if row.role and row.role.role %}<span class="tag">{{ row.role.role | capitalize }}</span>{% else %}<span class="muted">non classé</span>{% endif %}
      {% if row.role and row.role.died %}<span class="tag dead">mort</span>{% endif %}
    </td>
  </tr>
  {% endfor %}
</table>
{% else %}<p class="muted">Aucun.</p>{% endif %}
{% endblock %}