{% extends "base.html" %}
{% from "_macros.html" import branch_tag, wf_badge with context %}
{% block title %}{{ t('Prepaid & Accruals') }}{% endblock %}
{% block content %}
<div class="page-head">
  <h1>{{ t('Prepaid & Accruals') }}</h1>
  {% if can_write %}<div class="actions">
    <a class="btn ghost" href="{{ url_for('closing.index') }}">{{ t('Month-end Closing') }}</a>
    {% for k, v in kinds.items() %}<a class="btn {{ '' if loop.first else 'ghost' }}" href="{{ url_for('prepaid.form', kind=k) }}">+ {{ t(v.label) }}</a>{% endfor %}
  </div>{% endif %}
</div>
<div class="tabs">
  <a href="{{ url_for('prepaid.index') }}" class="{{ 'active' if not kind }}">{{ t('All') }}</a>
  {% for k, v in kinds.items() %}<a href="{{ url_for('prepaid.index', kind=k) }}" class="{{ 'active' if kind == k }}">{{ t(v.label) }}</a>{% endfor %}
</div>
<div class="card flush">
  <table>
    <thead><tr><th>{{ t('Number') }}</th><th>{{ t('Type') }}</th><th>{{ t('Description') }}</th><th>{{ t('Partner') }}</th><th>{{ t('Branch') }}</th>
      <th>{{ t('Start') }}</th><th class="num">{{ t('Months') }}</th><th class="num">{{ t('Total') }}</th><th class="num">{{ t('Recognized') }}</th><th class="num">{{ t('Remaining') }}</th><th>{{ t('Status') }}</th></tr></thead>
    <tbody>
    {% for s in rows %}{% set cur = branches[s.branch_id].currency if s.branch_id in branches else none %}
      <tr data-href="{{ url_for('prepaid.view', sid=s.id) }}">
        <td><b>{{ s.number }}</b></td><td>{{ t(kinds[s.kind].label) }}</td><td>{{ s.name }}</td>
        <td>{{ nm({'name_en': s.pname_en, 'name_ar': s.pname_ar}) if s.pname_en else '' }}</td><td>{{ branch_tag(branches, s.branch_id) }}</td>
        <td class="num">{{ s.start_date }}</td><td class="num">{{ s.months }}</td><td class="num">{{ s.total|money(cur) }}</td>
        <td class="num">{{ s.recognized|money(cur) }}</td><td class="num">{{ (s.total - s.recognized)|money(cur) }}</td><td>{{ wf_badge(s.state) }}</td>
      </tr>
    {% else %}<tr><td class="empty" colspan="11">{{ t('Nothing yet.') }}</td></tr>{% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}