{# invoice lines editor; needs kind, products, accounts, taxes, grni, lines, cost_centres #}
  <h2 style="margin-top:22px">{{ t('Lines') }}</h2>
  <div style="overflow-x:auto">
  <table class="lines" data-lines data-mode="invoice" data-add="#add-line" data-default-tax="{{ taxes[0].id if taxes else '' }}">
    <thead><tr><th style="width:18%">{{ t('Product') }}</th><th style="width:20%">{{ t('Description') }}</th><th style="width:17%">{{ t('Account') }}</th>{% if cost_centres %}<th style="width:12%">{{ t('Cost Centre') }}</th>{% endif %}<th class="num" style="width:8%">{{ t('Qty') }}</th>
      <th class="num" style="width:12%">{{ t('Unit Price') }}</th><th style="width:14%">{{ t('Tax') }}</th><th class="num">{{ t('Subtotal') }}</th><th></th></tr></thead>
    <tbody>
      {% macro line_row(ln, tpl=False) %}
      <tr class="{{ 'tpl' if tpl }}">
        <td><input type="hidden" name="order_line_id" value="{{ ln.order_line_id or '' if ln else '' }}" {{ 'disabled' if tpl }}>
          <select name="product_id" {{ 'disabled' if tpl }}><option value=""></option>
          {% for p in products %}{% set sale = kind.startswith('out_') %}
            <option value="{{ p.id }}" {{ 'selected' if ln and ln.product_id == p.id }}
              data-desc="{{ nm(p) }}" data-price="{{ (p.sale_price if sale else p.purchase_price)|plain }}"
              data-tax="{{ (p.sale_tax_id if sale else p.purchase_tax_id) or '' }}"
              data-account="{{ (p.income_account_id if sale else (grni if p.type == 'stock' else p.expense_account_id)) or '' }}">{{ p.code ~ ' ' if p.code }}{{ nm(p) }}</option>
          {% endfor %}</select></td>
        <td><input name="description" value="{{ ln.description or '' if ln else '' }}" {{ 'disabled' if tpl }}></td>
        <td><select name="account_id" {{ 'disabled' if tpl }}><option value=""></option>
          {% for a in accounts %}<option value="{{ a.id }}" {{ 'selected' if ln and ln.account_id == a.id }}>{{ a.code }} {{ nm(a) }}</option>{% endfor %}</select></td>
        {% if cost_centres %}<td><select name="cost_centre_id" {{ 'disabled' if tpl }}><option value=""></option>
          {% for c in cost_centres %}<option value="{{ c.id }}" {{ 'selected' if ln and ln.cost_centre_id == c.id }}>{{ c.code }} {{ nm(c) }}</option>{% endfor %}</select></td>{% endif %}
        <td><input name="quantity" class="num" inputmode="decimal" value="{{ ('%g' % ln.quantity|float) if ln and ln.quantity else 1 }}" {{ 'disabled' if tpl }}></td>
        <td><input name="price_unit" class="num" inputmode="decimal" value="{{ ln.price_unit|plain if ln else '' }}" {{ 'disabled' if tpl }}></td>
        <td><select name="tax_id" {{ 'disabled' if tpl }}><option value="" data-rate="0">{{ t('No tax') }}</option>
          {% for tx in taxes %}<option value="{{ tx.id }}" data-rate="{{ tx.rate }}" {{ 'selected' if ln and ln.tax_id == tx.id }}>{{ nm(tx) }}</option>{% endfor %}</select></td>
        <td class="num subtotal">0.00</td>
        <td><button type="button" class="del" title="{{ t('Remove') }}">×</button></td>
      </tr>
      {% endmacro %}
      {{ line_row(none, True) }}
      {% for ln in lines %}{{ line_row(ln) }}{% endfor %}
    </tbody>
  </table>
  </div>
  <div style="display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;margin-top:10px">
    <button type="button" class="btn ghost small" id="add-line">+ {{ t('Add line') }}</button>
    <table class="totals">
      <tr><td>{{ t('Untaxed Amount') }}</td><td class="num" id="t-untaxed">0.00</td></tr>
      <tr><td>{{ t('VAT') }}</td><td class="num" id="t-tax">0.00</td></tr>
      <tr class="grand"><td>{{ t('Total') }}</td><td class="num" id="t-total">0.00</td></tr>
    </table>
  </div>