{% extends "base.html" %}
{% from '_featured_image.html' import featured_image_block %}
{% from '_archive.html' import archive_button, archived_chip %}
{% block title %}{{ year_obj.year }} — Garden{% endblock %}
{% block content %}
<div class="breadcrumbs">
  <a href="/years">Years</a>
  <span class="sep">&rsaquo;</span>
  <span class="current">{{ year_obj.year }}{{ archived_chip(year_obj.is_archived) }}</span>
</div>

{{ featured_image_block('year', year_obj.id, year_obj.featured_image_path, year_obj.year) }}

<div class="zone-header">
  <h1>
    <span class="editable" data-entity="year" data-id="{{ year_obj.id }}"
          data-field="year" data-type="int"
          data-current-value="{{ year_obj.year }}">{{ year_obj.year }}</span>
  </h1>
  <div class="zone-header-actions">
    <a href="/plantings/new?year_id={{ year_obj.id }}" class="btn primary small">+ Planting</a>
    {{ archive_button('year', year_obj.id, year_obj.is_archived, '/years/' ~ year_obj.id) }}
  </div>
</div>

<section class="section">
  <h2>Overview <a class="overview-history-link" href="/overview-history/year/{{ year_obj.id }}">history</a></h2>
  <div class="overview-block current">
    <span class="editable editable-block" data-entity="year" data-id="{{ year_obj.id }}"
          data-field="notes" data-type="textarea"
          data-current-value="{{ year_obj.notes or '' }}"
          data-placeholder="+ add overview">{{ year_obj.notes or '+ add overview' }}</span>
  </div>
</section>

<section class="section">
  <h2>Plantings ({{ plantings|length }})</h2>
  {% if plantings %}
  <ul class="entity-list">
    {% for p in plantings %}
    <li class="entity-card{% if p.is_archived %} is-archived{% endif %}">
      <a href="/plantings/{{ p.id }}" class="entity-card-link">
        <div class="entity-card-header">
          <strong>{{ p.name }}</strong>
          <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.source %}<div class="entity-card-sub">{{ p.source }}</div>{% endif %}
      </a>
    </li>
    {% endfor %}
  </ul>
  {% else %}
  <p class="empty small">No plantings for this year yet.</p>
  {% endif %}
</section>

{% from '_comments.html' import render_comments %}
{{ render_comments(year_comments, 'year', year_obj.id, '/years/' ~ year_obj.id, include_children=include_children, include_related=include_related, supports_children=supports_children) }}

<form method="post" action="/years/{{ year_obj.id }}/delete" class="danger-zone"
      onsubmit="return confirm('Delete year {{ year_obj.year }}? Plantings keep their year reference but it dangles.');">
  <button type="submit" class="btn danger">Delete year</button>
</form>
{% endblock %}