{% extends "base.html" %}
{% block title %}{{ t('Approval Roles') }}{% endblock %}
{% block content %}
<div class="page-head"><div><small><a href="{{ url_for('workflow.rules') }}">{{ t('Approval Workflow') }}</a></small><h1>{{ t('Approval Roles') }}</h1>
  <small>{{ t('Job roles that approve, such as Procurement Manager, Finance Manager or General Manager. A rule step can use a role, so people can change without editing the rules.') }}</small></div></div>
<div class="card flush"><table>
  <thead><tr><th>{{ t('Role') }}</th><th>{{ t('Members') }}</th><th></th></tr></thead>
  <tbody>{% for r in rows %}<tr><td><b>{{ nm(r) }}</b></td><td>{% for m in members.get(r.id, []) %}<span class="tag">{{ m.full_name or m.username }}</span> {% else %}<span class="muted">{{ t('Nobody yet') }}</span>{% endfor %}</td>
    <td><a class="btn ghost small" href="{{ url_for('workflow.roles', edit=r.id) }}">{{ t('Edit') }}</a></td></tr>
  {% else %}<tr><td class="empty" colspan="3">{{ t('Nothing yet.') }}</td></tr>{% endfor %}</tbody></table></div>
<form method="post" class="card">
  <h3 style="margin-top:0">{{ t('Edit role') if edit else t('New role') }}</h3>
  {% if edit %}<input type="hidden" name="role_id" value="{{ edit.id }}">{% endif %}
  <div class="grid">
    <div class="field"><label>{{ t('Name (English)') }} *</label><input name="name_en" value="{{ edit.name_en if edit else '' }}" required></div>
    <div class="field"><label>{{ t('Name (Arabic)') }}</label><input name="name_ar" dir="rtl" value="{{ edit.name_ar or '' if edit else '' }}"></div>
    <div class="field wide"><label>{{ t('Members') }}</label><select name="users" multiple size="6" data-no-search>{% for u in users %}<option value="{{ u.id }}" {{ 'selected' if u.id in edit_members }}>{{ u.full_name or u.username }}{% if not u.email %} — {{ t('no email') }}{% endif %}</option>{% endfor %}</select>
      <div class="help">{{ t('Hold Ctrl (Cmd on a Mac) to choose several. Members need an email address in Settings → Users to receive approval emails.') }}</div></div>
  </div>
  <div class="form-actions"><button class="btn">{{ t('Save') }}</button>{% if edit %}<a class="btn ghost" href="{{ url_for('workflow.roles') }}">{{ t('Cancel') }}</a>
    <button class="btn danger" name="action" value="delete" onclick="return confirm('{{ t('Delete?') }}')">{{ t('Delete') }}</button>{% endif %}</div>
</form>
{% endblock %}