{% extends "base.html" %}
{% block title %}Ayarlar{% endblock %}
{% block icerik %}
<div class="sayfa-baslik">
  <h1>Ayarlar</h1>
  <a class="kapat-btn" href="{{ url_for('anasayfa', yil=yil, ay=ay) }}">✕ Kapat</a>
</div>

{# Ayarlar uzadıkça aranan bölümü bulmak zorlaştığı için sekmelere ayrıldı;
   her sekme kendi bölümünü gösterir, adres satırındaki #ad ile açılır. #}
<nav class="sekmeler yazdirma-gizle">
  <button type="button" class="sekme secili" data-hedef="donem">📅 Dönem Değerleri</button>
  <button type="button" class="sekme" data-hedef="vergi">% Vergi</button>
  <button type="button" class="sekme" data-hedef="bordrolar">🧾 Bordrolar</button>
  <button type="button" class="sekme" data-hedef="sozlesme">📄 Sözleşme Ücretleri</button>
  <button type="button" class="sekme" data-hedef="sinav">📝 Sınav Puanları</button>
  <button type="button" class="sekme" data-hedef="tatiller">
    <img class="menu-bayrak" src="{{ url_for('static', filename='bayrak-tr.svg', v=2) }}"
         alt="" width="18" height="12"> Tatiller</button>
</nav>

<div class="panel sekme-panel" id="donem">
  <h2>{{ yil }} Yılı — Aylık Katsayı ve Asgari Ücret</h2>
  <form method="post">
    <input type="hidden" name="form" value="aylik">
    <table class="liste" style="max-width:700px">
      <tr><th>Ay</th><th>Katsayı</th><th>Asgari Ücret (brüt)</th></tr>
      {% for m in range(1,13) %}
      {% set r = aylik.get(m) %}
      <tr {% if m in (1, 7) %}class="donem-basi"{% endif %}>
        <td>{{ AYLAR[m] }}{% if m in (1, 7) %} <span class="ipucu-etiket">değişim ayı</span>{% endif %}</td>
        <td><input name="katsayi_{{ m }}" value="{{ r.katsayi if r else '' }}" style="width:130px"></td>
        <td><input name="asgari_{{ m }}" value="{{ r.asgari_ucret if r else '' }}" style="width:130px"></td>
      </tr>
      {% endfor %}
    </table>
    <p>
      <button type="submit">💾 Kaydet</button>
    </p>
    <p style="color:#7a8699">Katsayı ve asgari ücret genelde <b>Ocak</b> ve
    <b>Temmuz</b>'da değişir (bütçe kanunu). <b>Ocak'a yazdığınız değer
    Haziran'a kadar, Temmuz'a yazdığınız Aralık'a kadar kendiliğinden dolar</b> —
    arada değişen bir ay olursa o ayın kutusunu elle düzeltmeniz yeterli.</p>
  </form>
</div>

<div class="panel sekme-panel" id="vergi" hidden>
  <h2>{{ yil }} Yılı — Vergi Parametreleri</h2>
  <form method="post">
    <input type="hidden" name="form" value="vergi">
    <div class="form-satir">
      <div><label>1. dilim üst sınır (%{{ (yillik.oran1*100)|int }})</label>
        <input name="dilim1" value="{{ yillik.dilim1 }}"></div>
      <div><label>2. dilim üst sınır (%{{ (yillik.oran2*100)|int }})</label>
        <input name="dilim2" value="{{ yillik.dilim2 }}"></div>
      <div><label>Oran 1</label><input name="oran1" value="{{ yillik.oran1 }}" style="width:80px"></div>
      <div><label>Oran 2</label><input name="oran2" value="{{ yillik.oran2 }}" style="width:80px"></div>
      <div><label>Oran 3</label><input name="oran3" value="{{ yillik.oran3 }}" style="width:80px"></div>
      <div><label>Damga (binde)</label><input name="damga_binde" value="{{ yillik.damga_binde }}" style="width:80px"></div>
      <div><button type="submit">💾 Kaydet</button></div>
    </div>
    <h3 style="margin:14px 0 6px">Engellilik İndirimi — Aylık Tutarlar</h3>
    <div class="form-satir">
      <div><label>1. derece (aylık ₺)</label>
        <input name="engelli1" value="{{ yillik.engelli1 }}" style="width:120px"></div>
      <div><label>2. derece (aylık ₺)</label>
        <input name="engelli2" value="{{ yillik.engelli2 }}" style="width:120px"></div>
      <div><label>3. derece (aylık ₺)</label>
        <input name="engelli3" value="{{ yillik.engelli3 }}" style="width:120px"></div>
      <div><button type="submit">💾 Kaydet</button></div>
    </div>
    <p style="color:#7a8699">Engellilik indirimi (GVK md. 31) her yıl tebliğle
    değişir; <b>{{ yil }} yılının tutarlarını buraya yazın</b> (0 bırakılırsa indirim
    uygulanmaz). Kişinin derecesi <b>Kişiler</b> ekranındaki kartında seçilir.
    Ücretli, usta ve emeklilerde tutar o ayın ek ders vergi matrahından düşülür;
    <b>sözleşmelide ek dersten düşülmez</b> — indirim asıl maaş bordrosunda
    kullanıldığı için maaş matrahından düşülür ve vergi dilimini geciktirir.</p>
    <p style="color:#7a8699">Gelir vergisi istisnası otomatik hesaplanır: asgari ücretin
    %85'i × 1. dilim oranı kadarı <b>hesaplanan vergiden düşülür</b> (matrahtan değil).
    Damga vergisi istisnası asgari ücret kadardır (sözleşmelide istisna uygulanmaz).</p>
  </form>
</div>

<div class="panel sekme-panel" id="bordrolar" hidden>
  <h2>Bordrolar — Kurum ve İmza Bilgileri</h2>
  <p style="color:#7a8699">Ödeme birden fazla müdürlük üzerinden yapılıyorsa her
  müdürlük için ayrı bordro açın. <b>Kurum adı</b> hem menüde hem bordronun
  üstünde basılır, <b>hesap türü</b> ise hesabın nasıl yapılacağını belirler
  (ör. "Temel Eğitim" + Usta Öğretici → <i>Temel Eğitim — Usta Öğretici</i>).</p>

  <form method="post">
    <input type="hidden" name="form" value="kurum">
    {% for t in tanimlar %}
    {# her bordro kendi statü rengiyle çerçevelenir: uzun listede ayırt edilsin #}
    <div class="bordro-blok k-{{ t.statu }} {% if t.id == yeni %}yeni-kayit{% endif %}"
         id="b{{ t.id }}">
      <h3>
        <span class="tur-rozet">{{ STATULER[t.statu] }}</span>
        {{ t.kurum_adi or '(kurum adı girilmedi)' }}
        {% if not t.aktif %}<span style="color:#a33">· kullanım dışı</span>{% endif %}
        <span style="color:#7a8699;font-weight:normal">
          · {{ kisi_sayilari.get(t.id, 0) }} kişi</span>
      </h3>
      <div class="form-satir">
        <div style="min-width:340px"><label>Kurum (Müdürlük) Adı</label>
          <input name="b{{ t.id }}_kurum" value="{{ t.kurum_adi }}" style="width:100%"
                 placeholder="ör. Temel Eğitim"></div>
        <div><label>Düzenleyen</label><input name="b{{ t.id }}_dad" value="{{ t.duzenleyen_ad }}"></div>
        <div><label>Ünvanı</label><input name="b{{ t.id }}_dunvan" value="{{ t.duzenleyen_unvan }}"></div>
        <div><label>Kurum Yetkilisi</label><input name="b{{ t.id }}_yad" value="{{ t.yetkili_ad }}"></div>
        <div><label>Ünvanı</label><input name="b{{ t.id }}_yunvan" value="{{ t.yetkili_unvan }}"></div>
      </div>
    </div>
    {% endfor %}
    <p><button type="submit">💾 Kaydet</button></p>
  </form>

  <h3 style="margin-top:18px">Yeni bordro ekle</h3>
  <p style="color:#7a8699; margin:0 0 6px">Bilgilerin tamamını burada girin;
  bordro eksiksiz açılsın. Boş bıraktığınız alan olursa kaydettikten sonra
  imleç doğrudan o kutuya gelir.</p>
  <form method="post">
    <input type="hidden" name="form" value="bordro_ekle">
    <div class="form-satir">
      <div style="min-width:340px"><label>Kurum (Müdürlük) Adı *</label>
        <input name="yeni_kurum" required placeholder="ör. Temel Eğitim" style="width:100%"></div>
      <div><label>Hesap Türü *</label>
        <select name="yeni_statu">
          {% for s, adi in STATULER.items() %}<option value="{{ s }}">{{ adi }}</option>{% endfor %}
        </select></div>
      <div><label>Düzenleyen</label><input name="yeni_dad"></div>
      <div><label>Ünvanı</label><input name="yeni_dunvan"></div>
      <div><label>Kurum Yetkilisi</label><input name="yeni_yad"></div>
      <div><label>Ünvanı</label><input name="yeni_yunvan"></div>
      <div><label>&nbsp;</label><button type="submit">+ Bordro Ekle</button></div>
    </div>
  </form>

  <h3 style="margin-top:18px">Bordroyu kaldır</h3>
  <table class="liste" style="max-width:640px">
    {% for t in tanimlar %}
    <tr class="k-{{ t.statu }}">
      <td><span class="tur-rozet">{{ STATULER[t.statu] }}</span>
        {{ t.kurum_adi }}{% if not t.aktif %} <b>(kullanım dışı)</b>{% endif %}</td>
      <td class="sag">{{ kisi_sayilari.get(t.id, 0) }} kişi</td>
      <td class="sag">
        <form method="post" style="display:inline">
          <input type="hidden" name="form" value="bordro_durum">
          <input type="hidden" name="id" value="{{ t.id }}">
          <button type="submit" class="ikincil">
            {{ 'Yeniden kullan' if not t.aktif else 'Kullanımdan kaldır' }}</button>
        </form>
        {% if not kisi_sayilari.get(t.id, 0) %}
        <form method="post" style="display:inline"
              onsubmit="return confirm('Bu bordro silinsin mi?')">
          <input type="hidden" name="form" value="bordro_durum">
          <input type="hidden" name="islem" value="sil">
          <input type="hidden" name="id" value="{{ t.id }}">
          <button type="submit" class="ikincil">Sil</button>
        </form>
        {% endif %}
      </td>
    </tr>
    {% endfor %}
  </table>
  <p style="color:#7a8699">Kişisi olan bordro silinmez; "Kullanımdan kaldır"
  denince listelerden gizlenir, kayıtları durur.</p>
</div>

<div class="panel sekme-panel" id="sozlesme" hidden>
  <h2>{{ yil }} Yılı — Sözleşmeli Öğretmen Sözleşme Ücretleri</h2>
  <p style="color:#7a8699">Sözleşme ücreti <b>maaş matrahı</b> hesabında kullanılır
  (ücret × %86 × ay sayısı); ek ders tutarını doğrudan etkilemez ama <b>kümülatif
  gelir vergisi dilimini belirler</b>. Ocak ve Temmuz'da değişir; her yıl ayrı
  saklanır, geçmiş yılın bordrosu yeniden basılınca o günkü ücretle çıkar.</p>

  {% if not sozlesmeliler %}
  <p>Aktif sözleşmeli personel yok.</p>
  {% else %}
  <form method="post">
    <input type="hidden" name="form" value="sozlesme">
    <div class="form-satir" style="align-items:flex-end">
      <div><label>Hangi ücret?</label>
        <select name="hedef" id="s_hedef" onchange="sozlesmeOnizle()">
          <option value="ocak" {% if ay <= 6 %}selected{% endif %}>Ocak ücreti (yılın ilk yarısı)</option>
          <option value="temmuz" {% if ay > 6 %}selected{% endif %}>Temmuz ücreti (yılın ikinci yarısı)</option>
        </select></div>
      <div><label>Nasıl girilecek?</label>
        <select name="tur" id="s_tur" onchange="sozlesmeTur(); sozlesmeOnizle()">
          <option value="yuzde">Yüzde zam (%)</option>
          <option value="tutar">Yeni tutar (₺)</option>
        </select></div>
      <div id="s_yuzde_kutu"><label>Zam oranı (%)</label>
        <input name="yuzde" id="s_yuzde" style="width:110px" placeholder="ör. 11,5"
               oninput="sozlesmeOnizle()"></div>
      <div id="s_tutar_kutu" style="display:none"><label>Yeni ücret (₺)</label>
        <input name="tutar" id="s_tutar" style="width:140px" oninput="sozlesmeOnizle()"></div>
      <div><label>&nbsp;</label>
        <button type="submit">✓ Seçili kişilere uygula</button></div>
    </div>

    <table class="liste" style="max-width:900px">
      <tr>
        <th style="width:34px"><input type="checkbox" checked onclick="sozlesmeHepsi(this)"></th>
        <th>Adı Soyadı</th><th>Bordro</th>
        <th class="sag">Ocak ({{ yil }})</th><th class="sag">Temmuz ({{ yil }})</th>
        <th class="sag">Uygulanınca</th>
      </tr>
      {% for k in sozlesmeliler %}
      <tr>
        <td class="orta"><input type="checkbox" name="kisi_{{ k.id }}" value="1" checked
                                class="s_kisi" onchange="sozlesmeOnizle()"></td>
        <td>{{ k.ad }} {{ k.soyad }}</td>
        <td style="font-size:12px;color:#7a8699">{{ k.bordro }}</td>
        <td class="sag" data-ocak="{{ k.ucret[0] }}" data-taban="{{ k.taban_ocak }}">{{ k.ucret[0] | tl }}</td>
        <td class="sag" data-temmuz="{{ k.ucret[1] }}">{{ k.ucret[1] | tl }}</td>
        <td class="sag yeni-ucret" style="font-weight:600"></td>
      </tr>
      {% endfor %}
    </table>
    <p style="color:#7a8699">
      <b>Yüzde zam</b> herkesin kendi ücretini oranında artırır — ücreti farklı olan
      kişilerde de doğru sonuç verir (Temmuz zammı Ocak ücretinin, Ocak zammı geçen
      yılın Temmuz ücretinin üstüne biner).
      <b>Yeni tutar</b> ise seçili herkese aynı ücreti yazar; ücreti farklı olan
      kişi varsa <b>onun kutucuğunu işaretsiz bırakın</b> ve ücretini Kişiler
      sayfasından elle girin.</p>
  </form>
  {% endif %}
</div>

<div class="panel sekme-panel" id="sinav" hidden>
  <h2>{{ yil }} Yılı — Merkezî Sınav Görev Puanları</h2>
  <form method="post">
    <input type="hidden" name="form" value="sinav">
    <table class="liste" style="max-width:560px">
      <tr><th>Görev</th><th>Puan</th><th>Brüt (puan × katsayı)</th></tr>
      {% for kod, adi, varsayilan in sinav_gorevleri %}
      <tr>
        <td>{{ adi }}</td>
        <td><input name="puan_{{ kod }}" value="{{ sinav_puanlari[kod] }}" style="width:110px"></td>
        <td class="sag" style="color:#7a8699">varsayılan: {{ varsayilan }}</td>
      </tr>
      {% endfor %}
    </table>
    <p><button type="submit">💾 Kaydet</button></p>
    <p style="color:#7a8699">Merkezî sınav ücreti = puan × ay katsayısı (artırımsız).
    Puanlar mevzuatla değişirse buradan güncelleyin; girilmezse programdaki
    varsayılan puanlar kullanılır. Yalnız sözleşmeli bordrosunda uygulanır.</p>
  </form>
</div>

<div class="panel sekme-panel" id="tatiller" hidden>
  <h2>{{ yil }} Yılı — Resmî Tatiller</h2>
  <p style="color:#7a8699;max-width:900px">
    Buraya girilen günler puantajda <b>mor</b> görünür ve otomatik doldurma
    işlemleri (geçen aydan kopyala, ders programından doldur, ilk 7 günü
    haftalara dağıt) o günlere saat <b>yazmaz</b>. Elle giriş yine mümkündür —
    tatilde ders yapıldıysa yazabilirsiniz.
  </p>

  <form method="post" action="{{ url_for('tatiller', yil=yil, ay=ay) }}" class="satir-form">
    <label>Başlangıç tarihi
      <input type="date" name="tarih" required
             min="{{ yil }}-01-01" max="{{ yil }}-12-31" value="{{ yil }}-{{ '%02d' % ay }}-01">
    </label>
    <label>Kaç gün?
      <input type="number" name="gun_sayisi" value="1" min="1" max="30"
             style="width:5em" title="Bayramlar için: 3 yazarsanız ardışık üç gün eklenir">
    </label>
    <label>Açıklama
      <input type="text" name="ad" maxlength="60" placeholder="Kurban Bayramı">
    </label>
    <button type="submit">+ Tatil Ekle</button>
  </form>

  {% if tatil_kayitlari %}
  <table class="liste" style="max-width:640px;margin-top:16px">
    <tr><th>Tarih</th><th>Ay</th><th>Açıklama</th><th></th></tr>
    {% for k in tatil_kayitlari %}
    <tr>
      <td>{{ '%02d' % k.gun }}.{{ '%02d' % k.ay }}.{{ k.yil }}</td>
      <td>{{ AYLAR[k.ay] }}</td>
      <td>{{ k.ad }}</td>
      <td>
        <form method="post" action="{{ url_for('tatiller', yil=yil, ay=ay) }}"
              style="display:inline">
          <input type="hidden" name="islem" value="sil">
          <input type="hidden" name="yil" value="{{ k.yil }}">
          <input type="hidden" name="ay" value="{{ k.ay }}">
          <input type="hidden" name="gun" value="{{ k.gun }}">
          <button class="ikincil" type="submit">Sil</button>
        </form>
      </td>
    </tr>
    {% endfor %}
  </table>
  {% else %}
  <p style="margin-top:16px">{{ yil }} yılı için tatil girilmemiş.</p>
  {% endif %}
</div>
{% endblock %}

{% block script %}
<script>
// ---- sekmeler: uzun ayarlar sayfasında bölüm bölüm gezinme
function sekmeAc(hedef) {
  document.querySelectorAll('.sekme-panel').forEach(
    p => p.hidden = (p.id !== hedef));
  document.querySelectorAll('.sekme').forEach(
    d => d.classList.toggle('secili', d.dataset.hedef === hedef));
}
document.querySelectorAll('.sekme').forEach(d => {
  d.onclick = () => { sekmeAc(d.dataset.hedef); history.replaceState(null, '', '#' + d.dataset.hedef); };
});
if (location.hash) {
  const h = location.hash.slice(1);
  // #b12 gibi bordro çapaları da Bordrolar sekmesini açsın
  const panel = document.getElementById(h);
  sekmeAc(panel && panel.classList.contains('sekme-panel') ? h
          : (panel && panel.closest('.sekme-panel') ? panel.closest('.sekme-panel').id : 'donem'));
}

// ---- sözleşme ücreti: uygulanınca ne olacağını satır satır önden göster
function sozlesmeTur() {
  const yuzde = document.getElementById('s_tur').value === 'yuzde';
  document.getElementById('s_yuzde_kutu').style.display = yuzde ? '' : 'none';
  document.getElementById('s_tutar_kutu').style.display = yuzde ? 'none' : '';
}

function sozlesmeOnizle() {
  const tur = document.getElementById('s_tur');
  if (!tur) return;
  const yuzdeMu = tur.value === 'yuzde';
  const hedef = document.getElementById('s_hedef').value;
  const deger = parseFloat((yuzdeMu ? document.getElementById('s_yuzde').value
                                    : document.getElementById('s_tutar').value)
                           .replace(',', '.')) || 0;
  document.querySelectorAll('.s_kisi').forEach(kutu => {
    const tr = kutu.closest('tr');
    const hucre = tr.querySelector('.yeni-ucret');
    if (!kutu.checked || deger <= 0) { hucre.textContent = kutu.checked ? '' : '— dokunulmaz'; return; }
    const taban = yuzdeMu
      ? parseFloat(hedef === 'temmuz' ? tr.querySelector('[data-ocak]').dataset.ocak
                                      : tr.querySelector('[data-taban]').dataset.taban) || 0
      : 0;
    const yeni = yuzdeMu ? taban * (1 + deger / 100) : deger;
    hucre.textContent = yeni.toLocaleString('tr-TR',
      {minimumFractionDigits: 2, maximumFractionDigits: 2}) + ' ₺';
  });
}

function sozlesmeHepsi(kutu) {
  document.querySelectorAll('.s_kisi').forEach(k => k.checked = kutu.checked);
  sozlesmeOnizle();
}
sozlesmeTur();
sozlesmeOnizle();

// Yeni eklenen bordro listenin SONUNDA olduğu için ekranda görünmüyordu:
// satırı vurgula, ekrana getir ve ilk BOŞ kutuya imleci koy.
(function yeniKayda() {
  const yeni = document.querySelector('.bordro-blok.yeni-kayit');
  if (!yeni) return;
  yeni.scrollIntoView({block: 'center'});
  const bos = Array.from(yeni.querySelectorAll('input')).find(i => !i.value.trim());
  if (bos) bos.focus();
  setTimeout(() => yeni.classList.remove('yeni-kayit'), 5000);
})();

/* Katsayı/asgari ücret yılda iki kez değişir: Ocak'a yazılan Haziran'a kadar,
   Temmuz'a yazılan Aralık'a kadar aynıdır. Bir kutuya yazınca kendi yarıyılının
   kalan aylarını da doldurur; ELLE farklı değer yazılmış ay korunur (yalnız boş
   olan ya da eski değeri taşıyan aylar güncellenir). */
const AY_KUTU = (tur, m) => document.querySelector(`[name="${tur}_${m}"]`);

function yariyilSonu(m) { return m <= 6 ? 6 : 12; }

function yaySonrakiAylara(tur, m) {
  const kaynak = AY_KUTU(tur, m);
  const yeni = kaynak.value.trim();
  const eski = kaynak.dataset.eski || '';
  kaynak.dataset.eski = yeni;
  if (!yeni) return;
  for (let s = m + 1; s <= yariyilSonu(m); s++) {
    const kutu = AY_KUTU(tur, s);
    const mevcut = kutu.value.trim();
    if (mevcut && mevcut !== eski) break;      // elle girilmiş ay: buradan sonrası korunur
    kutu.value = yeni;
    kutu.dataset.eski = yeni;
  }
}

for (let m = 1; m <= 12; m++) {
  for (const tur of ['katsayi', 'asgari']) {
    const kutu = AY_KUTU(tur, m);
    kutu.dataset.eski = kutu.value.trim();
    kutu.addEventListener('input', () => yaySonrakiAylara(tur, m));
  }
}
</script>
{% endblock %}