{% extends "base.html" %}
{% block title %}Vergi Matrahları — {{ bordro_adi(bt) }}{% endblock %}
{% block icerik %}
<h1>{{ bordro_adi(bt) }} — {{ yil }} Gelir Vergisi Matrahları</h1>
<p style="color:#566">Matrahlar bordrodan <b>Matraha İşle</b> ile otomatik dolar.
Gerekirse elle düzeltebilirsiniz; elle girilen değerlerin üzerine otomatik işlem yazmaz.
"Diğer kurum" sütunu, kişinin başka kurumlardan aldığı yıllık matrah toplamıdır.
Her yılın matrahı ayrı saklanır: yukarıdan yılı değiştirince o yılın tablosu gelir ve
<b>yeni yılda kümülatif toplam kendiliğinden sıfırdan başlar</b> — temizlik gerekmez.</p>

{# Arama: 47 kişilik listede birinin matrahını düzeltmek için kaydırmak
   gerekiyordu. Ada ve T.C.'ye göre canlı süzer. #}
<div class="kaydet-cubugu">
  <input type="search" id="matrah-ara" class="ara-kutu" placeholder="🔍 Ad veya T.C. ara…"
         oninput="matrahFiltrele()" aria-label="Kişi ara">
  <span id="matrah-ara-sonuc" style="color:#7a8699"></span>
</div>

<form method="post">
<div style="overflow-x:auto">
<table class="liste" id="matrah-listesi">
  <tr>
    <th>Adı Soyadı</th><th>T.C. No</th>
    {% for m in range(1,13) %}<th class="sag">{{ AYLAR[m][:3] }}</th>{% endfor %}
    <th class="sag">Diğer Kurum</th><th class="sag">Yıllık Toplam</th>
  </tr>
  {% for k in kisiler %}
  {% if k.tc %}
  <tr class="matrah-satiri">
    <td>{{ k.ad }} {{ k.soyad }}</td>
    <td>{{ k.tc }}</td>
    {% set ns = namespace(top=0) %}
    {% for m in range(1,13) %}
    {% set v = veriler.get((k.tc, m)) %}
    {% if v %}{% set ns.top = ns.top + v %}{% endif %}
    <td><input name="m_{{ k.tc }}_{{ m }}" value="{{ "%.2f"|format(v) if v else '' }}"
               style="width:76px; text-align:right"></td>
    {% endfor %}
    {% set d = devirler.get(k.tc, 0) %}
    <td><input name="d_{{ k.tc }}" value="{{ "%.2f"|format(d) if d else '' }}"
               style="width:76px; text-align:right"></td>
    <td class="sag"><b>{{ (ns.top + d) | tl }}</b></td>
  </tr>
  {% endif %}
  {% endfor %}
</table>
</div>
<p><button type="submit">💾 Kaydet</button></p>
</form>
{% endblock %}

{% block script %}
<script>
function matrahFiltrele() {
  const q = (document.getElementById('matrah-ara').value || '')
              .toLocaleLowerCase('tr').trim();
  const satirlar = document.querySelectorAll('#matrah-listesi tr.matrah-satiri');
  let gorunen = 0;
  satirlar.forEach(tr => {
    /* Yalnız ad ve T.C. sütunlarında ara: tutar hücrelerindeki sayılar
       aramaya karışırsa "5" yazınca yarım liste geliyordu. */
    const metin = [...tr.children].slice(0, 2)
                    .map(td => td.textContent).join(' ').toLocaleLowerCase('tr');
    const uygun = !q || metin.includes(q);
    tr.style.display = uygun ? '' : 'none';
    if (uygun) gorunen++;
  });
  document.getElementById('matrah-ara-sonuc').textContent =
    q ? `${gorunen} / ${satirlar.length} kişi` : '';
}
</script>
{% endblock %}