{% macro state_badge(state) -%}
  <span class="badge st-{{ {'proforma': 'warn', 'converted': 'posted'}.get(state, state) }}">{{ t({'draft': 'Draft', 'posted': 'Posted', 'cancelled': 'Cancelled', 'proforma': 'Issued', 'converted': 'Converted'}.get(state, state)) }}</span>
{%- endmacro %}

{% macro pay_badge(ps) -%}
  {% if ps %}<span class="badge pay-{{ ps }}">{{ t({'paid': 'Paid', 'partial': 'Partially paid', 'not_paid': 'Not paid'}[ps]) }}</span>{% endif %}
{%- endmacro %}

{% macro order_badge(state, kind) -%}
  {% set labels = {'draft': 'Quotation' if kind == 'sale' else 'Draft PO', 'to_approve': 'Waiting Approval',
                   'confirmed': 'Sales Order' if kind == 'sale' else 'Purchase Order', 'cancelled': 'Cancelled'} %}
  <span class="badge st-{{ {'confirmed': 'posted', 'to_approve': 'warn'}.get(state, state) }}">{{ t(labels.get(state, state)) }}</span>
{%- endmacro %}

{% macro progress_badge(st) -%}
  {% if st %}<span class="badge pay-{{ {'full': 'paid', 'partial': 'partial', 'no': 'not_paid'}[st] }}">{{ t({'full': 'Fully', 'partial': 'Partially', 'no': 'Nothing yet'}[st]) }}</span>{% endif %}
{%- endmacro %}

{% macro picking_badge(state) -%}
  <span class="badge st-{{ {'ready': 'draft', 'done': 'posted'}.get(state, state) }}">{{ t({'ready': 'Ready', 'done': 'Done', 'cancelled': 'Cancelled'}[state]) }}</span>
{%- endmacro %}

{% macro list_filters(f, states, extra='') -%}
<form class="filters" method="get">
  {{ extra }}
  {% for k, v in kept_args('q', 's', 'g', 'date_from', 'date_to', 'state', 'payment' if extra else '') %}<input type="hidden" name="{{ k }}" value="{{ v }}">{% endfor %}
  {% if f.fields %}
  {% set fl = [["", t("Any field")]] %}{% for k, l in f.fields %}{% set _ = fl.append([k, t(l)]) %}{% endfor %}
  <div class="vx-search" data-fields="{{ fl|tojson|forceescape }}">
    {% for key, lbl, val in f.chips %}<span class="facet"><b>{{ t(lbl) if key else t('Any field') }}</b> {{ val }}<button type="button" class="facet-x" aria-label="{{ t('Remove') }}">×</button><input type="hidden" name="s" value="{{ key }}:{{ val }}"></span>{% endfor %}
    <input type="search" class="vx-q" autocomplete="off" placeholder="{{ t('Search…') }}" aria-label="{{ t('Search…') }}">
    <ul class="vx-menu" hidden></ul>
  </div>
  {% else %}<input type="search" name="q" value="{{ f.search }}" placeholder="{{ t('Search…') }}">{% endif %}
  <label>{{ t('From') }} <input type="date" name="date_from" value="{{ f.date_from }}"></label>
  <label>{{ t('To') }} <input type="date" name="date_to" value="{{ f.date_to }}"></label>
  <select name="state">
    <option value="">{{ t('All states') }}</option>
    {% for s in states %}<option value="{{ s }}" {{ 'selected' if f.state == s }}>{{ t(s|capitalize) }}</option>{% endfor %}
  </select>
  <select class="vx-groupby" name="g" aria-label="{{ t('Group by') }}" data-value="{{ request.args.get('g', '') }}"><option value="">{{ t('Group by') }}…</option></select>
  <button class="btn">{{ t('Filter') }}</button>
  {% set favs = favorites_here() %}
  <details class="vx-favs">
    <summary class="btn ghost" title="{{ t('Favorites') }}">★ {{ t('Favorites') }}{% if favs %} <span class="muted">{{ favs|length }}</span>{% endif %}</summary>
    <div class="vx-favs-menu card">
      {% for fv in favs %}<div class="vx-fav"><a href="{{ request.path }}?{{ fv.query }}">{{ fv.name }}</a>
        <button type="submit" form="fav-del-{{ fv.id }}" class="facet-x" title="{{ t('Remove') }}">×</button></div>
      {% else %}<p class="muted" style="margin:0 0 8px">{{ t('No saved searches yet.') }}</p>{% endfor %}
      <div class="vx-fav-save"><input form="fav-save" name="name" placeholder="{{ t('Name this search') }}" maxlength="60" required>
        <button form="fav-save" class="btn small">{{ t('Save current search') }}</button></div>
    </div>
  </details>
</form>
<form id="fav-save" method="post" action="{{ url_for('ux.save_favorite') }}" hidden>
  <input type="hidden" name="path" value="{{ request.path }}"><input type="hidden" name="query" value="{{ request.query_string.decode() }}"></form>
{% for fv in favs %}<form id="fav-del-{{ fv.id }}" method="post" action="{{ url_for('ux.delete_favorite', fid=fv.id) }}" hidden></form>{% endfor %}
{%- endmacro %}

{% macro branch_tag(branches, bid) -%}
  {% set b = branches.get(bid) %}<span class="tag">{{ b.code if b else bid }}</span>
{%- endmacro %}

{% macro report_filters(f, show_group=True, extra=None) -%}
<form class="filters report-filters" method="get">
  <div class="branch-picks">
    {% for b in nav_branches %}
      <label class="chip"><input type="checkbox" name="b" value="{{ b.id }}" {{ 'checked' if b.id in f.branch_ids }}> {{ b.code }}</label>
    {% endfor %}
  </div>
  {% if f.need_from %}<label>{{ t('From') }} <input type="date" name="date_from" value="{{ f.date_from }}"></label>{% endif %}
  <label>{{ t('To') if f.need_from else t('As of') }} <input type="date" name="date_to" value="{{ f.date_to }}"></label>
  {% if extra %}{{ extra }}{% endif %}
  {% if show_group %}<label class="chip"><input type="checkbox" name="group" value="1" {{ 'checked' if f.group }}> {{ t('In group currency') }}</label>{% endif %}
  <button class="btn">{{ t('Apply') }}</button>
  {{ export_buttons() }}
</form>
{%- endmacro %}

{% macro wf_badge(state) -%}
  {% set cls = {'draft': 'draft', 'submitted': 'warn', 'approved': 'posted', 'done': 'posted', 'rejected': 'cancelled',
                'cancelled': 'cancelled', 'sent': 'warn', 'awarded': 'posted', 'running': 'posted', 'closed': 'draft',
                'disposed': 'cancelled', 'invited': 'draft', 'quoted': 'posted', 'declined': 'cancelled',
                'prospect': 'warn', 'blocked': 'cancelled', 'award_pending': 'warn'} %}
  {% set lbl = {'draft': 'Draft', 'submitted': 'Waiting Approval', 'approved': 'Approved', 'done': 'Done',
                'rejected': 'Rejected', 'cancelled': 'Cancelled', 'sent': 'Sent', 'awarded': 'Awarded',
                'running': 'Running', 'closed': 'Fully Depreciated', 'disposed': 'Disposed', 'invited': 'Invited',
                'quoted': 'Quoted', 'declined': 'Declined', 'prospect': 'Prospect', 'blocked': 'Blocked', 'award_pending': 'Award waiting approval'} %}
  <span class="badge st-{{ cls.get(state, 'draft') }}">{{ t(lbl.get(state, state)) }}</span>
{%- endmacro %}

{% macro icon(name, cls='ic') -%}<svg class="{{ cls }}" aria-hidden="true"><use href="#i-{{ name }}"/></svg>{%- endmacro %}

{% macro attachments_card(model, rid) -%}
{% set files = attachments_for(model, rid) %}
<div class="card attach-card" id="attachments">
  <div class="attach-head"><h2>{{ icon('clip') }}{{ t('Attachments') }} <span class="muted">{{ files|length or '' }}</span></h2>
    <small class="muted">{{ t('Supplier bill, receipts, contracts or any supporting document. PDF, images, Word, Excel — up to 15 MB each.') }}</small></div>
  {% if files %}
  <ul class="attach-list">
    {% for f in files %}
    {% set ext = f.filename.rsplit('.', 1)[-1]|lower if '.' in f.filename else '' %}
    <li>
      <span class="attach-ic ext-{{ 'pdf' if ext == 'pdf' else 'img' if ext in ('png', 'jpg', 'jpeg', 'webp', 'gif', 'heic') else 'xls' if ext in ('xls', 'xlsx', 'csv') else 'doc' if ext in ('doc', 'docx') else 'other' }}">{{ ext|upper or '?' }}</span>
      <span class="attach-tx"><a href="{{ url_for('attachments.view', aid=f.id, name=f.filename) }}" target="_blank" rel="noopener">{{ f.filename }}</a>
        <small class="muted">{{ '%.0f KB'|format(f.size / 1024) if f.size < 1048576 else '%.1f MB'|format(f.size / 1048576) }} · {{ f.username or '' }} · {{ f.uploaded_at[:16]|replace('T', ' ') }}
          {% if f.source %} · {{ t('from') }} <a href="{{ f.source[1] }}">{{ f.source[0] }}</a>{% endif %}</small></span>
      <a class="btn ghost small" href="{{ url_for('attachments.view', aid=f.id, name=f.filename, download=1) }}" title="{{ t('Download') }}">{{ icon('down') }}</a>
      {% if can_write and not f.source and (f.uploaded_by == user.id or is_admin) %}
      <form method="post" action="{{ url_for('attachments.delete', aid=f.id) }}" class="inline" data-confirm="{{ t('Remove this file?') }}"><button class="btn ghost small" title="{{ t('Remove') }}">×</button></form>{% endif %}
    </li>
    {% endfor %}
  </ul>
  {% endif %}
  {% if can_write %}
  <form method="post" action="{{ url_for('attachments.upload', model=model, rid=rid) }}" enctype="multipart/form-data" class="attach-drop" data-attach>
    <input type="file" name="files" multiple id="att-{{ model }}-{{ rid }}" accept=".pdf,.png,.jpg,.jpeg,.webp,.gif,.heic,.doc,.docx,.xls,.xlsx,.csv,.txt,.eml,.msg,.zip">
    <label for="att-{{ model }}-{{ rid }}">{{ icon('upload') }}<span><b>{{ t('Drop files here') }}</b> {{ t('or click to choose') }}</span></label>
  </form>
  {% elif not files %}<p class="muted">{{ t('No attachments.') }}</p>{% endif %}
</div>
{{ chatter(model, rid) }}
{%- endmacro %}

{% macro chatter(model, rid) -%}
{% set log = chatter_for(model, rid) %}
<div class="card chatter" id="chatter">
  <h2 style="margin-top:0">{{ t('Notes & history') }} <span class="muted">{{ log|length or '' }}</span></h2>
  {% if can_write %}
  <form method="post" action="{{ url_for('attachments.note', model=model, rid=rid) }}" class="chatter-form" data-no-warn>
    <textarea name="body" rows="2" placeholder="{{ t('Write an internal note (not sent to the customer or vendor)…') }}" required></textarea>
    <button class="btn">{{ t('Log note') }}</button>
  </form>{% endif %}
  <ul class="chatter-list">
    {% for e in log %}
    <li class="{{ 'is-note' if e.note else 'is-log' }}">
      <span class="chatter-dot">{{ (e.who or '?')[:1]|upper }}</span>
      <div><b>{{ e.who }}</b> <small class="muted">{{ e.ts[:16]|replace('T', ' ') }}</small>
        {% if e.note %}<div class="chatter-note">{{ e.note }}</div>
        {% else %}<div class="chatter-act">{{ e.action }}{% if e.details %} <span class="muted">— {{ e.details }}</span>{% endif %}</div>{% endif %}</div>
    </li>
    {% else %}<li class="muted">{{ t('Nothing yet.') }}</li>{% endfor %}
  </ul>
</div>
{%- endmacro %}

{# cost centre picker on a document header; shown only when cost centres exist #}
{% macro cost_centre_field(cost_centres, value, help=None) %}
{% if cost_centres %}<div class="field"><label>{{ t('Cost Centre') }}</label>
  <select name="cost_centre_id"><option value=""></option>
    {% for c in cost_centres %}<option value="{{ c.id }}" {{ 'selected' if value and value|string == c.id|string }}>{{ c.code }} {{ nm(c) }}</option>{% endfor %}</select>
  {% if help %}<div class="help">{{ help }}</div>{% endif %}</div>{% endif %}
{% endmacro %}

{# project on a document header; only when the Projects module is licensed. Options follow the branch select #}
{% macro project_field(projects, value, help=None) %}
{% if has('projects') and projects %}<div class="field"><label>{{ t('Project') }}</label>
  <select name="project_id" data-branch-filter="#branch"><option value="" data-default="1">{{ t('No project') }}</option>
    {% for p in projects %}<option value="{{ p.id }}" data-branch="{{ p.branch_id }}" {{ 'selected' if value and value|string == p.id|string }}>{{ p.code }} — {{ nm(p) }}</option>{% endfor %}</select>
  {% if help %}<div class="help">{{ help }}</div>{% endif %}</div>{% endif %}
{% endmacro %}

{# vendors to invite: search, add every approved vendor of a category, clear #}
{% macro vendor_picker(vendors, selected) %}
{% set cats = vendors|map(attribute='vendor_category')|select|unique|sort %}
<div class="vendor-picker" data-vendor-picker>
  <div class="vp-tools">
    <input type="search" data-vp-search placeholder="{{ t('Search vendors…') }}" aria-label="{{ t('Search vendors…') }}">
    {% if cats %}<select data-vp-cat data-no-search aria-label="{{ t('Category') }}"><option value="">{{ t('Category') }}…</option>{% for c in cats %}<option>{{ c }}</option>{% endfor %}</select>
    <button type="button" class="btn ghost small" data-vp-addcat>+ {{ t('Add all approved in category') }}</button>{% endif %}
    <button type="button" class="btn ghost small" data-vp-clear>{{ t('Clear') }}</button>
    <span class="muted" data-vp-count></span>
  </div>
  <div class="branch-picks">{% for v in vendors %}<label class="chip" data-name="{{ (v.name_en ~ ' ' ~ (v.name_ar or '') ~ ' ' ~ (v.vendor_category or ''))|lower }}" data-cat="{{ v.vendor_category or '' }}" data-status="{{ v.vendor_status }}"><input type="checkbox" name="vendor_ids" value="{{ v.id }}" {{ 'checked' if v.id in selected }}> {{ nm(v) }}{% if v.vendor_category %} <small class="muted">· {{ v.vendor_category }}</small>{% endif %}{% if v.vendor_status == 'prospect' %} <small>({{ t('Prospect') }})</small>{% endif %}</label>{% endfor %}</div>
</div>
{% endmacro %}

{# report filter: all lines, one cost centre, or lines without one (?cc=none) #}
{% macro cost_centre_select(cost_centres, cc) %}
{% if cost_centres %}<select name="cc" style="max-width:220px" aria-label="{{ t('Cost Centre') }}">
  <option value="">{{ t('All cost centres') }}</option>
  {% for c in cost_centres %}<option value="{{ c.id }}" {{ 'selected' if cc == c.id }}>{{ c.code }} {{ nm(c) }}</option>{% endfor %}
  <option value="none" {{ 'selected' if cc == 0 }}>{{ t('No cost centre') }}</option></select>{% endif %}
{% endmacro %}

{# chart of accounts levels on reports; shown once accounts are grouped #}
{% macro level_select(level, levels) %}
{% if levels and levels > 1 %}<select name="level" aria-label="{{ t('Detail') }}" title="{{ t('Detail') }}">
  <option value="">{{ t('All accounts') }}</option>
  {% for n in range(1, levels) %}<option value="{{ n }}" {{ 'selected' if level == n }}>{{ t('Groups only') if n == 1 else n|string + ' ' + t('levels') }}</option>{% endfor %}
</select>{% endif %}
{% endmacro %}

{# indentation of a report row nested under its groups #}
{% macro indent(r) %}{% if r.depth is defined %} style="padding-inline-start: {{ 14 + 20 * (r.depth - 1 + (1 if r.level == 2 else 0)) }}px"{% endif %}{% endmacro %}

{# PDF / Excel / CSV / Print buttons inside a GET form; the view answers ?export= (see exports.respond) #}
{% macro export_buttons() %}
<span class="export-group">
  <button class="btn ghost" name="export" value="pdf" title="{{ t('Download PDF') }}">{{ icon('file') }}PDF</button>
  <button class="btn ghost" name="export" value="xlsx" title="{{ t('Download Excel') }}">{{ icon('grid') }}Excel</button>
  <button class="btn ghost" name="export" value="csv" title="{{ t('Download CSV') }}">CSV</button>
  <button class="btn ghost" name="export" value="print" formtarget="_blank" title="{{ t('Print') }}">{{ icon('receipt') }}{{ t('Print') }}</button>
</span>
{% endmacro %}

{# the same buttons as links, for pages without a filter form #}
{% macro export_links() %}
<span class="export-group">
  {% for v, lbl, ic in (('pdf', 'PDF', 'file'), ('xlsx', 'Excel', 'grid'), ('csv', 'CSV', none), ('print', t('Print'), 'receipt')) %}
  <a class="btn ghost" href="{{ export_url(v) }}" {{ 'target=_blank' if v == 'print' }}>{% if ic %}{{ icon(ic) }}{% endif %}{{ lbl }}</a>
  {% endfor %}
</span>
{% endmacro %}

{# PDF and Print for a single document (voucher, payslip...) #}
{% macro doc_export() %}
<a class="btn ghost" href="{{ export_url('pdf') }}">{{ icon('file') }}PDF</a>
<a class="btn ghost" href="{{ export_url('print') }}" target="_blank">{{ icon('receipt') }}{{ t('Print') }}</a>
{% endmacro %}

{# approval workflow on a document: the steps with each approver's decision, the history, and the decision form for
   whoever's turn it is (an administrator may decide in place of the approvers, with a reason) #}
{% macro approval_panel(doc_type, doc_id, approve_url, reject_url) %}
{% set a = approval_status(doc_type, doc_id) %}
{% if a %}
<div class="card approval-card" id="approval">
  <div class="approval-head">
    <h2>{{ t('Approval') }}</h2>
    <span class="badge st-{{ {'pending': 'warn', 'approved': 'posted', 'rejected': 'cancelled', 'cancelled': 'draft'}[a.req.state] }}">{{ t({'pending': 'Waiting for approval', 'approved': 'Approved', 'rejected': 'Rejected', 'cancelled': 'Withdrawn'}[a.req.state]) }}</span>
    {% if a.rule %}<small class="muted">{{ t('Rule') }}: {{ a.rule.name }}</small>{% endif %}
  </div>
  <ol class="approval-steps">
    {% for s in a.steps %}
    <li class="ap-{{ s.state }}">
      <div class="ap-dot">{{ s.step.step_no }}</div>
      <div class="ap-body">
        <b>{{ s.step.name or (t('Step') ~ ' ' ~ s.step.step_no) }}</b>
        <small class="muted">{% if s.role %}{{ nm(s.role) }} · {% endif %}{{ t('all approvers') if s.step.mode == 'all' else (s.step.required ~ ' ' ~ t('of') ~ ' ' ~ (s.tasks|length or '—')) }}</small>
        <div class="ap-people">
          {% for tk in s.tasks %}<span class="ap-person ap-{{ tk.state }}" title="{{ tk.comment or '' }}">{{ tk.full_name or tk.username }}{% if tk.state == 'approved' %} ✓{% elif tk.state == 'rejected' %} ✕{% endif %}</span>{% endfor %}
        </div>
      </div>
    </li>
    {% endfor %}
  </ol>
  {% if a.can_act or a.can_override %}
  <form method="post" class="approval-form">
    <div class="field wide"><label>{{ t('Comment') if a.can_act else t('Reason for approving in place of the approvers') }}{{ '' if a.can_act else ' *' }}</label>
      <input name="comment" {{ '' if a.can_act else 'required' }} placeholder="{{ t('Required when rejecting') if a.can_act else '' }}"></div>
    {% if not a.can_act %}<input type="hidden" name="override" value="1">{% endif %}
    <div class="form-actions">
      <button class="btn" formaction="{{ approve_url }}">{{ t('Approve') }}{{ '' if a.can_act else ' (' ~ t('override') ~ ')' }}</button>
      <button class="btn danger" formaction="{{ reject_url }}" onclick="var c=this.form.comment; if(!c.value.trim()){c.required=true; c.focus(); return false;}">{{ t('Reject') }}</button>
    </div>
  </form>
  {% endif %}
  <details class="approval-history"><summary>{{ t('History') }} ({{ a.history|length }})</summary>
    <table class="tight"><tbody>
    {% for e in a.history %}<tr><td class="num">{{ e.at[:16]|replace('T', ' ') }}</td><td>{{ e.full_name or e.username or t('System') }}</td>
      <td>{{ t({'submitted': 'Submitted', 'approved_step': 'Approved', 'rejected': 'Rejected', 'approved': 'Fully approved', 'cancelled': 'Withdrawn', 'override_approve': 'Approved in place of the approvers', 'override_reject': 'Rejected in place of the approvers'}.get(e.action, e.action)) }}{% if e.step_no %} · {{ t('Step') }} {{ e.step_no }}{% endif %}</td><td>{{ e.comment or '' }}</td></tr>{% endfor %}
    </tbody></table>
  </details>
</div>
{% endif %}
{% endmacro %}

{# terms & conditions: pick a standard text (fills the box) and edit it for this document #}
{% macro terms_field(doc_type, value, is_new) %}
{% set opts = terms_for(doc_type) %}
<div class="field wide terms-field" style="margin-top:14px">
  <label>{{ t('Terms & Conditions') }}{% if opts %} <select class="terms-pick" style="width:auto;display:inline-block;margin-inline-start:8px" data-no-search>
    <option value="">{{ t('Insert standard terms…') }}</option>
    {% for o in opts %}<option value="{{ o.id }}" data-body="{{ (o.body_ar if rtl and o.body_ar else o.body_en) or '' }}">{{ o.name }}{{ ' ★' if o.is_default }}</option>{% endfor %}
  </select>{% endif %}</label>
  {% set dflt = (opts|selectattr('is_default')|first) if is_new else none %}
  <textarea name="terms" rows="5" placeholder="{{ t('Payment, delivery, warranty and other terms printed on the document') }}">{{ value if value else ((dflt.body_ar if rtl and dflt.body_ar else dflt.body_en) if dflt else '') }}</textarea>
</div>
<script>document.currentScript.previousElementSibling.querySelector('.terms-pick') && document.currentScript.previousElementSibling.querySelector('.terms-pick').addEventListener('change', function () {
  var o = this.options[this.selectedIndex], ta = this.closest('.terms-field').querySelector('textarea');
  if (o.value && (!ta.value.trim() || confirm({{ t('Replace the current terms?')|tojson }}))) ta.value = o.dataset.body; this.value = ''; });</script>
{% endmacro %}