{% extends "base.html" %}

{% block title %}{{ director_name }} · Lumière{% endblock %}

{% block content %}
  <section class="page-heading">
    <p class="eyebrow">Director</p>
    <h1>{{ director_name }}</h1>
  </section>

  <section class="director-summary" aria-label="Director summary">
    <article class="summary-card">
      <span class="summary-label">Films logged</span>
      <strong>{{ director_summary.total_films_logged }}</strong>
    </article>
    <article class="summary-card">
      <span class="summary-label">Average stars</span>
      <strong>{{ "%.1f"|format(director_summary.average_stars) }}</strong>
    </article>
    <article class="summary-card">
      <span class="summary-label">Common shelf</span>
      <strong>{{ director_summary.most_common_shelf|title }}</strong>
    </article>
  </section>

  <section class="diary-feed" aria-label="{{ director_name }} filmography">
    {% for film in films %}
      {% include "_film_card.html" %}
    {% endfor %}
  </section>
{% endblock %}