{% extends "base.html" %}
{% from '_featured_image.html' import featured_image_thumb %}
{% from '_archive.html' import show_archived_toggle %}
{% block title %}Plantings — Garden{% endblock %}
{% block content %}
<div class="actions">
  <a class="btn primary" href="/plantings/new">+ New Planting</a>
  <a class="btn ghost small" href="/unplanted" title="Plan plants before putting them in the ground. Add unplanted/idea plants outside of a planting.">Unplanted &rarr;</a>
  <span class="summary">{{ total_plantings }} planting{{ '' if total_plantings == 1 else 's' }}</span>
  {{ show_archived_toggle(show_archived, '/plantings') }}
  <a href="/years" class="btn ghost small" style="margin-left:auto">Years</a>
</div>

<h1>Plantings</h1>
<p class="form-help">
  Plantings represent <em>the act of putting plants in the ground</em>. For
  planning before the spade comes out, use the
  <a href="/unplanted">Unplanted</a> page — that's where you stage purchases,
  indoor seedlings, and ideas, then assign them to a planting when they go
  in the ground.
</p>

{% macro planting_card(p) %}
<li class="entity-card{% if p.featured_image_path %} entity-card-with-thumb{% endif %}{% if p.is_archived %} is-archived{% endif %}">
  <a href="/plantings/{{ p.id }}" class="entity-card-link">
    {{ featured_image_thumb(p.featured_image_path, p.name) }}
    <div class="entity-card-body">
      <div class="entity-card-header">
        <strong>{{ p.name }}</strong>
        <span class="chip status-{{ p.status or 'planted' }}">{{ p.status or 'planted' }}</span>
        <span class="chip">{{ p.plant_count }} plant{{ '' if p.plant_count == 1 else 's' }}</span>
        {% if p.is_archived %}<span class="archived-chip">Archived</span>{% endif %}
      </div>
      {% if p.notes %}<div class="entity-card-sub">{{ p.notes[:60] }}{{ '...' if p.notes|length > 60 else '' }}</div>{% endif %}
    </div>
  </a>
</li>
{% endmacro %}

{% if year_groups or no_year %}
  {% for year_val, plantings in year_groups %}
  <section class="section">
    <h2>{{ year_val }}</h2>
    <ul class="entity-list">
      {% for p in plantings %}
      {{ planting_card(p) }}
      {% endfor %}
    </ul>
  </section>
  {% endfor %}

  {% if no_year %}
  <section class="section">
    <h2>No year</h2>
    <ul class="entity-list">
      {% for p in no_year %}
      {{ planting_card(p) }}
      {% endfor %}
    </ul>
  </section>
  {% endif %}
{% else %}
<p class="empty">No plantings yet. A planting groups plants together -- like "2026 Tomatoes" or "2023 Strawberry Starters".</p>
{% endif %}
{% endblock %}