{% for film in films %}
<article class="public-film-row">
  <div class="poster-frame public-film-poster">
    {% if film.poster_url %}
      <img src="{{ film.poster_url }}" alt="{{ film.title }} poster" loading="lazy">
    {% else %}
      <span>{{ film.title[:1] }}</span>
    {% endif %}
  </div>
  <div class="public-film-body">
    <div class="public-film-head">
      <div>
        <h2>{{ film.title }}</h2>
        <p>
          {% if film.year %}{{ film.year }}{% endif %}
          {% set directors = split_credit_names(film.director) %}
          {% if directors %}
            {% if film.year %} · {% endif %}
            {{ directors|join(", ") }}
          {% endif %}
        </p>
      </div>
      {% if film.stars %}
      <span class="rating">{% for _ in range(film.stars) %}✦{% endfor %}</span>
      {% endif %}
    </div>

    <div class="ledger-strip">
      <span>Diary</span>
      {% if film.date_watched %}<span>{{ film.date_watched }}</span>{% endif %}
      {% if film.runtime %}<span>{{ film.runtime }} min</span>{% endif %}
      {% if film.rewatch %}<span>Rewatch{% if film.rewatch_count %} #{{ film.rewatch_count }}{% endif %}</span>{% endif %}
    </div>

    {% if film.language or film.genre or film.context or film.how_found or film.watched_with %}
    <div class="fact-list fact-list-compact">
      {% if film.language %}
      <div class="fact-row">
        <span class="fact-label">Lang</span>
        <span class="fact-value">{{ film.language }}</span>
      </div>
      {% endif %}
      {% if film.genre %}
      <div class="fact-row">
        <span class="fact-label">Genre</span>
        <span class="fact-value">{{ film.genre }}</span>
      </div>
      {% endif %}
      {% if film.context %}
      <div class="fact-row">
        <span class="fact-label">Context</span>
        <span class="fact-value">{{ film.context }}</span>
      </div>
      {% endif %}
      {% if film.how_found %}
      <div class="fact-row">
        <span class="fact-label">Found</span>
        <span class="fact-value">{{ film.how_found }}</span>
      </div>
      {% endif %}
      {% if film.watched_with %}
      <div class="fact-row">
        <span class="fact-label">With</span>
        <span class="fact-value">{{ film.watched_with }}</span>
      </div>
      {% endif %}
    </div>
    {% endif %}
  </div>
</article>
{% endfor %}