{% extends "base.html" %}
{% block title %}{{ t('Approval rule') }}{% endblock %}
{% block content %}
<div class="page-head"><div><small><a href="{{ url_for('workflow.rules') }}">{{ t('Approval Workflow') }}</a></small>
  <h1>{{ r.name or t('New rule') }}</h1></div></div>
<form method="post">
  <div class="card"><h3>{{ t('When the rule applies') }}</h3>
    <div class="grid">
      <div class="field"><label>{{ t('Document') }} *</label><select name="doc_type">{% for k, v in types.items() %}<option value="{{ k }}" {{ 'selected' if r.doc_type == k }}>{{ t(v.label) }}</option>{% endfor %}</select></div>
      <div class="field wide"><label>{{ t('Rule name') }} *</label><input name="name" value="{{ r.name or '' }}" required placeholder="{{ t('e.g. Purchase orders 10,000 – 100,000') }}"></div>
      <div class="field"><label>{{ t('Branch') }}</label><select name="branch_id"><option value="">{{ t('All branches') }}</option>{% for b in branches.values() %}<option value="{{ b.id }}" {{ 'selected' if r.branch_id|string == b.id|string }}>{{ b.code }} — {{ nm(b) }}</option>{% endfor %}</select></div>
      <div class="field"><label>{{ t('Department') }}</label><input name="department" value="{{ r.department or '' }}" placeholder="{{ t('All departments') }}"></div>
      {% if has('projects') %}<div class="field"><label>{{ t('Project') }}</label><select name="project_id"><option value="">{{ t('All projects') }}</option>{% for p in projects %}<option value="{{ p.id }}" {{ 'selected' if r.project_id|string == p.id|string }}>{{ p.code }} — {{ nm(p) }}</option>{% endfor %}</select></div>{% endif %}
      <div class="field"><label>{{ t('From amount') }}</label><input name="min_amount" class="num" inputmode="decimal" value="{{ r.min_amount|plain if r.min_amount is number else (r.min_amount or '') }}" placeholder="0"></div>
      <div class="field"><label>{{ t('Up to amount') }}</label><input name="max_amount" class="num" inputmode="decimal" value="{{ r.max_amount|plain if r.max_amount is number else (r.max_amount or '') }}" placeholder="{{ t('No limit') }}"></div>
      <div class="field"><label>{{ t('Priority') }}</label><input name="priority" inputmode="numeric" value="{{ r.priority }}"><div class="help">{{ t('When several rules match, the lowest number wins.') }}</div></div>
      <div class="field"><label>{{ t('Remind after (days)') }}</label><input name="reminder_days" inputmode="numeric" value="{{ r.reminder_days }}"></div>
      <div class="field check"><input type="checkbox" id="act" name="active" value="1" {{ 'checked' if r.active and r.active|string != '0' }}><label for="act">{{ t('Active') }}</label></div>
    </div>
  </div>
  <div class="card"><h3>{{ t('Approval steps (in order)') }}</h3>
    <p class="muted" style="margin-top:0">{{ t('Each step waits for its approvers before the next starts. Approvers are the members of the role and/or the people chosen. "Any" needs the number of approvals given; "All" needs everyone.') }}{% if has('projects') %} {{ t('A "Project manager" step goes to the manager of the document’s project and is skipped for documents without a project.') }}{% endif %}</p>
    {% for i in range(1, 7) %}{% set s = steps[i - 1] if steps|length >= i else {} %}
    <div class="grid step-row" {% if i > [steps|length, 1]|max + 1 %}hidden{% endif %} data-step="{{ i }}">
      <div class="field"><label>{{ t('Step') }} {{ i }}</label><input name="s{{ i }}_name" value="{{ s.name or '' }}" placeholder="{{ t('e.g. Procurement Manager') }}"></div>
      <div class="field"><label>{{ t('Role') }}</label><select name="s{{ i }}_role"><option value=""></option>{% if has('projects') %}<option value="pm" {{ 'selected' if s.dynamic == 'project_manager' }}>{{ t('Project manager (of the document)') }}</option>{% endif %}{% for ro in roles %}<option value="{{ ro.id }}" {{ 'selected' if s.role_id == ro.id }}>{{ nm(ro) }}</option>{% endfor %}</select></div>
      <div class="field"><label>{{ t('And / or these people') }}</label><select name="s{{ i }}_users" multiple size="3" data-no-search>{% for u in users %}<option value="{{ u.id }}" {{ 'selected' if s.users and u.id in s.users }}>{{ u.full_name or u.username }}</option>{% endfor %}</select></div>
      <div class="field"><label>{{ t('Needs') }}</label><div style="display:flex;gap:6px"><select name="s{{ i }}_mode" style="width:auto"><option value="any" {{ 'selected' if s.mode != 'all' }}>{{ t('Any') }}</option><option value="all" {{ 'selected' if s.mode == 'all' }}>{{ t('All') }}</option></select>
        <input name="s{{ i }}_required" inputmode="numeric" value="{{ s.required or 1 }}" style="width:60px" title="{{ t('How many approvals') }}"></div></div>
    </div>
    {% endfor %}
    <button type="button" class="btn ghost small" onclick="var h=document.querySelector('.step-row[hidden]'); if(h) h.hidden=false;">+ {{ t('Add step') }}</button>
  </div>
  <div class="form-actions"><button class="btn">{{ t('Save') }}</button><a class="btn ghost" href="{{ url_for('workflow.rules') }}">{{ t('Cancel') }}</a>
    {% if r.id %}<button class="btn danger" name="action" value="delete" onclick="return confirm('{{ t('Delete?') }}')">{{ t('Delete') }}</button>{% endif %}</div>
</form>
{% endblock %}