{% extends "base.html" %}
{% block title %}Kişiler — {{ bordro_adi(bt) }}{% endblock %}
{% block icerik %}
<h1>{{ bordro_adi(bt) }} — Kişiler</h1>

<div class="panel">
  <h2 id="formBaslik">Yeni Kişi Ekle</h2>
  <form method="post" id="kisiForm">
    <input type="hidden" name="id" id="f_id">
    <div class="form-satir">
      <div><label>Adı *</label><input name="ad" id="f_ad" required autocomplete="off"></div>
      <div><label>Soyadı *</label><input name="soyad" id="f_soyad" required autocomplete="off"></div>
      <div><label>T.C. Kimlik No *</label><input name="tc" id="f_tc" required maxlength="11"
           pattern="[1-9]\d{10}" title="11 haneli T.C. kimlik numarası"></div>
      <div style="min-width:280px"><label>IBAN</label><input name="iban" id="f_iban" maxlength="34" style="width:100%"></div>
      <div><label>Eğitim</label>
        <select name="egitim" id="f_egitim">
          {% for e in egitimler %}<option>{{ e }}</option>{% endfor %}
        </select></div>
      {% if hedefler | length > 1 %}
      <div><label>Bordro (taşımak için değiştirin)</label>
        <select name="bordro_id" id="f_bordro">
          {% for h in hedefler %}
          <option value="{{ h.id }}" {% if h.id == bt.id %}selected{% endif %}>{{ bordro_adi(h) }}</option>
          {% endfor %}
        </select></div>
      {% endif %}
    </div>
    <div id="pasifOneri" class="uyari" style="display:none"></div>
    <div class="form-satir">
      {% for kod, adi in DERS_TURLERI[statu] %}
      <div style="min-width:auto"><label>&nbsp;</label>
        <label style="display:inline"><input type="checkbox" name="tur{{ loop.index }}" id="f_tur{{ loop.index }}"
          {% if loop.index == 1 %}checked{% endif %}> {{ adi }}</label></div>
      {% endfor %}
      <div>
        <label>İcra kesintisi</label>
        <select id="f_icra_sec" onchange="icraSecimi()">
          <option value="yok">Yok</option>
          <option value="0.25">Oran: 1/4 (otomatik)</option>
          <option value="0.3333333333">Oran: 1/3 (otomatik)</option>
          <option value="oran">Başka oran…</option>
          <option value="tutar">Sabit tutar (TL)…</option>
        </select>
      </div>
      <div id="icraOranKutu" style="display:none">
        <label>Oran (örn. 0,25)</label><input id="f_icra_oran_ozel" style="width:90px">
      </div>
      <div id="icraTutarKutu" style="display:none">
        <label>Aylık tutar (TL)</label><input id="f_icra_tutar_ozel" style="width:110px">
      </div>
      <input type="hidden" name="icra_oran" id="f_icra_oran" value="0">
      <input type="hidden" name="icra_tutar" id="f_icra_tutar" value="0">
      {# Engellilik indirimi (GVK md. 31) her statüde girilebilir; tutarlar
         Ayarlar → Vergi Parametreleri'nde yıl bazında durur. #}
      <div><label>Engellilik indirimi</label>
        <select name="engelli_derece" id="f_engelli">
          <option value="0">Yok</option>
          <option value="1">1. derece</option>
          <option value="2">2. derece</option>
          <option value="3">3. derece</option>
        </select></div>
      {% if statu == 'sozlesmeli' %}
      <div><label>BES kesintisi</label>
        <label style="display:inline"><input type="checkbox" name="bes" id="f_bes"
          onchange="besDegisti()"> Var</label></div>
      <div id="besOranKutu" style="display:none">
        <label>BES oranı (%)</label>
        <input name="bes_oran" id="f_bes_oran" value="3" style="width:80px"></div>
      <div><label>Ocak sözleşme ücreti ({{ yil }})</label><input name="ocak_ucreti" id="f_ocak" value="0"></div>
      <div><label>Temmuz sözleşme ücreti ({{ yil }})</label><input name="temmuz_ucreti" id="f_temmuz" value="0"></div>
      <div><label>İşe başlama (kıst + maaş matrahı buna göre)</label>
        <input type="date" name="ise_baslama" id="f_ise_baslama"></div>
      {% endif %}
      <div><button type="submit" onclick="icraAktar()">Kaydet</button>
           <button type="button" class="ikincil" onclick="formTemizle()">Vazgeç</button></div>
    </div>
    <p style="color:#7a8699; margin:4px 0 0">Oranlı icrada kesinti otomatik hesaplanır ve
    tam liraya <b>yukarı</b> yuvarlanır (örn. 512,10 ₺ → 513 ₺).</p>
  </form>
</div>

<div class="panel">
  <h2>Toplu İşlemler</h2>
  <div class="form-satir" style="align-items:center">
    <form method="post" action="{{ url_for('topluyukle', bid=bt.id, yil=yil, ay=ay) }}"
          enctype="multipart/form-data" style="display:flex; gap:8px; align-items:center">
      <a class="dugme ikincil" href="{{ url_for('sablon', bid=bt.id) }}">⬇ Boş Excel şablonu indir</a>
      <input type="file" name="dosya" accept=".xlsx" required>
      <button type="submit">⇪ Excel'den Toplu Ekle</button>
    </form>
    <span style="flex:1"></span>
    <form method="post" action="{{ url_for('tumunu_pasife_al', bid=bt.id, yil=yil, ay=ay) }}"
          onsubmit="return confirm('DÖNEM SONU İŞLEMİ:\nBu statüdeki {{ kisiler|length }} aktif kişinin TÜMÜ pasife alınacak.\nGeçmiş puantaj/bordro/matrah kayıtları silinmez.\nDevam edilsin mi?')">
      <button type="submit" class="tehlike">⏻ Dönem Sonu: Tümünü Pasife Al</button>
    </form>
  </div>
  <p style="color:#7a8699; margin:6px 0 0">Şablonu indirin, doldurun, yükleyin.
  Aynı T.C. numarası varsa kişi güncellenir ve pasifteyse otomatik aktifleşir —
  yeni dönemde eski listeyi yüklemek yeterlidir.</p>
</div>

{# Arama: kişi sayısı arttıkça birini bulmak için sayfayı kaydırmak
   gerekiyordu. Ada, T.C.'ye ve IBAN'a göre canlı süzer. #}
<div class="kaydet-cubugu">
  <input type="search" id="kisi-ara" class="ara-kutu" placeholder="🔍 Ad, T.C. veya IBAN ara…"
         oninput="kisiFiltrele()" aria-label="Kişi ara">
  <span id="ara-sonuc" style="color:#7a8699"></span>
</div>

<table class="liste" id="kisi-listesi">
  <tr>
    <th>#</th><th>Adı Soyadı</th><th>T.C. No</th><th>IBAN</th><th>Eğitim</th>
    <th>Ders Türleri</th><th>İcra</th><th>Engellilik</th>
    {% if statu == 'sozlesmeli' %}<th>BES</th>
    <th>{{ yil }} Sözleşme Ücr. (Ocak/Temmuz)</th>{% endif %}
    <th class="orta">İşlem</th>
  </tr>
  {% for k in kisiler %}
  <tr class="kisi-satiri">
    <td>{{ loop.index }}</td>
    <td>{{ k.ad }} {{ k.soyad }}</td>
    <td>{{ k.tc }}</td>
    <td style="font-size:12px">{{ k.iban }}</td>
    <td>{{ k.egitim }}</td>
    <td>
      {%- set adlar = [] -%}
      {%- for kod, adi in DERS_TURLERI[statu] -%}
        {%- if k['tur' ~ loop.index] -%}{%- if adlar.append(adi) -%}{%- endif -%}{%- endif -%}
      {%- endfor -%}
      {{ adlar | join(', ') }}
    </td>
    <td class="sag">
      {%- if k.icra_oran -%}
        {%- if (k.icra_oran - 0.25) | abs < 0.0001 -%}1/4
        {%- elif (k.icra_oran - 0.33333) | abs < 0.001 -%}1/3
        {%- else -%}{{ k.icra_oran }}{%- endif -%}
      {%- elif k.icra_tutar -%}{{ k.icra_tutar | tl }} ₺
      {%- else -%}-{%- endif -%}
    </td>
    <td>{{ (k.engelli_derece ~ '. derece') if k.engelli_derece else '-' }}</td>
    {% if statu == 'sozlesmeli' %}
    <td>{{ ('%' ~ (k.bes_oran | tl)) if k.bes else '-' }}</td>
    <td class="sag">{{ ucretler[k.id][0] | tl }} / {{ ucretler[k.id][1] | tl }}</td>{% endif %}
    <td class="orta" style="white-space:nowrap">
      {%- set veri = {"id": k.id, "ad": k.ad, "soyad": k.soyad, "tc": k.tc, "iban": k.iban,
        "egitim": k.egitim, "icra_oran": k.icra_oran, "icra_tutar": k.icra_tutar,
        "ocak": ucretler[k.id][0] if statu == 'sozlesmeli' else 0,
        "temmuz": ucretler[k.id][1] if statu == 'sozlesmeli' else 0,
        "ise_baslama": k.ise_baslama, "engelli_derece": k.engelli_derece,
        "bes": k.bes, "bes_oran": k.bes_oran} -%}
      {%- for kod, adi in DERS_TURLERI[statu] -%}
        {%- set _ = veri.update({"tur" ~ loop.index: k['tur' ~ loop.index]}) -%}
      {%- endfor -%}
      <button class="kucuk ikincil" type="button" onclick='duzenle({{ veri | tojson }})'>Düzenle</button>
      <form method="post" style="display:inline"
            action="{{ url_for('personel_sil', bid=bt.id, pid=k.id, yil=yil, ay=ay) }}"
            onsubmit="return confirm('{{ k.ad }} {{ k.soyad }} pasife alınsın mı? Geçmiş kayıtları silinmez.')">
        <button class="kucuk tehlike" type="submit">Pasife Al</button>
      </form>
    </td>
  </tr>
  {% endfor %}
</table>
{% if not kisiler %}<p>Aktif kişi yok. Formdan ekleyin, Excel şablonuyla topluca yükleyin
ya da aşağıdaki pasif listesinden geri getirin.</p>{% endif %}

{% if pasifler %}
<details class="panel" style="margin-top:16px">
  <summary style="cursor:pointer; font-weight:600">
    Pasif kişiler ({{ pasifler | length }}) — göster/gizle</summary>
  <table class="liste" style="margin-top:10px; max-width:800px">
    <tr><th>Adı Soyadı</th><th>T.C. No</th><th>Eğitim</th><th class="orta">İşlem</th></tr>
    {% for k in pasifler %}
    <tr>
      <td>{{ k.ad }} {{ k.soyad }}</td>
      <td>{{ k.tc }}</td>
      <td>{{ k.egitim }}</td>
      <td class="orta">
        <form method="post" action="{{ url_for('aktiflestir', bid=bt.id, pid=k.id, yil=yil, ay=ay) }}">
          <button class="kucuk" type="submit">↩ Aktifleştir</button>
        </form>
      </td>
    </tr>
    {% endfor %}
  </table>
</details>
{% endif %}
{% endblock %}

{% block script %}
<script>
// ---- kişi arama: ada, T.C.'ye ve IBAN'a göre canlı süzme
function kisiFiltrele() {
  const q = (document.getElementById('kisi-ara').value || '').toLocaleLowerCase('tr').trim();
  const satirlar = document.querySelectorAll('#kisi-listesi tr.kisi-satiri');
  let gorunen = 0;
  satirlar.forEach(tr => {
    const metin = tr.textContent.toLocaleLowerCase('tr');
    const uygun = !q || metin.includes(q);
    tr.style.display = uygun ? '' : 'none';
    if (uygun) gorunen++;
  });
  document.getElementById('ara-sonuc').textContent =
    q ? `${gorunen} / ${satirlar.length} kişi` : '';
}

// ---- icra seçimi
function icraSecimi() {
  const sec = document.getElementById('f_icra_sec').value;
  document.getElementById('icraOranKutu').style.display = (sec === 'oran') ? '' : 'none';
  document.getElementById('icraTutarKutu').style.display = (sec === 'tutar') ? '' : 'none';
}
function icraAktar() {
  const sec = document.getElementById('f_icra_sec').value;
  let oran = 0, tutar = 0;
  if (sec === 'oran') oran = parseFloat(document.getElementById('f_icra_oran_ozel').value.replace(',', '.')) || 0;
  else if (sec === 'tutar') tutar = parseFloat(document.getElementById('f_icra_tutar_ozel').value.replace(',', '.')) || 0;
  else if (sec !== 'yok') oran = parseFloat(sec);
  document.getElementById('f_icra_oran').value = oran;
  document.getElementById('f_icra_tutar').value = tutar;
}
function icraGoster(oran, tutar) {
  const sec = document.getElementById('f_icra_sec');
  if (oran && Math.abs(oran - 0.25) < 1e-4) sec.value = '0.25';
  else if (oran && Math.abs(oran - 1/3) < 1e-3) sec.value = '0.3333333333';
  else if (oran) { sec.value = 'oran'; document.getElementById('f_icra_oran_ozel').value = oran; }
  else if (tutar) { sec.value = 'tutar'; document.getElementById('f_icra_tutar_ozel').value = tutar; }
  else sec.value = 'yok';
  icraSecimi();
}

// ---- BES: kutu işaretlenince oran kutusu açılır ve %3 ile başlar
function besDegisti() {
  const bes = document.getElementById('f_bes');
  if (!bes) return;
  document.getElementById('besOranKutu').style.display = bes.checked ? '' : 'none';
  const oran = document.getElementById('f_bes_oran');
  if (bes.checked && !parseFloat(String(oran.value).replace(',', '.'))) oran.value = 3;
}

// ---- pasif kişi önerisi
let oneriZamanlayici = null;
function pasifAra() {
  clearTimeout(oneriZamanlayici);
  oneriZamanlayici = setTimeout(() => {
    if (document.getElementById('f_id').value) return;   // düzenleme modunda önerme
    const q = (document.getElementById('f_ad').value + ' ' +
               document.getElementById('f_soyad').value).trim();
    const kutu = document.getElementById('pasifOneri');
    if (q.length < 2) { kutu.style.display = 'none'; return; }
    fetch(`/personel/{{ bt.id }}/pasif-oner?q=${encodeURIComponent(q)}`)
      .then(r => r.json()).then(liste => {
        if (!liste.length) { kutu.style.display = 'none'; return; }
        // Not: burada <form> KULLANILMAZ — ana formun içindeyiz, iç içe form
        // tarayıcıda dış formun submit'ine dönüşüp doğrulamaya takılıyordu.
        kutu.innerHTML = '<b>Bu isim pasif listede var:</b> ' + liste.map(k =>
          `<button class="kucuk" type="button" style="margin:2px 6px"
                   onclick="pasifAktiflestir(${k.id})">↩ ${k.ad} ${k.soyad} (${k.tc || 'TC yok'}) — aktifleştir</button>`
          ).join('') +
          '<div style="font-size:12px; margin-top:2px">Aktifleştirirseniz eski bilgileri ve matrah geçmişi korunur; yeniden yazmanıza gerek kalmaz.</div>';
        kutu.style.display = '';
      }).catch(() => {});
  }, 250);
}
document.getElementById('f_ad').addEventListener('input', pasifAra);
document.getElementById('f_soyad').addEventListener('input', pasifAra);

function pasifAktiflestir(id) {
  // ana formdan bağımsız, gövdeye eklenen ayrı bir formla gönder
  const f = document.createElement('form');
  f.method = 'post';
  f.action = `/personel/{{ bt.id }}/aktiflestir/${id}?yil={{ yil }}&ay={{ ay }}`;
  document.body.appendChild(f);
  f.submit();
}

// ---- düzenleme
function duzenle(k) {
  document.getElementById('formBaslik').textContent = 'Kişi Düzenle: ' + k.ad + ' ' + k.soyad;
  const al = id => document.getElementById(id);
  al('f_id').value = k.id; al('f_ad').value = k.ad; al('f_soyad').value = k.soyad;
  al('f_tc').value = k.tc; al('f_iban').value = k.iban; al('f_egitim').value = k.egitim;
  // Tür sayısı statüye göre değişiyor (sözleşmelide 20). Sabit sayı yazmak
  // iki kez hata verdi: 7'de kesilince tur8-13, 13'te kesilince tur14-19
  // işaretleri düzenlemede kaybolup sıfırlanıyordu. Artık kutu bitene kadar.
  for (let i = 1; al('f_tur' + i); i++) al('f_tur' + i).checked = !!k['tur' + i];
  icraGoster(k.icra_oran, k.icra_tutar);
  if (al('f_ocak')) al('f_ocak').value = k.ocak;
  if (al('f_temmuz')) al('f_temmuz').value = k.temmuz;
  if (al('f_ise_baslama')) al('f_ise_baslama').value = k.ise_baslama || '';
  if (al('f_engelli')) al('f_engelli').value = k.engelli_derece || 0;
  if (al('f_bes')) {
    al('f_bes').checked = !!k.bes;
    al('f_bes_oran').value = k.bes_oran || 3;
    besDegisti();
  }
  document.getElementById('pasifOneri').style.display = 'none';
  window.scrollTo({top: 0, behavior: 'smooth'});
}
function formTemizle() {
  document.getElementById('kisiForm').reset();
  document.getElementById('f_id').value = '';
  document.getElementById('formBaslik').textContent = 'Yeni Kişi Ekle';
  document.getElementById('pasifOneri').style.display = 'none';
  icraSecimi();
  besDegisti();
}
</script>
{% endblock %}