{% extends "base.html" %}
{% from '_featured_image.html' import featured_image_block %}
{% from '_archive.html' import archive_button, archived_chip %}
{% block content %}
<h1>{% if supply %}Edit supply {{ archived_chip(supply.is_archived) }}{% else %}New supply{% endif %}</h1>
{% if supply %}
{{ featured_image_block('supply', supply.id, supply.featured_image_path, supply.name) }}
<div class="zone-header-actions">
  {{ archive_button('supply', supply.id, supply.is_archived, '/supplies/' ~ supply.id ~ '/edit') }}
</div>
{% endif %}
<form method="post" action="{% if supply %}/supplies/{{ supply.id }}{% else %}/supplies{% endif %}">
  <label>Name
    <input type="text" name="name" value="{{ supply.name if supply else '' }}" required autofocus placeholder="10-10-10 all-purpose, Compost, Bone meal...">
  </label>
  <label>Category
    <select name="category">
      {% for c in SUPPLY_CATEGORIES %}
      <option value="{{ c }}" {% if supply and supply.category == c %}selected{% elif not supply and c == '' %}selected{% endif %}>{{ c if c else '-- none --' }}</option>
      {% endfor %}
    </select>
  </label>
  <div class="form-row">
    <label class="grow">Quantity on hand
      <input type="text" name="quantity_on_hand" value="{{ supply.quantity_on_hand if supply else '' }}" placeholder="5 kg, 2 bags, half-full">
    </label>
    <label class="grow">Quantity needed
      <input type="text" name="quantity_needed" value="{{ supply.quantity_needed if supply else '' }}" placeholder="1 kg, 1 bag">
    </label>
  </div>
  <label style="display:flex; align-items:center; gap:0.5rem; font-weight:normal">
    <input type="checkbox" name="needed" value="1" {% if supply and supply.needed %}checked{% endif %} style="width:auto">
    Add to shopping list
  </label>
  <label>Notes
    <textarea name="notes" rows="4" placeholder="NPK ratio, brand, storage location...">{{ supply.notes if supply else '' }}</textarea>
  </label>
  <div class="form-actions">
    <button type="submit" class="btn primary">Save</button>
    <a href="/inventory" class="btn ghost">Cancel</a>
  </div>
</form>
{% if supply %}
<form method="post" action="/supplies/{{ supply.id }}/delete" class="danger-zone" onsubmit="return confirm('Delete {{ supply.name }}?')">
  <button type="submit" class="btn danger">Delete supply</button>
</form>
{% endif %}
{% endblock %}