{% extends "base.html" %}

{% block content %}
  <section class="intro">
    <p>Choose a recent Immich photo to request Mastodon-friendly alt text.</p>
  </section>

  {% if error_message %}
    <div class="error">{{ error_message }}</div>
  {% endif %}

  <section class="grid">
    {% if assets %}
      {% for asset in assets %}
        <article class="asset-card">
          <a href="{{ url_for('main.asset_detail', asset_id=asset.id) }}" class="thumbnail">
            <img src="{{ url_for('main.asset_proxy', asset_id=asset.id, variant='thumbnail') }}"
                 alt="{{ asset.file_name }}">
          </a>
          <div class="meta">
            {% if asset.captured_display %}
              <div class="date">{{ asset.captured_display }}</div>
            {% endif %}
          </div>
          <div class="alt-text">
            {% if asset.alt_text %}
              {{ asset.alt_text }}
            {% else %}
              <em>No alt text yet</em>
            {% endif %}
          </div>
        </article>
      {% endfor %}
    {% else %}
      <p>No recent assets were returned.</p>
    {% endif %}
  </section>
{% endblock %}