{% extends "base.html" %}
{% block title %}Puantaj — {{ bordro_adi(bt) }}{% endblock %}
{% block icerik %}
<h1>{{ bordro_adi(bt) }} — {{ AYLAR[ay] }} {{ yil }} Puantajı</h1>

{% if not ayar %}
<div class="uyari">Bu dönemin katsayısı tanımlı değil — bordro hesaplanamaz.
  <a href="{{ url_for('ayarlar', yil=yil, ay=ay) }}">Ayarlara git</a></div>
{% endif %}

<div class="kaydet-cubugu yazdirma-gizle">
  <button class="d-kaydet" onclick="kaydet()">💾 Kaydet</button>
  <button class="d-kopyala" onclick="doldur('gecen_ay')"
          title="{{ onceki_ay_adi }} puantajını hafta gününe göre getirir">
    📋 Geçen Aydan Kopyala</button>
  <button class="d-program" onclick="doldur('program')"
          title="Kişinin tanımlı haftalık ders programından doldurur">
    🗓 Ders Programından Doldur</button>
  <button class="d-dagit" onclick="doldur('hafta')"
          title="Her satırda ilk 7 günün desenini ayın kalanına yayar">
    ↻ İlk 7 Günü Haftalara Dağıt</button>
  <button class="d-temizle" onclick="temizle()">✕ Saatleri Temizle</button>
  <a class="dugme d-excel" href="{{ url_for('puantaj_excel', bid=bt.id, yil=yil, ay=ay) }}">
    ⤓ Excel</a>
  <a class="dugme d-yazdir" target="_blank"
     href="{{ url_for('puantaj_yazdir', bid=bt.id, yil=yil, ay=ay) }}">🖨 Yazdır</a>
  <span id="durum" class="kayit-durumu"></span>
</div>

<div class="kaydet-cubugu yazdirma-gizle" style="margin-top:-6px">
  <input type="search" id="ara" class="ara-kutu" placeholder="🔍 Kişi ara…"
         oninput="filtrele()" aria-label="Kişi ara">
  <span id="secim-durumu" style="color:#7a8699">Seçim yok — işlemler listedeki herkese uygulanır</span>
  <button class="ikincil" onclick="secimDegistir(true)">Tümünü seç</button>
  <button class="ikincil" onclick="secimDegistir(false)">Seçimi bırak</button>
  <span style="color:#7a8699">Hücreye saat girin; raporlu gün için <b>R</b> yazın.</span>
</div>

<div id="eksik-uyari" class="uyari yazdirma-gizle" style="display:none"></div>

<div class="puantaj-sarici">
<table class="puantaj" id="izgara">
  <tr>
    <th class="sira-baslik">#</th>
    <th class="ad-baslik">Adı Soyadı</th><th class="tur-baslik">Ders Türü</th>
    {% for g, adi in gunler %}<th class="{% if adi in ('Ct','Pz') %}haftasonu{% endif %}{% if g in tatiller %} tatil{% endif %}"
        {% if g in tatiller %}title="{{ tatiller[g] }}"{% endif %}>{{ g }}<br><small>{{ adi }}</small></th>{% endfor %}
    <th>Top.</th>
    {% if statu in ('ucretli', 'usta') %}
    <th>Destek<br>Eğitim</th><th>Genel Top.<br>Ek Ders</th>
    {% endif %}
  </tr>
  {% for s in satirlar %}
    {# Jinja'da `loop.parent` yoktur (Django'daki gibi değil); dış döngünün
       sıra numarası değişkene alınır. #}
    {% set kisi_sira = loop.index %}
    {% for kod, adi in s.turler %}
    <tr data-pid="{{ s.p.id }}" data-tur="{{ kod }}">
      {% if loop.first %}
      <td class="sira-hucre" rowspan="{{ s.turler | length }}">{{ kisi_sira }}</td>
      <td class="ad-hucre" rowspan="{{ s.turler | length }}">
        <label class="kisi-sec"><input type="checkbox" class="kisi-kutu"
               data-pid="{{ s.p.id }}" onchange="secimGuncelle()">
          {{ s.p.ad }} {{ s.p.soyad }}</label>
      </td>
      {% endif %}
      <td class="tur-hucre">{{ adi }}</td>
      {% for g, gadi in gunler %}
      <td class="{% if gadi in ('Ct','Pz') %}haftasonu-h{% endif %}{% if g in tatiller %} tatil-h{% endif %}">
        <input class="saat" data-gun="{{ g }}" maxlength="4"
               {% if g in tatiller %}data-tatil="1" title="{{ tatiller[g] }}"{% endif %}
               value="{{ s.hucreler.get((kod, g), '') }}">
      </td>
      {% endfor %}
      <td class="toplam">0</td>
      {% if statu in ('ucretli', 'usta') and loop.first %}
      <td class="toplam destek-hucre" rowspan="{{ s.turler | length }}">0</td>
      <td class="toplam genel-hucre" rowspan="{{ s.turler | length }}">0</td>
      {% endif %}
    </tr>
    {% endfor %}
  {% endfor %}
  {% if satirlar %}
  {# GENEL TOPLAM: yalnız toplam sütunlarının altında. Gün sütunlarına
     yazılmaz — bir günün tüm kişilerdeki toplamı mutemede bir şey söylemiyor,
     üstelik 31 sayı daha ekranı doldururdu. #}
  <tr class="genel-toplam-satiri">
    <td class="sira-hucre"></td>
    <td class="ad-hucre" id="genel-kisi">TOPLAM</td>
    <td class="tur-hucre"></td>
    {% for g, gadi in gunler %}<td class="{% if gadi in ('Ct','Pz') %}haftasonu-h{% endif %}"></td>{% endfor %}
    <td class="toplam" id="genel-saat">0</td>
    {% if statu in ('ucretli', 'usta') %}
    <td class="toplam" id="genel-destek">0</td>
    <td class="toplam" id="genel-genel">0</td>
    {% endif %}
  </tr>
  {% endif %}
</table>
</div>
{% if not satirlar %}<p>Ders türü seçili aktif kişi yok.
  <a href="{{ url_for('personel', bid=bt.id, yil=yil, ay=ay) }}">Kişiler sayfasına git</a></p>{% endif %}

{% if statu == 'sozlesmeli' and satirlar %}
<h2 style="margin-top:24px">Merkezi Sınav Görevleri — {{ AYLAR[ay] }} {{ yil }}</h2>
<p style="color:#7a8699">Görev adedini girin (aynı ayda birden fazla sınav olabilir).
  Brüt = puan × katsayı; SGK matrahına girmez, gelir ve damga vergisine dahildir.
  Yalnız bu aya kaydedilir, sonraki aya taşınmaz.</p>
<form method="post" action="{{ url_for('sinav_kaydet', bid=bt.id) }}">
  <input type="hidden" name="yil" value="{{ yil }}">
  <input type="hidden" name="ay" value="{{ ay }}">
  {# data-pid: yukarıdaki kişi arama kutusu bu tabloyu da süzüyor (filtrele()).
     Kalabalık listede aranan kişi puantajda süzülüp sınav tablosunda herkesin
     arasında kalıyordu. #}
  <table class="liste" id="sinav-izgara" style="max-width:760px">
    <tr>
      <th>Adı Soyadı</th>
      {% for kod, adi, puan in MSINAV %}
      <th class="orta">{{ adi }}<br><small>{{ puan }} puan</small></th>
      {% endfor %}
    </tr>
    {% for s in satirlar %}
    <tr data-pid="{{ s.p.id }}">
      <td style="white-space:nowrap">{{ s.p.ad }} {{ s.p.soyad }}</td>
      {% for kod, adi, puan in MSINAV %}
      <td class="orta"><input type="number" min="0" max="99" style="width:4em"
             name="ms_{{ s.p.id }}_{{ kod }}"
             value="{{ s.hucreler.get((kod, 0), '') }}"></td>
      {% endfor %}
    </tr>
    {% endfor %}
  </table>
  <div class="kaydet-cubugu" style="margin-top:10px">
    <button type="submit">💾 Sınav Görevlerini Kaydet</button>
  </div>
</form>
{% endif %}
{% endblock %}

{% block script %}
<script>
const YIL = {{ yil }}, AY = {{ ay }}, BORDRO = {{ bt.id }};
let kirli = false;

function durum(metin, bekliyor) {
  const d = document.getElementById('durum');
  d.textContent = metin; d.className = 'kayit-durumu' + (bekliyor ? ' bekliyor' : '');
}

const DESTEK_VAR = {{ 'true' if statu in ('ucretli', 'usta') else 'false' }};

function toplamGuncelle(tr) {
  let t = 0;
  tr.querySelectorAll('input.saat').forEach(i => {
    const v = parseFloat(i.value.replace(',', '.'));
    if (!isNaN(v)) t += v;
  });
  tr.querySelector('td.toplam').textContent = (t % 1 === 0) ? t : t.toFixed(1);
  kisiToplamGuncelle(tr.dataset.pid);
  genelToplam();
  bosKisiIsaretle(tr.dataset.pid);
}

/** Tek kişinin "girişi yok" vurgusunu tazele. Elle saat girilince kırmızı
    vurgunun anında kalkması için — tüm tabloyu taramak her tuş vuruşunda
    pahalı olurdu. */
function bosKisiIsaretle(pid) {
  const satirlar = document.querySelectorAll(`#izgara tr[data-pid="${pid}"]`);
  let dolu = false;
  satirlar.forEach(tr => tr.querySelectorAll('input.saat').forEach(i => {
    if (i.value.trim() !== '') dolu = true;
  }));
  satirlar.forEach(tr => tr.classList.toggle('bos-kisi', !dolu));
}

function kisiToplamGuncelle(pid) {
  // Destek eğitim (ders dışı hazırlık): 2 ders için +1 saat, grup bazlı —
  // (gündüz+gece)/2 aşağı yuvarlanır + (TK gündüz+TK gece)/2 aşağı yuvarlanır.
  // Bordrodaki hesapla (engine.egitime_destek_saatleri) birebir aynı kural.
  if (!DESTEK_VAR) return;
  const satirlar = document.querySelectorAll(`#izgara tr[data-pid="${pid}"]`);
  if (!satirlar.length) return;
  const turToplam = {};
  let toplam = 0;
  satirlar.forEach(tr => {
    let t = 0;
    tr.querySelectorAll('input.saat').forEach(i => {
      const v = parseFloat(i.value.replace(',', '.'));
      if (!isNaN(v)) t += v;
    });
    turToplam[tr.dataset.tur] = (turToplam[tr.dataset.tur] || 0) + t;
    toplam += t;
  });
  const destek = Math.floor(((turToplam.gunduz || 0) + (turToplam.gece || 0)) / 2)
               + Math.floor(((turToplam.tk_gunduz || 0) + (turToplam.tk_gece || 0)) / 2);
  const genel = toplam + destek;
  const d = satirlar[0].querySelector('td.destek-hucre');
  const g = satirlar[0].querySelector('td.genel-hucre');
  if (d) d.textContent = destek;
  if (g) g.textContent = (genel % 1 === 0) ? genel : genel.toFixed(1);
}

document.querySelectorAll('#izgara tr[data-pid]').forEach(tr => {
  toplamGuncelle(tr);
  tr.querySelectorAll('input.saat').forEach(inp => {
    inp.addEventListener('input', () => {
      const v = inp.value.trim().toUpperCase().replace(',', '.');
      if (v !== '' && v !== 'R' && isNaN(parseFloat(v))) { inp.value = ''; return; }
      kirli = true; durum('Kaydedilmemiş değişiklik var', true);
      toplamGuncelle(tr);
    });
    /* İmlecin bulunduğu KİŞİNİN tüm satırları vurgulanır: 31 sütun arasında
       yanlış satıra yazmak kolaydı. */
    inp.addEventListener('focus', () => etkinKisi(tr.dataset.pid));
    inp.addEventListener('blur', () => etkinKisi(null));
    inp.addEventListener('keydown', e => {   // ok tuşlarıyla gezinme
      const hucre = inp.closest('td'), satir = inp.closest('tr');
      let hedef = null;
      if (e.key === 'ArrowRight') hedef = hucre.nextElementSibling?.querySelector('input');
      if (e.key === 'ArrowLeft') hedef = hucre.previousElementSibling?.querySelector('input');
      if (e.key === 'ArrowDown' || e.key === 'Enter') {
        const alt = satir.nextElementSibling;
        if (alt) hedef = alt.querySelector(`input[data-gun="${inp.dataset.gun}"]`);
      }
      if (e.key === 'ArrowUp') {
        const ust = satir.previousElementSibling;
        if (ust) hedef = ust.querySelector(`input[data-gun="${inp.dataset.gun}"]`);
      }
      if (hedef) { e.preventDefault(); hedef.focus(); hedef.select(); }
    });
  });
});

/** Kaydeder; söz döner (true = kaydedildi). Çıkarken "önce kaydet" için. */
function kaydet() {
  const hucreler = [];
  document.querySelectorAll('#izgara tr[data-pid]').forEach(tr => {
    tr.querySelectorAll('input.saat').forEach(inp => {
      hucreler.push({ pid: tr.dataset.pid, tur: tr.dataset.tur,
                      gun: inp.dataset.gun, deger: inp.value.trim() });
    });
  });
  durum('Kaydediliyor…', true);
  return fetch(`/puantaj/${BORDRO}/kaydet`, {
    method: 'POST', headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ yil: YIL, ay: AY, hucreler })
  }).then(r => r.json()).then(() => { kirli = false; durum('✓ Kaydedildi'); return true; })
    .catch(() => { durum('Kaydedilemedi! Sunucu çalışıyor mu?', true); return false; });
}

/* ---------- Kişi seçimi ----------
   Doldurma işlemlerinin KAPSAMINI belirler: seçim varsa yalnız seçili
   kişilere, yoksa listedeki herkese uygulanır. */
function seciliPidler() {
  return [...document.querySelectorAll('.kisi-kutu:checked')].map(k => k.dataset.pid);
}

function secimGuncelle() {
  const n = seciliPidler().length;
  document.getElementById('secim-durumu').textContent =
    n ? `${n} kişi seçili — işlemler yalnız onlara uygulanır`
      : 'Seçim yok — işlemler listedeki herkese uygulanır';
}

function secimDegistir(sec) {
  document.querySelectorAll('.kisi-kutu').forEach(k => { k.checked = sec; });
  secimGuncelle();
}

/* Kapsamdaki satırlar (kişi seçimi dikkate alınarak). */
function kapsamSatirlari() {
  const secili = seciliPidler();
  const hepsi = [...document.querySelectorAll('#izgara tr[data-pid]')];
  return secili.length ? hepsi.filter(tr => secili.includes(tr.dataset.pid)) : hepsi;
}

/* ---------- Doldurma ----------
   Üç yöntem tek kapıdan geçer: kapsam belirlenir, dolu hücre varsa KULLANICIYA
   SORULUR (yalnız boşları doldur / hepsini yenile / vazgeç), tatil günleri
   atlanır ve sonunda ne yapıldığı özetlenir. */
const ONCEKI = {{ onceki | tojson }};
const PROGRAM = {{ program | tojson }};
const GUN_HAFTAGUNU = {{ gun_haftagunu | tojson }};
const ONCEKI_AY_ADI = {{ onceki_ay_adi | tojson }};

const YONTEM_ADI = {
  gecen_ay: 'Geçen aydan kopyala (' + ONCEKI_AY_ADI + ')',
  program: 'Ders programından doldur',
  hafta: 'İlk 7 günü haftalara dağıt',
};

/** Bir satır için "hangi güne ne yazılacak" haritasını üretir: {gun: değer}. */
function kaynakDegerler(tr, yontem) {
  const anahtar = `${tr.dataset.pid}:${tr.dataset.tur}`;
  const girisler = [...tr.querySelectorAll('input.saat')];
  const sonuc = {};

  if (yontem === 'gecen_ay') {
    const eski = ONCEKI[anahtar];
    if (!eski) return null;                       // geçen ay kaydı yok
    girisler.forEach(inp => {
      const hg = GUN_HAFTAGUNU[inp.dataset.gun];
      const liste = eski[hg];
      if (liste && liste.length) sonuc[inp.dataset.gun] = liste[0];
    });
    return Object.keys(sonuc).length ? sonuc : null;
  }

  if (yontem === 'program') {
    const prog = PROGRAM[anahtar];
    if (!prog) return null;                       // ders programı tanımsız
    girisler.forEach(inp => {
      const saat = prog[GUN_HAFTAGUNU[inp.dataset.gun]];
      if (saat) sonuc[inp.dataset.gun] = String(saat);
    });
    return Object.keys(sonuc).length ? sonuc : null;
  }

  // hafta: ilk 7 günün deseni, 7'şer gün kaydırılarak
  const desen = girisler.slice(0, 7).map(i => i.value.trim());
  if (desen.every(v => v === '')) return null;
  girisler.forEach((inp, i) => {
    if (i < 7) return;                            // ilk hafta olduğu gibi kalır
    const d = desen[i % 7];
    if (d !== '') sonuc[inp.dataset.gun] = d;
  });
  return Object.keys(sonuc).length ? sonuc : null;
}

function doldur(yontem) {
  const satirlar = kapsamSatirlari();
  if (!satirlar.length) { durum('Listede satır yok'); return; }

  const secili = seciliPidler().length;
  const kisiSayisi = new Set(satirlar.map(tr => tr.dataset.pid)).size;

  // Kaynağı olan satırları ve dolu hücre durumunu önceden çıkar.
  const isler = [];
  const kaynaksiz = new Set();
  satirlar.forEach(tr => {
    const degerler = kaynakDegerler(tr, yontem);
    if (!degerler) { kaynaksiz.add(tr.dataset.pid); return; }
    let doluVar = false;
    tr.querySelectorAll('input.saat').forEach(inp => {
      if (degerler[inp.dataset.gun] !== undefined && inp.value.trim() !== '') doluVar = true;
    });
    isler.push({ tr, degerler, doluVar });
  });

  if (!isler.length) {
    uyariGoster(`${YONTEM_ADI[yontem]}: uygulanacak kayıt bulunamadı.` +
      (yontem === 'program' ? ' Seçili kişilerin ders programı tanımlı değil.' :
       yontem === 'gecen_ay' ? ` ${ONCEKI_AY_ADI} puantajı boş.` :
       ' İlk 7 güne saat girilmemiş.'));
    return;
  }

  const doluSayisi = new Set(isler.filter(i => i.doluVar).map(i => i.tr.dataset.pid)).size;
  const bosSayisi = kisiSayisi - doluSayisi;
  const kapsamMetni = secili
    ? `${kisiSayisi} kişi seçili. "${YONTEM_ADI[yontem]}" yalnız bu kişilere uygulanacak.`
    : `Seçim yapılmadı — listedeki ${kisiSayisi} kişinin tamamına uygulanacak.\n"${YONTEM_ADI[yontem]}"`;

  const secenekler = doluSayisi
    ? [{ deger: 'bos', ad: 'Yalnız boş günleri doldur', birincil: true,
         ipucu: 'Mevcut girişler korunur' },
       { deger: 'hepsi', ad: 'Hepsini yenile',
         ipucu: 'Mevcut girişlerin üzerine yazılır' }]
    : [{ deger: 'hepsi', ad: 'Doldur', birincil: true }];

  /* Sayıyı BOŞ olanlar üzerinden söylüyoruz: mutemet "kimin girişi eksik"
     diye bakıyor, "kimde giriş var" diye değil. */
  const doluMetni = !doluSayisi ? ''
    : bosSayisi === 0
      ? '\n\nBu kişilerin hepsinde zaten ders girişi var.'
      : `\n\nBunlardan ${bosSayisi} kişinin ders girişi boş, ` +
        `${doluSayisi} kişide giriş var.`;

  sor({
    baslik: YONTEM_ADI[yontem],
    mesaj: kapsamMetni + doluMetni,
    secenekler: secenekler,
  }).then(mod => {
    if (!mod) { durum('Vazgeçildi'); return; }
    uygula(yontem, isler, mod, kaynaksiz);
  });
}

/* sor() base.html'dedir — bordro sayfası da kullanıyor. */

function uygula(yontem, isler, mod, kaynaksiz) {
  let yazilan = 0, korunan = 0, atlananTatil = 0;
  isler.forEach(({ tr, degerler }) => {
    tr.querySelectorAll('input.saat').forEach(inp => {
      const yeni = degerler[inp.dataset.gun];
      if (yeni === undefined) return;
      if (inp.dataset.tatil) { atlananTatil++; return; }   // resmî tatile yazılmaz
      if (mod === 'bos' && inp.value.trim() !== '') { korunan++; return; }
      inp.value = yeni;
      yazilan++;
    });
    toplamGuncelle(tr);
  });

  kirli = true;
  durum(`${yazilan} hücre dolduruldu — kaydetmeyi unutmayın`, true);

  const notlar = [];
  if (korunan) notlar.push(`${korunan} hücrede giriş vardı, korundu`);
  if (atlananTatil) notlar.push(`${atlananTatil} hücre resmî tatil olduğu için atlandı`);
  if (kaynaksiz.size) {
    notlar.push(yontem === 'program'
      ? `${kaynaksiz.size} kişinin ders programı tanımlı değil`
      : `${kaynaksiz.size} kişi için kaynak kayıt yok`);
  }
  uyariGoster(notlar.length ? `${YONTEM_ADI[yontem]}: ${yazilan} hücre yazıldı. ` +
              notlar.join(' · ') + '.' : '');
  eksikleriDenetle();
}

let sonIslemNotu = '';

function uyariGoster(metin) {
  sonIslemNotu = metin || '';
  eksikleriDenetle();
}

/** Hiç saat girilmemiş kişileri listeler — "listede var ama girişi yok".
    Ad hücresi rowspan'li olduğu için kişinin adı onay kutusunun etiketinden
    okunur; ikinci/üçüncü ders türü satırlarında ad hücresi yoktur. */
function kisiAdi(pid) {
  const kutu = document.querySelector(`.kisi-kutu[data-pid="${pid}"]`);
  return kutu ? kutu.parentElement.textContent.trim() : pid;
}

function eksikleriDenetle() {
  const kisiler = {};
  document.querySelectorAll('#izgara tr[data-pid]').forEach(tr => {
    const pid = tr.dataset.pid;
    if (!(pid in kisiler)) kisiler[pid] = { ad: kisiAdi(pid), dolu: false };
    tr.querySelectorAll('input.saat').forEach(inp => {
      if (inp.value.trim() !== '') kisiler[pid].dolu = true;
    });
  });
  /* Girişi olmayan kişinin adı listede de belirgin olsun — uyarıdaki sayıyı
     tabloda gözle bulmak için. */
  Object.entries(kisiler).forEach(([pid, k]) => {
    document.querySelectorAll(`#izgara tr[data-pid="${pid}"]`).forEach(tr => {
      tr.classList.toggle('bos-kisi', !k.dolu);
    });
  });

  const bos = Object.values(kisiler).filter(k => !k.dolu).map(k => k.ad);
  const k = document.getElementById('eksik-uyari');
  k.textContent = '';

  if (sonIslemNotu) k.appendChild(document.createTextNode(sonIslemNotu + ' '));

  /* İsimleri baştan dökmüyoruz: 31 kişilik listede uyarı ekranı kaplıyordu.
     Sayı tıklanınca açılıyor. */
  if (bos.length) {
    k.appendChild(document.createTextNode('Ek ders girişi yapılmayan '));
    const bag = document.createElement('a');
    bag.href = '#';
    bag.className = 'eksik-sayi';
    bag.textContent = `${bos.length} kişi`;
    bag.onclick = e => {
      e.preventDefault();
      const liste = document.getElementById('eksik-liste');
      const acik = liste.style.display !== 'none';
      liste.style.display = acik ? 'none' : '';
      bag.setAttribute('aria-expanded', acik ? 'false' : 'true');
    };
    k.appendChild(bag);
    k.appendChild(document.createTextNode(' var.'));

    const liste = document.createElement('div');
    liste.id = 'eksik-liste';
    liste.className = 'eksik-liste';
    liste.style.display = 'none';
    liste.textContent = bos.join(' · ');
    k.appendChild(liste);
  }

  k.style.display = (k.textContent || bos.length) ? '' : 'none';
}

/** Etkin kişinin satırlarını vurgula (pid null ise vurguyu kaldır). */
function etkinKisi(pid) {
  document.querySelectorAll('#izgara tr.etkin').forEach(tr => tr.classList.remove('etkin'));
  if (!pid) return;
  document.querySelectorAll(`#izgara tr[data-pid="${pid}"]`)
    .forEach(tr => tr.classList.add('etkin'));
}

/* ---------- Arama ----------
   Kişi adına göre satır süzer. Ders türü satırları rowspan'li ad hücresine
   bağlı olduğu için kişinin TÜM satırları birlikte gizlenir.

   Sözleşmelide aşağıda bir de "Merkezi Sınav Görevleri" tablosu var; o da
   AYNI kişi kümesini listeliyor. Süzme yalnız puantaja uygulanınca aranan
   kişi yukarıda tek başına kalıyor ama aşağıda herkesin arasında kayboluyordu
   (site sahibi bildirdi: "birkaç kişide sorun yok, çok kişi olursa sorun").
   İki tablo tek yerden süzülür; sınav tablosu yoksa döngü boş geçer. */
function filtrele() {
  const q = (document.getElementById('ara').value || '').toLocaleLowerCase('tr');
  const gizliPidler = new Set();
  document.querySelectorAll('.kisi-kutu').forEach(kutu => {
    const ad = kutu.parentElement.textContent.trim().toLocaleLowerCase('tr');
    if (q && !ad.includes(q)) gizliPidler.add(kutu.dataset.pid);
  });
  document.querySelectorAll('#izgara tr[data-pid], #sinav-izgara tr[data-pid]')
    .forEach(tr => {
      tr.style.display = gizliPidler.has(tr.dataset.pid) ? 'none' : '';
    });
}

/** Saatleri temizle — KAPSAMA saygı duyar: seçim varsa yalnız seçili kişiler. */
function temizle() {
  const satirlar = kapsamSatirlari();
  const secili = seciliPidler().length;
  const kisiSayisi = new Set(satirlar.map(tr => tr.dataset.pid)).size;
  let dolu = 0;
  satirlar.forEach(tr => tr.querySelectorAll('input.saat').forEach(i => {
    if (i.value.trim() !== '') dolu++;
  }));

  if (!dolu) { durum('Silinecek giriş yok'); return; }

  sor({
    baslik: 'Saatleri temizle',
    mesaj: (secili
      ? `${kisiSayisi} kişi seçili. Yalnız bu kişilerin saatleri silinecek.`
      : `Seçim yapılmadı — listedeki ${kisiSayisi} kişinin TÜM saatleri silinecek.`) +
      `\n\nSilinecek dolu hücre: ${dolu}`,
    secenekler: [{ deger: 'sil', ad: 'Sil', birincil: true }],
  }).then(cevap => {
    if (!cevap) { durum('Vazgeçildi'); return; }
    satirlar.forEach(tr => {
      tr.querySelectorAll('input.saat').forEach(i => { i.value = ''; });
      toplamGuncelle(tr);
    });
    kirli = true;
    durum(`${dolu} hücre temizlendi — kaydetmeyi unutmayın`, true);
    uyariGoster('');
  });
}

/* ---------- Genel toplam ----------
   Yalnız toplam sütunlarının altında; gün sütunlarına yazılmaz. */
function genelToplam() {
  let saat = 0, destek = 0, genel = 0;
  document.querySelectorAll('#izgara tr[data-pid] td.toplam').forEach(td => {
    const v = parseFloat(td.textContent.replace(',', '.'));
    if (isNaN(v)) return;
    if (td.classList.contains('destek-hucre')) destek += v;
    else if (td.classList.contains('genel-hucre')) genel += v;
    else saat += v;
  });
  const kisiSayisi = new Set(
    [...document.querySelectorAll('#izgara tr[data-pid]')].map(tr => tr.dataset.pid)).size;
  const yaz = (id, deger) => {
    const h = document.getElementById(id);
    if (h) h.textContent = (deger % 1 === 0) ? deger : deger.toFixed(1);
  };
  const kh = document.getElementById('genel-kisi');
  if (kh) kh.textContent = `TOPLAM (${kisiSayisi} kişi)`;
  yaz('genel-saat', saat);
  yaz('genel-destek', destek);
  yaz('genel-genel', genel);
}

/* ---------- Sayfadan çıkış ----------
   Tarayıcının kendi "Çık / İptal" penceresi değiştirilemediği için çıkış
   kendi penceremizle sorulur: Kaydet ve çık · Kaydetmeden çık · İptal.
   beforeunload yalnız pencereyi kapatma / F5 için son emniyet olarak kalır. */
let cikisaIzin = false;

window.cikisOnayi = function (git) {
  if (!kirli) { cikisaIzin = true; git(); return; }
  sor({
    baslik: 'Kaydedilmemiş değişiklik var',
    mesaj: 'Puantajda kaydedilmemiş saatler var. Ne yapalım?',
    secenekler: [
      { deger: 'kaydet', ad: '💾 Kaydet ve çık', birincil: true,
        ipucu: 'Önce kaydeder, sonra sayfadan çıkar' },
      { deger: 'cik', ad: 'Kaydetmeden çık',
        ipucu: 'Girilen saatler kaybolur' },
    ],
    vazgec: 'İptal',
  }).then(cevap => {
    if (cevap === 'cik') { cikisaIzin = true; git(); return; }
    if (cevap !== 'kaydet') { durum('Sayfada kalındı'); return; }
    kaydet().then(oldu => {
      if (!oldu) return;              // kaydedilemediyse sayfadan çıkılmaz
      cikisaIzin = true;
      git();
    });
  });
};

/* Sayfadaki bağlantılar (üst/alt menü, "Kişiler sayfasına git" …) çıkış
   sayılır. Yeni sekmede açılanlar ve dosya indirmeleri sayfadan çıkarmaz. */
document.addEventListener('click', e => {
  const bag = e.target.closest('a[href]');
  if (!bag || !kirli || cikisaIzin) return;
  if (bag.target === '_blank' || bag.hasAttribute('download')) return;
  const adres = bag.getAttribute('href');
  if (!adres || adres.startsWith('#') || adres.startsWith('javascript:')) return;
  if (adres.includes('/excel')) return;          // indirme: sayfa değişmiyor
  e.preventDefault();
  window.cikisOnayi(() => { window.location.href = bag.href; });
});

/* Sınav görevleri formu da sayfadan çıkarır: puantaj saatleri kaybolmasın. */
document.addEventListener('submit', e => {
  if (!kirli || cikisaIzin) return;
  const form = e.target;
  e.preventDefault();
  window.cikisOnayi(() => form.submit());
});

window.addEventListener('beforeunload', e => {
  if (kirli && !cikisaIzin) e.preventDefault();
});

/* Ctrl+S ile kaydet: puantajda onlarca hücre doldurulurken fareye gitmemek
   akışı bozmuyor. Tarayıcının "sayfayı kaydet" penceresi engellenir. */
document.addEventListener('keydown', e => {
  if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 's') {
    e.preventDefault();
    kaydet();
  }
});

/* Açılışta: seçim durumu, genel toplam ve eksik giriş uyarısı. */
secimGuncelle();
genelToplam();
eksikleriDenetle();
</script>
{% endblock %}