{% extends "base.html" %}
{% from '_archive.html' import show_archived_toggle %}
{% block content %}
<div class="actions">
  <a class="btn primary" href="/supplies/new">+ Add supply</a>
  <span class="summary">{{ supplies|length }} suppl{{ 'y' if supplies|length == 1 else 'ies' }}</span>
  {{ show_archived_toggle(show_archived, '/inventory') }}
</div>

<h1>Supplies</h1>

{% if shopping %}
<section class="section">
  <h2>Shopping list</h2>
  <ul class="supply-list">
    {% for s in shopping %}
    <li class="supply-item{% if s.is_archived %} is-archived{% endif %}">
      <a href="/supplies/{{ s.id }}/edit" class="supply-item-link">
        <div class="supply-main">
          <strong>{{ s.name }}</strong>
          {% if s.quantity_needed %}<span class="supply-amount">Need: {{ s.quantity_needed }}</span>{% endif %}
        </div>
        {% if s.notes %}<div class="supply-notes">{{ s.notes }}</div>{% endif %}
      </a>
    </li>
    {% endfor %}
  </ul>
</section>
{% endif %}

<section class="section">
  <h2>On hand</h2>
  {% if not supplies %}
  <p class="empty">No supplies tracked yet. Use "Add supply" to track fertilizer, soil, amendments, etc.</p>
  {% else %}
    {% for category, items in supplies_by_category.items() %}
    <h3 class="supply-category">{{ category }}</h3>
    <ul class="supply-list">
      {% for s in items %}
      <li class="supply-item{% if s.is_archived %} is-archived{% endif %}">
        <a href="/supplies/{{ s.id }}/edit" class="supply-item-link">
          <div class="supply-main">
            <strong>{{ s.name }}</strong>
            {% if s.quantity_on_hand %}<span class="supply-amount">{{ s.quantity_on_hand }}</span>
            {% elif s.amount %}<span class="supply-amount">{{ s.amount }}</span>{% endif %}
          </div>
          {% if s.notes %}<div class="supply-notes">{{ s.notes }}</div>{% endif %}
        </a>
      </li>
      {% endfor %}
    </ul>
    {% endfor %}
  {% endif %}
</section>
{% endblock %}