{% extends "base.html" %}
{% block title %}{{ 'Edit' if row else 'Add' }} product{% endblock %}
{% set v = request.form if request.method == 'POST' else (row or {}) %}
{% block content %}
<div class="page-head"><h1>{{ 'Edit' if row else 'Add' }} product</h1></div>
<div class="panel" style="max-width:720px">
  <form method="post" class="row g-3">
    <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
    <div class="col-md-4"><label class="form-label" for="sku">SKU</label>
      <input class="form-control" id="sku" name="sku" value="{{ v['sku'] or '' }}" required autofocus></div>
    <div class="col-md-8"><label class="form-label" for="name">Name</label>
      <input class="form-control" id="name" name="name" value="{{ v['name'] or '' }}" required></div>
    <div class="col-md-6"><label class="form-label" for="category_id">Category</label>
      <select class="form-select" id="category_id" name="category_id">
        <option value="">No category</option>
        {% for c in categories %}<option value="{{ c.id }}" {% if v['category_id']|string == c.id|string %}selected{% endif %}>{{ c.name }}</option>{% endfor %}
      </select></div>
    <div class="col-md-6"><label class="form-label" for="unit">Unit</label>
      <input class="form-control" id="unit" name="unit" value="{{ v['unit'] or 'pcs' }}"></div>
    <div class="col-md-4"><label class="form-label" for="cost_price">Cost price ({{ currency }})</label>
      <input class="form-control" id="cost_price" name="cost_price" type="number" min="0" step="0.01" value="{{ v['cost_price'] or 0 }}"></div>
    <div class="col-md-4"><label class="form-label" for="sale_price">Sale price ({{ currency }})</label>
      <input class="form-control" id="sale_price" name="sale_price" type="number" min="0" step="0.01" value="{{ v['sale_price'] or 0 }}"></div>
    <div class="col-md-4"><label class="form-label" for="reorder_level">Reorder when stock reaches</label>
      <input class="form-control" id="reorder_level" name="reorder_level" type="number" min="0" value="{{ v['reorder_level'] if v['reorder_level'] is defined and v['reorder_level'] != '' else 10 }}"></div>
    <div class="col-12">
      <button class="btn btn-primary">Save product</button>
      <a class="btn btn-link" href="{{ url_for('products') }}">Cancel</a>
    </div>
  </form>
  {% if not row %}<p class="small text-secondary mt-3 mb-0">Stock starts at 0. Add the opening quantity with a purchase.</p>{% endif %}
</div>
{% endblock %}