{% 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 content %}
<nav class="breadcrumbs">
  <a href="/catalog">Catalog</a>
  <span class="sep">&rsaquo;</span>
  <a href="/varieties">Varieties</a>
  {% if variety.species_id %}
  <span class="sep">&rsaquo;</span>
  <a href="/species/{{ variety.species_id }}">{{ variety.species_name }}</a>
  {% endif %}
  <span class="sep">&rsaquo;</span>
  <span class="current">{{ variety.name }}{{ archived_chip(variety.is_archived) }}</span>
</nav>

{{ featured_image_block('variety', variety.id, variety.featured_image_path, variety.name) }}

{%- set species_options = [] -%}
{%- for s in species_list -%}{%- set _ = species_options.append([s.id, s.name]) -%}{%- endfor -%}

<div class="zone-header">
  <h1>
    <span class="editable" data-entity="variety" data-id="{{ variety.id }}"
          data-field="name" data-type="text"
          data-current-value="{{ variety.name }}">{{ variety.name }}</span>
    <span class="species-common">(<span class="editable" data-entity="variety" data-id="{{ variety.id }}"
          data-field="species_id" data-type="fk" data-nullable="1"
          data-options='{{ species_options | tojson }}'
          data-current-value="{{ variety.species_id or '' }}"
          data-placeholder="— species —">{{ variety.species_name or '— species —' }}</span>)</span>
  </h1>
  <div class="zone-header-actions">
    {{ archive_button('variety', variety.id, variety.is_archived, '/varieties/' ~ variety.id) }}
  </div>
</div>

{% if variety.species_type or variety.species_primary_function %}
<div class="species-kind-row">
  <span class="chip type-species-type type-{{ variety.species_type or 'plant' }}">{{ (variety.species_type or 'plant')|capitalize }}</span>
  <span class="chip type-species-fn fn-{{ variety.species_primary_function or 'edible' }}">{{ (variety.species_primary_function or 'edible')|capitalize }}</span>
  <span class="meta small">inherited from species</span>
</div>
{% endif %}

<form class="spacing-inline" method="post" action="/varieties/{{ variety.id }}/spacing">
  <span class="spacing-inline-label">Sketch spacing:</span>
  <input type="number" name="plants_per_unit" min="1" step="1" class="spacing-input"
         value="{{ variety.plants_per_unit if variety.plants_per_unit else '' }}"
         placeholder="{{ species_default.plants_per_unit if species_default else '1' }}"
         aria-label="Plants per unit">
  <span>per</span>
  <input type="number" name="space_per_unit_sqft" min="0.5" step="0.5" class="spacing-input"
         value="{{ variety.space_per_unit_sqft if variety.space_per_unit_sqft else '' }}"
         placeholder="{{ species_default.space_per_unit_sqft if species_default else '1.0' }}"
         aria-label="Square feet per unit">
  <span>sq.ft</span>
  <button type="submit" class="btn small">Save</button>
  <span class="meta small spacing-inline-hint">
    {% if species_default %}
      {% if variety.plants_per_unit or variety.space_per_unit_sqft %}
        Override active. Clear both to inherit species default ({{ species_default.plants_per_unit }} per {{ species_default.space_per_unit_sqft }} sq.ft).
      {% else %}
        Inheriting species default ({{ species_default.plants_per_unit }} per {{ species_default.space_per_unit_sqft }} sq.ft).
      {% endif %}
    {% else %}
      No species linked — falling back to 1 per 1 sq.ft.
    {% endif %}
  </span>
</form>

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

<section class="section">
  <h2>Plants</h2>
  <p class="meta">{{ plant_count }} plant{{ '' if plant_count == 1 else 's' }} of this variety across all plantings.</p>
</section>

{{ render_comments(variety_comments, 'variety', variety.id, '/varieties/' ~ variety.id, include_children=include_children, include_related=include_related, supports_children=supports_children) }}

<form method="post" action="/varieties/{{ variety.id }}/delete" class="danger-zone"
      onsubmit="return confirm('Delete variety {{ variety.name }}?');">
  <button type="submit" class="btn danger">Delete variety</button>
</form>
{% endblock %}