{% extends "base.html" %}
{% from "_macros.html" import doc_export with context %}
{% block title %}{{ t('Payslip') }} {{ ln.code }} {{ r.period }}{% endblock %}
{% block content %}
<div class="page-head no-print">
  <div><small><a href="{{ url_for('hr.run', rid=r.id) }}">{{ r.number }}</a></small><h1>{{ t('Payslip') }}</h1></div>
  <div class="actions">
    {{ doc_export() }}</div>
</div>
<div class="card payslip" style="max-width:760px">
  <div style="display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap">
    <div><h2 style="margin:0">{{ nm(company) }}</h2><div class="muted">{{ nm(branch) }}</div></div>
    <div style="text-align:end"><b>{{ t('Payslip') }} — {{ r.period }}</b><div class="muted">{{ r.number }}</div></div>
  </div>
  <dl class="doc-head" style="margin-top:16px">
    <div><dt>{{ t('Employee') }}</dt><dd>{{ ln.code }} {{ nm(ln) }}</dd></div>
    <div><dt>{{ t('Job title') }}</dt><dd>{{ ln.job_title or '—' }}</dd></div>
    <div><dt>{{ t('ID / Iqama') }}</dt><dd>{{ ln.id_number or '—' }}</dd></div>
    <div><dt>{{ t('Bank') }}</dt><dd>{{ ln.bank_name or '' }} {{ ln.iban or '' }}</dd></div>
    <div><dt>{{ t('Days paid') }}</dt><dd>{{ ln.days|round(1) }} / 30</dd></div>
  </dl>
  <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:12px">
    <table><thead><tr><th>{{ t('Earnings') }}</th><th class="num">{{ cur }}</th></tr></thead><tbody>
      <tr><td>{{ t('Basic salary') }}</td><td class="num">{{ ln.basic|money(cur) }}</td></tr>
      <tr><td>{{ t('Housing allowance') }}</td><td class="num">{{ ln.housing|money(cur) }}</td></tr>
      {% if ln.transport %}<tr><td>{{ t('Transport allowance') }}</td><td class="num">{{ ln.transport|money(cur) }}</td></tr>{% endif %}
      {% if ln.other %}<tr><td>{{ t('Other allowances') }}</td><td class="num">{{ ln.other|money(cur) }}</td></tr>{% endif %}
      {% if ln.overtime %}<tr><td>{{ t('Overtime') }} ({{ ln.ot_hours }} h)</td><td class="num">{{ ln.overtime|money(cur) }}</td></tr>{% endif %}
      {% if ln.additions %}<tr><td>{{ t('Additions') }}</td><td class="num">{{ ln.additions|money(cur) }}</td></tr>{% endif %}
    </tbody><tfoot><tr><td>{{ t('Total earnings') }}</td><td class="num">{{ (ln.basic + ln.housing + ln.transport + ln.other + ln.overtime + ln.additions)|money(cur) }}</td></tr></tfoot></table>
    <table><thead><tr><th>{{ t('Deductions') }}</th><th class="num">{{ cur }}</th></tr></thead><tbody>
      {% if ln.unpaid_deduction %}<tr><td>{{ t('Unpaid leave') }} ({{ ln.unpaid_days }} {{ t('days') }})</td><td class="num">{{ ln.unpaid_deduction|money(cur) }}</td></tr>{% endif %}
      {% if ln.deductions %}<tr><td>{{ t('Other deductions') }}</td><td class="num">{{ ln.deductions|money(cur) }}</td></tr>{% endif %}
      <tr><td>{{ t('GOSI (employee share)') }}</td><td class="num">{{ ln.gosi_employee|money(cur) }}</td></tr>
      {% if ln.loan_deduction %}<tr><td>{{ t('Loan instalment') }}</td><td class="num">{{ ln.loan_deduction|money(cur) }}</td></tr>{% endif %}
    </tbody><tfoot><tr><td>{{ t('Total deductions') }}</td><td class="num">{{ (ln.unpaid_deduction + ln.deductions + ln.gosi_employee + ln.loan_deduction)|money(cur) }}</td></tr></tfoot></table>
  </div>
  <div style="display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:14px 16px;border-radius:10px;background:var(--surface-2)">
    <b>{{ t('Net pay') }}</b><b style="font-size:20px">{{ ln.net|money(cur) }} {{ cur }}</b></div>
  {% if ln.note %}<p class="muted">{{ ln.note }}</p>{% endif %}
</div>
{% endblock %}