{% extends "base.html" %}
{% from "_macros.html" import terms_field, project_field with context %}
{% block title %}{{ t(info.label) }}{% endblock %}
{% block scripts %}<script>
(function () {
  // exchange rate: branch currency per unit of the invoice currency, from the latest rates (editable)
  var rates = {{ rates|tojson }}, cur = document.getElementById('currency'), rate = document.getElementById('rate'),
      field = document.getElementById('rate-field'), help = document.getElementById('rate-help'),
      branch = document.getElementById('branch'), partner = document.querySelector('select[name=partner_id]'),
      bcur = {{ branch_currencies|tojson }}, typed = !!rate.value;
  function update(reset) {
    var b = bcur[branch.value], c = cur.value;
    if (c === b) { cur.value = ''; c = ''; }
    field.style.display = c ? '' : 'none';
    if (!c) { rate.value = ''; return; }
    if ((reset || !rate.value) && !typed && rates[c] && rates[b]) rate.value = (rates[c] / rates[b]).toFixed(6).replace(/0+$/, '').replace(/\.$/, '');
    help.textContent = rate.value ? '1 ' + c + ' = ' + rate.value + ' ' + b : '';
  }
  rate.addEventListener('input', function () { typed = true; update(); });
  cur.addEventListener('change', function () { typed = false; update(true); });
  branch.addEventListener('change', function () { typed = false; update(true); });
  if (partner) partner.addEventListener('change', function () {
    var o = partner.options[partner.selectedIndex];
    if (o && o.dataset.currency !== undefined && {{ 'true' if not (inv and inv.id) else 'false' }}) { cur.value = o.dataset.currency; typed = false; update(true); }
  });
  update();
})();
</script>{% endblock %}
{% block content %}
{% set cur_branch = (inv.branch_id if inv else default_branch)|string %}
{% set list_title = {'out_invoice': 'Customer Invoices', 'out_refund': 'Credit Notes', 'in_invoice': 'Vendor Bills', 'in_refund': 'Vendor Refunds'}[kind] %}
<div class="page-head">
  <div><small><a href="{{ url_for('invoices.index', kind=kind) }}">{{ t(list_title) }}</a></small>
  <h1>{{ (inv.number if inv and inv.number else none) or t('New ' ~ info.label) }}</h1></div>
</div>
<form method="post" class="card">
  {% set cur_type = (inv.invoice_type if inv and inv.invoice_type else (itype_pre or 'standard')) %}
  {% if kind == 'out_invoice' and cur_type in ('standard', 'simplified', 'advance', 'proforma', 'debit_note') %}
  <div class="type-pick" role="radiogroup" aria-label="{{ t('Invoice type') }}">
    {% for k, lbl in invoice_types %}<label class="chip"><input type="radio" name="invoice_type" value="{{ k }}" {{ 'checked' if cur_type == k }}> {{ t(lbl) }}</label>{% endfor %}
  </div>
  <p class="muted type-help" data-for="advance" hidden>{{ t('Down payment invoiced before delivery: VAT is charged now and the amount is booked to Advances from Customers. Deduct it later on the final invoice.') }} {{ t('The account on the lines is replaced by Advances from Customers when you save.') }}</p>
  <p class="muted type-help" data-for="proforma" hidden>{{ t('A proforma has no accounting effect. Issue it to the customer, then convert it to a tax invoice when the sale is confirmed.') }}</p>
  <p class="muted type-help" data-for="simplified" hidden>{{ t('For retail customers; the buyer’s VAT number is not needed.') }}</p>
  <div class="grid type-help" data-for="debit_note" hidden style="margin-bottom:12px">
    <div class="field"><label>{{ t('Original invoice') }} *</label><select name="origin_id"><option value=""></option>
      {% for o in origin_invoices %}<option value="{{ o.id }}" data-partner="{{ o.partner_id }}" {{ 'selected' if inv and inv.origin_id == o.id }}>{{ o.number }} · {{ o.date }} · {{ o.amount_total|money }}</option>{% endfor %}</select></div>
    <div class="field wide"><label>{{ t('Reason for the debit note') }} *</label><input name="note_reason" value="{{ inv.note_reason or '' if inv else '' }}" placeholder="{{ t('e.g. Price correction, additional freight') }}"></div>
  </div>
  <script>(function () {
    var form = document.currentScript.closest('form');
    function sync() { var v = (form.querySelector('[name=invoice_type]:checked') || {}).value;
      form.querySelectorAll('.type-help').forEach(function (e) { var off = e.dataset.for !== v; e.hidden = off; e.style.display = off ? 'none' : ''; }); }
    form.addEventListener('change', function (e) { if (e.target.name === 'invoice_type') sync(); }); sync();
  })();</script>
  {% endif %}
  <div class="grid">
    <div class="field"><label>{{ t('Customer') if info.partner_type == 'customer' else t('Vendor') }} *</label>
      <select name="partner_id" required><option value=""></option>
        {% for p in partners %}<option value="{{ p.id }}" data-currency="{{ p.currency or '' }}" {{ 'selected' if inv and inv.partner_id|string == p.id|string }}>{{ nm(p) }}{% if p.vat_no %} · {{ p.vat_no }}{% endif %}</option>{% endfor %}
      </select>
      <div class="help"><a href="{{ url_for('setup.form_view', model='partners', type=info.partner_type) }}" target="_blank">+ {{ t('New partner') }}</a></div></div>
    <div class="field"><label>{{ t('Branch') }} *</label>
      <select name="branch_id" id="branch" data-decimals-src required>
        {% for b in branches.values() %}<option value="{{ b.id }}" data-decimals="{{ cur_dec(b.currency) }}" data-tax="{{ (b.sale_tax_id if ('sale' if kind.startswith('out_') else 'purchase') == 'sale' else b.purchase_tax_id) or '' }}" {{ 'selected' if b.id|string == cur_branch }}>{{ b.code }} — {{ nm(b) }} ({{ b.currency }})</option>{% endfor %}
      </select></div>
    <div class="field"><label>{{ t('Journal') }} *</label>
      <select name="journal_id" id="journal" data-branch-filter="#branch" required>
        {% for j in journals %}<option value="{{ j.id }}" data-branch="{{ j.branch_id }}" data-account="{{ j.default_account_id or '' }}" {{ 'selected' if inv and inv.journal_id|string == j.id|string }}>{{ j.code }} — {{ nm(j) }}</option>{% endfor %}
      </select></div>
    <div class="field"><label>{{ t('Date') }} *</label><input type="date" name="date" value="{{ inv.date if inv else today }}" required></div>
    <div class="field"><label>{{ t('Due Date') }}</label><input type="date" name="due_date" value="{{ inv.due_date if inv else due }}"></div>
    {% if kind.startswith('in_') %}
    <div class="field"><label>{{ t('Vendor credit note no.' if kind == 'in_refund' else 'Vendor invoice no.') }}{{ ' *' if company.require_vendor_ref }}</label>
      <input name="ref" value="{{ inv.ref or '' if inv else '' }}" placeholder="{{ t('Number printed on the vendor’s document') }}" autocomplete="off">
      <div class="help">{{ t('The same vendor number cannot be booked twice for this vendor.') }}</div></div>
    {% else %}
    <div class="field"><label>{{ t('Customer reference') }}</label><input name="ref" value="{{ inv.ref or '' if inv else '' }}" placeholder="{{ t('Customer PO / reference') }}"></div>
    {% endif %}
    {{ project_field(projects, inv.project_id if inv else project_pre, t('Income and expense lines without a cost centre go to the project.')) }}
    <div class="field"><label>{{ t('Currency') }}</label>
      <select name="currency" id="currency"><option value="">{{ t('Branch currency') }}</option>
        {% for c in currencies %}<option value="{{ c.code }}" {{ 'selected' if inv and inv.currency == c.code }}>{{ c.code }} — {{ nm(c) }}</option>{% endfor %}</select></div>
    <div class="field" id="rate-field"><label>{{ t('Exchange rate') }}</label>
      <input name="rate" id="rate" inputmode="decimal" value="{{ inv.rate if inv and inv.currency and inv.rate and inv.rate != 1 else '' }}">
      <div class="help" id="rate-help"></div></div>
  </div>

  {% include "invoices/_lines.html" %}
  <div class="field wide" style="margin-top:14px"><label>{{ t('Notes') }}</label><textarea name="notes" rows="2">{{ inv.notes or '' if inv else '' }}</textarea></div>
  {{ terms_field('invoice' if kind.startswith('out_') else 'bill', inv.terms if inv else '', not (inv and inv.id)) }}
  <div class="form-actions">
    <button class="btn" name="action" value="post">{{ t('Save & Post') }}</button>
    <button class="btn ghost" name="action" value="draft">{{ t('Save as Draft') }}</button>
    <a class="btn ghost" href="{{ url_for('invoices.view', inv_id=inv.id) if inv and inv.id else url_for('invoices.index', kind=kind) }}">{{ t('Cancel') }}</a>
  </div>
</form>
{% endblock %}