{% extends "base.html" %}
{% block title %}{{ t('HR Settings') }}{% endblock %}
{% block content %}
<div class="page-head"><h1>{{ t('HR Settings') }}</h1></div>
<form method="post">
  <div class="card"><h3>{{ t('GOSI (Saudi Arabia)') }}</h3>
    <div class="grid">
      <div class="field"><label>{{ t('Saudi employee share %') }}</label><input name="gosi_national_employee" inputmode="decimal" value="{{ st.gosi_national_employee }}"></div>
      <div class="field"><label>{{ t('Saudi company share %') }}</label><input name="gosi_national_employer" inputmode="decimal" value="{{ st.gosi_national_employer }}"></div>
      <div class="field"><label>{{ t('Non-Saudi company share %') }}</label><input name="gosi_expat_employer" inputmode="decimal" value="{{ st.gosi_expat_employer }}"><div class="help">{{ t('Occupational hazards; non-Saudis pay no employee share.') }}</div></div>
      <div class="field"><label>{{ t('Monthly wage ceiling') }}</label><input name="gosi_cap" class="num" inputmode="decimal" value="{{ st.gosi_cap|plain }}"><div class="help">{{ t('GOSI is charged on basic + housing up to this amount.') }}</div></div>
    </div>
  </div>
  <div class="card"><h3>{{ t('End of service (Saudi Arabia)') }}</h3>
    <div class="grid">
      <div class="field wide"><label>{{ t('Wage used for the benefit') }}</label>
        <select name="eosb_base">{% for k, v in bases.items() %}<option value="{{ k }}" {{ 'selected' if st.eosb_base == k }}>{{ t(v) }}</option>{% endfor %}</select>
        <div class="help">{{ t('The UAE benefit always uses the basic salary.') }}</div></div>
    </div>
  </div>
  <div class="card"><h3>{{ t('Payroll accounts') }}</h3>
    <div class="grid">
      {% for col, code, en, ar, kind in fields %}
      <div class="field"><label>{{ t(en) }}</label>
        <select name="{{ col }}"><option value=""></option>{% for a in accounts %}<option value="{{ a.id }}" {{ 'selected' if st[col] == a.id }}>{{ a.code }} {{ nm(a) }}</option>{% endfor %}</select></div>
      {% endfor %}
    </div>
  </div>
  <div class="form-actions"><button class="btn">{{ t('Save') }}</button></div>
</form>
{% endblock %}