{% extends "base.html" %}
{% set edit = editable if editable is defined else true %}
{% block title %}{% if key %}{% set _k = row.keys()|list %}{{ (row['name_en'] if 'name_en' in _k else '') or (row['code'] if 'code' in _k else '') or t(m.title) }}{% else %}{{ t(m.title) }}{% endif %}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <small><a href="{{ url_for('setup.list_view', model=model, type=request.args.get('type')) if request.args.get('type') else url_for('setup.list_view', model=model) }}">{{ t(m.title) }}</a></small>
    {% set keys = row.keys()|list %}
    <h1>{% if key %}{{ (row['name_en'] if 'name_en' in keys else '') or (row['code'] if 'code' in keys else '') or (row['currency'] ~ ' · ' ~ row['date'] if 'date' in keys else key) }}{% else %}{{ t('New') }}{% endif %}
      {% if key and 'active' in keys and (row['active']|string) in ('0', '') %}<span class="badge st-cancelled">{{ t('Archived') }}</span>{% endif %}</h1>
  </div>
  {% if key and edit and 'active' in keys and m.fields|selectattr('name', 'equalto', 'active')|list %}
  <div class="actions">
    <form method="post" action="{{ url_for('setup.archive', model=model) }}" class="inline">
      <input type="hidden" name="key" value="{{ key }}">
      {% if (row['active']|string) in ('0', '') %}<button class="btn ghost" name="action" value="restore">{{ t('Restore') }}</button>
      {% else %}<button class="btn ghost" name="action" value="archive" onclick="return confirm({{ t('Archive this record? It is hidden from lists and choices but keeps its history.')|tojson|forceescape }})">{{ t('Archive') }}</button>{% endif %}
    </form>
  </div>{% endif %}
</div>
<form class="card" method="post">
  <fieldset {{ 'disabled' if not edit }} style="border:0;padding:0;margin:0">
  <div class="grid">
    {% for fld in m.fields %}
      {% set v = row[fld.name] if fld.name in row.keys() else none %}
      {% if fld.type == 'checkbox' %}
        <div class="field check"><input type="checkbox" id="f-{{ fld.name }}" name="{{ fld.name }}" value="1" {{ 'checked' if v and v != '0' }}><label for="f-{{ fld.name }}">{{ t(fld.label) }}</label>
          {% if fld.help %}<div class="help">{{ t(fld.help) }}</div>{% endif %}</div>
      {% else %}
      <div class="field {{ 'wide' if fld.type.startswith('textarea') }}">
        <label for="f-{{ fld.name }}">{{ t(fld.label) }}{% if fld.required %} *{% endif %}</label>
        {% if fld.type == 'select' %}
          <select id="f-{{ fld.name }}" name="{{ fld.name }}" {{ 'required' if fld.required }}>
            {% if not fld.required %}<option value=""></option>{% endif %}
            {% for val, lbl in fld.options() %}<option value="{{ val }}" {{ 'selected' if v is not none and v|string == val|string }}>{{ lbl }}</option>{% endfor %}
          </select>
        {% elif fld.type.startswith('textarea') %}
          <textarea id="f-{{ fld.name }}" name="{{ fld.name }}" {{ 'dir=rtl' if fld.type.endswith('_ar') }}>{{ v or '' }}</textarea>
        {% else %}
          <input id="f-{{ fld.name }}" name="{{ fld.name }}" value="{{ (v|plain if v is number else v) if fld.type == 'money' and v is not none else (v if v is not none else '') }}"
                 type="{{ 'date' if fld.type == 'date' else 'text' }}" {{ 'inputmode=decimal' if fld.type in ('number', 'money') }}
                 {{ 'dir=rtl' if fld.type == 'text_ar' }} {{ 'required' if fld.required }}>
        {% endif %}
        {% if fld.help %}<div class="help">{{ t(fld.help) }}</div>{% endif %}
      </div>
      {% endif %}
    {% endfor %}
  </div>
  </fieldset>
  {% if edit %}<div class="form-actions"><button class="btn">{{ t('Save') }}</button>
    <a class="btn ghost" href="{{ url_for('setup.list_view', model=model) }}">{{ t('Cancel') }}</a></div>{% endif %}
</form>
{% endblock %}
{% block scripts %}
{% if category_accounts is defined %}
<script>
(function () {
  // a product takes the revenue and COGS accounts of the category chosen for it (still changeable)
  var accounts = {{ category_accounts|tojson }};
  var cat = document.getElementById('f-category_id');
  if (!cat) return;
  cat.addEventListener('change', function () {
    var a = accounts[cat.value];
    if (!a) return;
    if (a.income) document.getElementById('f-income_account_id').value = a.income;
    if (a.cogs) document.getElementById('f-expense_account_id').value = a.cogs;
  });
})();
</script>
{% endif %}
{% endblock %}