{% extends "base.html" %}
{% from '_comments.html' import render_comments %}
{% from '_featured_image.html' import featured_image_block %}
{% from '_archive.html' import archive_button, archived_chip %}
{% block title %}
{{ (plant.variety_name or plant.species_name or 'Plant') }}{% if plant.planting_name %} in {{ plant.planting_name }}{% elif plant.status in ('unplanted', 'idea') %} ({{ plant.status }}){% endif %} — Garden
{% endblock %}
{% block content %}
<nav class="breadcrumbs">
  {% if plant.planting_id_ %}
    <a href="/plantings">Plantings</a>
    <span class="sep">&rsaquo;</span>
    <a href="/plantings/{{ plant.planting_id_ }}">{{ plant.planting_name }}</a>
  {% else %}
    <a href="/unplanted{% if plant.status == 'idea' %}?tab=idea{% endif %}">Unplanted</a>
  {% endif %}
  <span class="sep">&rsaquo;</span>
  <span class="current">
    {{ plant.quantity or '1' }}&times;
    {{ plant.variety_name or plant.species_name or 'TBD' }}
    {{ archived_chip(plant.is_archived) }}
  </span>
</nav>

{{ featured_image_block('plant', plant.id, plant.featured_image_path, (plant.variety_name or plant.species_name or 'Plant')) }}

<div class="zone-header">
  <h1>
    {{ plant.quantity or '1' }}&times;
    {% if plant.variety_name %}{{ plant.variety_name }}{% endif %}
    {% if plant.species_name %}<span class="plant-detail-species">{{ plant.species_name }}</span>{% endif %}
    {% if not plant.variety_name and not plant.species_name %}<span class="plant-detail-tbd">TBD</span>{% endif %}
  </h1>
  <div class="zone-header-actions">
    {# Edit-via-planting only makes sense for plants attached to one. Unplanted /
       idea plants are managed from /unplanted; there's no planting form to edit. #}
    {% if plant.planting_id_ %}
    <a href="/plantings/{{ plant.planting_id_ }}" class="btn small">Edit (in planting)</a>
    {% endif %}
    {{ archive_button('plant', plant.id, plant.is_archived, '/plants/' ~ plant.id) }}
  </div>
</div>

<div class="planting-meta">
  {% if plant.year_value %}<a href="/years/{{ plant.year_id_ }}" class="chip type-year">{{ plant.year_value }}</a>{% endif %}
  {% if plant.planting_id_ %}
  <a href="/plantings/{{ plant.planting_id_ }}" class="chip type-planting">{{ plant.planting_name }}</a>
  {% endif %}
  {% if plant.species_id %}<a href="/species/{{ plant.species_id }}" class="chip type-species">{{ plant.species_name }}</a>{% endif %}
  {% if plant.variety_id %}<a href="/varieties/{{ plant.variety_id }}" class="chip type-variety">{{ plant.variety_name }}</a>{% endif %}
  {% if area_info %}<a href="/areas/{{ area_info.id }}" class="chip type-area">{{ area_info.path }}</a>{% endif %}
  {% if plant.status %}<span class="status status-{{ plant.status | replace(' ', '-') }}">{{ plant.status }}</span>{% endif %}
</div>

{% if plant.notes %}
<section class="section">
  <h2>Overview <a class="overview-history-link" href="/overview-history/plant/{{ plant.id }}">history</a></h2>
  <div class="overview-block current">{{ plant.notes }}</div>
</section>
{% elif plant.planting_id_ %}
<p class="meta small"><a href="/plantings/{{ plant.planting_id_ }}">+ add overview (from planting page)</a></p>
{% endif %}

{{ render_comments(plant_comments, 'plant', plant.id, '/plants/' ~ plant.id, include_children=include_children, include_related=include_related, supports_children=supports_children) }}
{% endblock %}