{% extends "base.html" %}
{% from '_featured_image.html' import featured_image_thumb %}
{% from '_archive.html' import show_archived_toggle %}
{% block content %}
<nav class="breadcrumbs">
  <a href="/catalog">Catalog</a>
  <span class="sep">&rsaquo;</span>
  <span class="current">Varieties</span>
</nav>
<div class="actions">
  <a class="btn primary" href="/varieties/new">+ Add variety</a>
  <span class="summary">{{ varieties|length }} variet{{ 'y' if varieties|length == 1 else 'ies' }}</span>
  {{ show_archived_toggle(show_archived, '/varieties') }}
</div>

{% if not varieties %}
<p class="empty">No varieties yet. Varieties are specific cultivars (Evelyn strawberry, San Marzano tomato).</p>
{% endif %}

<ul class="entity-list">
  {% for v in varieties %}
  <li class="entity-card{% if v.featured_image_path %} entity-card-with-thumb{% endif %}{% if v.is_archived %} is-archived{% endif %}">
    <a href="/varieties/{{ v.id }}" class="entity-card-link">
      {{ featured_image_thumb(v.featured_image_path, v.name) }}
      <div class="entity-card-body">
        <div class="entity-card-header">
          <strong>{{ v.name }}</strong>
          {% if v.species_name %}<span class="chip">{{ v.species_name }}</span>{% endif %}
          {% if v.species_type %}<span class="chip type-species-type type-{{ v.species_type }}">{{ v.species_type|capitalize }}</span>{% endif %}
          {% if v.species_primary_function %}<span class="chip type-species-fn fn-{{ v.species_primary_function }}">{{ v.species_primary_function|capitalize }}</span>{% endif %}
          {% if v.is_archived %}<span class="archived-chip">Archived</span>{% endif %}
        </div>
        {% if v.description %}<div class="note-preview">{{ v.description[:160] }}{% if v.description|length > 160 %}…{% endif %}</div>{% endif %}
      </div>
    </a>
  </li>
  {% endfor %}
</ul>
{% endblock %}