{% macro character_card(c) -%}
<a class="card" href="/characters/{{ c.id }}">
  {% if c.image %}<img src="{{ c.image }}" alt="{{ c.name }}" loading="lazy">{% else %}<img alt="">{% endif %}
  <div class="body">
    <div class="name">{{ c.name }}</div>
    <div class="muted"><span class="dot {{ c.status }}"></span>{{ c.status }} · {{ c.species }}</div>
  </div>
</a>
{%- endmacro %}

{% macro pager(page, pages, prev_url, next_url, top=false) -%}
{% if pages > 1 %}
<div class="pager{% if top %} top{% endif %}">
  {% if prev_url %}<a href="{{ prev_url }}">← Précédent</a>{% endif %}
  <span class="muted">Page {{ page }} / {{ pages }}</span>
  {% if next_url %}<a href="{{ next_url }}">Suivant →</a>{% endif %}
</div>
{% endif %}
{%- endmacro %}


{% macro view_switch(view, view_urls) -%}
<nav class="switch" aria-label="Mode d'affichage">
  <a href="{{ view_urls.images }}"{% if view == 'images' %} class="active" aria-current="true"{% endif %}>Vignettes</a>
  <a href="{{ view_urls.liste }}"{% if view == 'liste' %} class="active" aria-current="true"{% endif %}>Liste</a>
</nav>
{%- endmacro %}

{% macro characters_view(chars, view) -%}
{% if view == 'liste' %}
<table class="list">
  <tr><th></th><th>Nom</th><th>Statut</th><th class="wide">Espèce</th><th class="wide">Genre</th></tr>
  {% for c in chars %}
  <tr>
    <td class="mini">{% if c.image %}<img src="{{ c.image }}" alt="" loading="lazy">{% endif %}</td>
    <td><a href="/characters/{{ c.id }}">{{ c.name }}</a></td>
    <td><span class="dot {{ c.status }}"></span>{{ c.status }}</td>
    <td class="wide">{{ c.species or "—" }}</td>
    <td class="wide">{{ c.gender }}</td>
  </tr>
  {% endfor %}
</table>
{% else %}
<div class="grid">{% for c in chars %}{{ character_card(c) }}{% endfor %}</div>
{% endif %}
{%- endmacro %}

{% macro location_tree(nodes, depth=0) -%}
<ul class="tree d{{ depth % 5 }}">
  {% for n in nodes %}
  <li{% if not n.linked %} class="ghost"{% endif %}>
    <a href="/locations/{{ n.loc.id }}">{{ n.loc.name }}</a>
    {% if n.children %}{{ location_tree(n.children, depth + 1) }}{% endif %}
  </li>
  {% endfor %}
</ul>
{%- endmacro %}

{% macro locations_table(locs) -%}
<table>
  <tr><th>Nom</th><th>Type</th><th>Dimension</th></tr>
  {% for l in locs %}<tr><td><a href="/locations/{{ l.id }}">{{ l.name }}</a></td><td>{{ l.type or "—" }}</td><td>{{ l.dimension or "—" }}</td></tr>{% endfor %}
</table>
{%- endmacro %}