Deneyim: Güvenlik Yetkinliği ve Eğitim İhtiyaç Matrisi

Güvenlik Yetkinliği ve Eğitim İhtiyaç Matrisi

Kurum personelinin mevcut bilgi ve beceri düzeylerini değerlendirerek görevleri için gerekli yetkinliklerle karşılaştıran, eksiklikleri ve eğitim ihtiyaçlarını belirleyen bir analiz ve takip aracıdır.

Formun temel hedefi, yetkinlik açıklarını tespit etmek, eğitimleri önceliklendirmek ve personel gelişimini izlemektir. Otomatik hesaplama, Excel veri aktarımı ve PDF raporlama özellikleriyle kurumsal güvenlik kapasitesinin geliştirilmesine ve veriye dayalı karar alınmasına katkı sağlar.

Bir Not defteri açarak, aşağıdaki (Mavi satırlar) html kodu içine kaydedin. Not defteri uzantısını .txt yerine ".html" olarak değiştirip kaydedin. Ör: "Güvenlik Yetkinliği ve Eğitim İhtiyaç Matrisi.html" sayfayı kapatıp tekrar açtığınızda, web browser üzerinden sayfanız açılacaktır.

Sol tarafta görünen logo için, html dosyanız nerede ise, masaüstü veya oluşturulan bir klasör. Logonuzda aynı yerde olursa forma yansır. Logo ismi "logo.jpg" olmalı. Çift tıklayarak açtığınızda, browser üzerinde form açılışı gerçekleşir. Veya alanına 5 kez peş peşe tıklayarak çalışma esnasında logo değişimi de yapılabilir.

Başlık, başlığın altındaki, başlığın sağındaki ve alttaki yazıları, not defteri içinde "Ctrl + F" tuşları ile kelime yazarak bulabilir, ilgili metinleri kendinize göre uyarlayarak kaydederek kullanabilirsiniz. Başlık alanındaki "OLGUN BAŞKANLIĞI" alanına 5 kez peş peşe tıklayarak; Departman, Müdürlük veya Başkanlığınıza ait bilgiyi manuel girebilirsiniz.

Formun boş hali;

Formun dolu hali:

PDF / Yazdır

Dışarı Aktarılan Excel Verisi:

HTML Kod:

<!doctype html>

<head>

<title>Güvenlik Yetkinliği ve Eğitim İhtiyaç Matrisi</title>

<style>

:root{--blue:#0284c7;--blue-dark:#075985;--ink:#1e293b;--muted:#64748b;--outer:#e2eaf1;--canvas:#f8fafc;--line:#cbd5e1;--panel:#fff}

*{box-sizing:border-box} [hidden]{display:none!important}

html,body{margin:0;min-height:100%;background:var(--outer)}

body{font:12.5px 'Segoe UI',Arial,sans-serif;color:var(--ink);overflow-x:hidden}

button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #bdcbd9;border-radius:5px;background:#fff;color:#24415a;font-weight:650;padding:7px 11px;min-height:32px}button:hover:not(:disabled){filter:brightness(.96)}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* Olgun UI2: tek dış çerçeve, ekranda iç kaydırma kutusu yok */

.shell{width:calc(100% - 16px);min-height:calc(100dvh - 16px);height:auto;margin:8px auto;padding:9px;display:flex;flex-direction:column;gap:8px;background:var(--canvas);border:2px solid #8498aa;border-top:6px solid var(--blue);border-radius:6px;box-shadow:0 3px 14px #24415b15;min-width:0}

.header{display:grid;grid-template-columns:66px minmax(0,1fr) minmax(160px,26%);gap:11px;align-items:center;min-height:79px;padding:7px 11px;border:1px solid var(--line);border-radius:5px;background:#fff;min-width:0}

.logo{width:64px;height:64px;object-fit:contain;border:1px solid #d5e2ee;border-radius:5px;background:white;padding:3px;cursor:pointer}.heading{min-width:0}.heading h1{font-size:clamp(15px,1.55vw,20px);line-height:1.25;margin:0 0 4px;color:#143e5a;overflow-wrap:anywhere;word-break:normal}.heading p{font-size:11px;margin:0;color:var(--muted);overflow-wrap:anywhere}.brand{justify-self:end;min-width:0;max-width:100%;text-align:right;color:var(--blue-dark);font-size:clamp(11px,1.16vw,16px);font-weight:800;overflow-wrap:anywhere;line-height:1.3;cursor:pointer}.editable{user-select:none}.editable:hover{background:#f0f9ff}

.action-wrap{display:flex;justify-content:flex-start}.actions-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:5px;border:1px solid #b7c6d5;background:#fff;border-radius:5px}.import{background:#dbeeff;border-color:#92c8ed}.export{background:#def7e5;border-color:#a2dcb2}.print{background:#e5e7eb;border-color:#cbd5e1}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.subtle{background:#f8fafc}.danger{color:#a91b1b}

.panel{background:#fff;border:1px solid var(--line);border-radius:5px;min-width:0;overflow:visible}.panel-title{background:#f1f5f9;color:var(--blue-dark);margin:0;padding:7px 10px;border-bottom:1px solid #d7e0e9;font-size:13px;font-weight:750}

.entry-grid{padding:9px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.field{min-width:0}.field.w2{grid-column:span 2}.field.w3{grid-column:span 3}label{font-weight:650;font-size:11px;color:#475569;display:block;margin-bottom:4px;overflow-wrap:anywhere}

input,select,textarea{display:block;width:100%;min-height:32px;min-width:0;padding:6px 7px;background:#fff;border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:12px;line-height:1.35}input,select{height:33px}textarea{height:33px;min-height:33px;resize:none;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap}.save-field{display:flex;align-items:end;gap:6px}.save-field button{width:100%;white-space:normal}.hintbar{padding:7px 10px;display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;border-top:1px solid #e2e8f0;background:#fafdff;color:#526478;font-size:11px}.indicator{font-weight:750;color:var(--blue-dark)}.indicator.urgent{color:#b91c1c}.helper{color:var(--muted);overflow-wrap:anywhere}.hidden{display:none!important}

.list-panel{flex:1;display:flex;flex-direction:column;min-height:105px}.table-top{display:flex;flex-wrap:wrap;gap:7px;align-items:center;justify-content:space-between;padding:7px 10px;background:#f1f5f9;border-bottom:1px solid #d7e0e9}.table-top h2{margin:0;font-size:13px;color:var(--blue-dark)}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters select{width:136px;max-width:100%}.filters input{width:255px;max-width:100%}.stats{display:flex;gap:15px;flex-wrap:wrap;background:#fff;border-bottom:1px solid #e2e8f0;padding:7px 10px;color:#526478;font-size:11px}.stats strong{color:var(--blue-dark);font-size:12px}

.grid-scroll{width:100%;overflow:visible;min-width:0;min-height:80px}table{border-collapse:collapse;width:100%;font-size:11.5px;text-align:left;table-layout:fixed}th,td{padding:7px 6px;border-bottom:1px solid #e2e8f0;vertical-align:top;overflow-wrap:anywhere;word-break:normal;white-space:normal}th{background:#f8fafc;color:#475569;font-size:11px;line-height:1.25}tbody tr:nth-child(even){background:#fbfdff}.r-main{font-weight:650;color:#1f344a;overflow-wrap:anywhere}.r-sub{font-size:10.5px;color:#64748b;line-height:1.35;margin-top:3px;overflow-wrap:anywhere}.r-notes{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.35}.nowrap{white-space:normal}.empty{text-align:center;padding:24px 7px;color:var(--muted)}.pill{display:inline-block;padding:3px 6px;border-radius:11px;font-size:10px;line-height:1.25;font-weight:750;white-space:normal;background:#edf2f7;color:#475569}.pill.p1{background:#fee2e2;color:#991b1b}.pill.p2{background:#ffedd5;color:#9a3412}.pill.p3{background:#fef9c3;color:#854d0e}.pill.p4{background:#dcfce7;color:#166534}.pill.late{background:#fee2e2;color:#991b1b}.small-btn{font-size:10.5px;padding:4px 6px;min-height:26px;margin:1px 2px 2px 0}

.footer{margin-top:auto;display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap;min-height:34px;padding:6px 3px 0;border-top:1px solid var(--line);color:#64748b;font-size:11px}.pagination{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--blue-dark);font-size:12px;font-weight:750;white-space:nowrap}.pagination button{min-height:27px;padding:3px 9px}

/* Yazdırma: yalnızca ilk sayfada tek kurumsal başlık; her sayfada sağ-alt sayfa numarası */

.print-root{position:absolute;left:-200vw;top:0;visibility:hidden;width:280mm;pointer-events:none}

.print-sheet{position:relative;width:280mm;height:185mm;display:flex;flex-direction:column;background:#fff;color:#1e293b;font:10.4px 'Segoe UI',Arial,sans-serif;overflow:visible;break-inside:avoid;page-break-inside:avoid;padding:0 0 13mm}

.print-head{display:grid;grid-template-columns:45px minmax(0,1fr) minmax(105px,28%);align-items:center;gap:9px;min-height:53px;flex-shrink:0;background:#edf5fc;border:1px solid #c5d8e8;padding:5px 8px}.print-head img{width:40px;height:40px;object-fit:contain}.print-head strong{font-size:15px;overflow-wrap:anywhere;line-height:1.25;color:#143e5a}.print-head .pbrand{font-weight:750;text-align:right;overflow-wrap:anywhere;color:var(--blue-dark)}

.print-info{padding:7px 1px;color:#475569;flex-shrink:0;font-size:10px}.print-items{display:flex;flex-direction:column;gap:8px;min-height:0;flex:0 0 auto}

.print-card{flex:0 0 auto;border:1px solid #bdcddc;border-radius:3px;break-inside:avoid;page-break-inside:avoid;overflow:visible}

.print-card-head{background:#f1f5f9;color:#075985;padding:5px 8px;font-size:11px;font-weight:750;border-bottom:1px solid #cfdeea;overflow-wrap:anywhere}

.print-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}

.print-field{min-width:0;padding:6px 7px;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.3}

.print-field:nth-child(4n){border-right:0}.print-field .k{display:block;color:#64748b;font-size:9px;font-weight:650;margin-bottom:2px}.print-field .v{display:block;font-size:10.5px;font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere;min-height:13px}

.print-field.span2{grid-column:span 2}.print-field.span4{grid-column:span 4}

.print-footnote{margin-top:4px;font-size:9px;color:#64748b;overflow-wrap:anywhere}

.print-footer{position:absolute;bottom:0;right:0;left:0;height:10mm;border-top:1px solid var(--line);padding:6px 2px 0;text-align:right;font-size:11px;font-weight:750;background:#fff;color:#075985}

@media(max-width:1250px){.entry-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.field.w3{grid-column:span 2}}

@media(max-width:760px){.header{grid-template-columns:58px minmax(0,1fr);gap:6px 10px}.logo{width:56px;height:56px;grid-row:span 2}.heading h1{font-size:16px}.brand{grid-column:2;text-align:left;justify-self:start}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field.w3{grid-column:span 2}.actions-bar{width:100%}.actions-bar button{flex:1}.filters{width:100%}.filters select{flex:1}.filters input{flex:2;min-width:120px}

.record-table thead{display:none}.record-table,.record-table tbody{display:block}.record-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid #cbd5e1;padding:7px;gap:3px}.record-table td{display:block;min-width:0;border:0;padding:4px 5px}.record-table td::before{content:attr(data-label);display:block;font-size:10px;color:#64748b;font-weight:650;margin-bottom:3px}.record-table td:nth-child(5),.record-table td:nth-child(7){grid-column:span 2}.record-table td.empty{grid-column:span 2}.footer{gap:5px}}

@media(max-width:465px){.shell{margin:0;width:100%;border-radius:0;min-height:100dvh;padding:6px}.header{padding:7px}.entry-grid{gap:7px}.field.w2,.field.w3{grid-column:span 2}.footer{flex-direction:column;align-items:stretch}.pagination{align-self:flex-end}}

/* Olgun UI2 — tek görünüm, büyük ve satıra taşabilen metinler */

body{font-size:14px;line-height:1.44}

button{font-size:13.5px;min-height:39px;padding:8px 11px}

.shell{padding:11px;gap:10px}

.header{padding:10px 13px;min-height:91px}

.heading h1{font-size:clamp(19px,1.72vw,25px)}

.heading p{font-size:13px}

.brand{font-size:clamp(13px,1.28vw,18px)}

.actions-bar{padding:7px;gap:8px}

.panel-title{font-size:16px;padding:9px 11px}

.entry-grid{gap:11px;padding:11px}

label{font-size:14px;margin-bottom:5px}

input,select,textarea{font-size:14.5px;line-height:1.42;min-height:40px;padding:8px 9px}

input,select{height:40px}

textarea{height:auto;min-height:42px;max-height:none;overflow:hidden;resize:none}

.save-field button{min-height:43px}

.hintbar{font-size:13px;padding:9px 11px}

.table-top{padding:9px 11px}

.table-top h2{font-size:16px}

.stats{font-size:13px;padding:9px 11px}

.stats strong{font-size:14px}

.grid-scroll{overflow:visible!important}

.record-table{font-size:14.5px;line-height:1.48}

.record-table th,.record-table td{padding:10px 8px;overflow-wrap:anywhere;word-break:normal;white-space:normal;height:auto}

.record-table th{font-size:13.5px;line-height:1.35}

.r-sub{font-size:12.5px;line-height:1.4}

.r-notes{line-height:1.5}

.pill{font-size:12px;padding:4px 7px}

.small-btn{font-size:12px;min-height:32px;padding:6px 7px}

.empty{font-size:14px;padding:24px 8px}

.footer{font-size:13px;min-height:42px;padding:8px 4px 0}

.pagination{font-size:14px;margin-left:auto;text-align:right;justify-content:flex-end}

/* Uzun tablolar orta ekranlarda tek görünümde kartlara dönüşür. */

@media (min-width:761px) and (max-width:1299px){

.record-table thead{display:none}

.record-table,.record-table tbody{display:block}

.record-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #cbd5e1;padding:9px;gap:5px}

.record-table td{display:block;border-bottom:0;padding:7px;min-width:0}

.record-table td::before{content:attr(data-label);display:block;font-size:12px;color:#64748b;font-weight:700;margin-bottom:4px}

.record-table td:nth-child(5),.record-table td:nth-child(7){grid-column:span 2}

.record-table td.empty{grid-column:span 3}

}

@media (max-width:760px){

.heading h1{font-size:19px}

.header{min-height:0}

.record-table td::before{font-size:12px}

.record-table td{padding:7px}

.filters input{min-width:135px}

}

@media (max-width:465px){

.shell{padding:7px}

.header{padding:9px}

.footer{align-items:stretch}

.pagination{align-self:flex-end}

}

/* Baskı: daha okunaklı; her alan kendi boyuna göre genişler, numara sağ altta. */

.print-sheet{font-size:11.4px}

.print-head strong{font-size:16px}

.print-info{font-size:11px}

.print-card-head{font-size:12px}

.print-field{padding:6px 8px;line-height:1.37}

.print-field .k{font-size:10px}

.print-field .v{font-size:11.25px;line-height:1.4;min-height:15px}

.print-footer{font-size:12px}

@page{size:A4 landscape;margin:8mm}

@media print{html,body{background:#fff!important;margin:0!important;padding:0!important;overflow:visible!important}.shell{display:none!important}.print-root{position:static!important;left:auto!important;top:auto!important;visibility:visible!important;pointer-events:auto!important;width:280mm!important}.print-sheet{margin:0!important;width:280mm!important;height:185mm!important}.print-sheet:not(:last-child){break-after:page;page-break-after:always}.print-sheet:last-child{break-after:auto!important;page-break-after:auto!important}.print-head,.print-card-head{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

</style>

</head>

<body>

<div class="heading"><h1 id="mainTitle" class="editable" role="button" tabindex="0" title="Başlığı değiştirmek için art arda 5 kez tıklayın">Güvenlik Yetkinliği ve Eğitim İhtiyaç Matrisi</h1><p>Yetkinlik değerlendirmesi · Eğitim ihtiyacı · Gelişim takibi</p></div>

<div id="brand" class="brand editable" role="button" tabindex="0" title="Kurum adını değiştirmek için art arda 5 kez tıklayın">OLGUN BAŞKANLIĞI</div>

</header>

<button type="button" class="import" id="importBtn">↓ Excel İçeri Aktar</button><button type="button" class="export" id="exportBtn">↑ Excel Dışarı Aktar</button><button type="button" class="print" id="printBtn">▣ PDF / Yazdır</button>

</div></div>

<section class="panel"><h2 class="panel-title">Yetkinlik Değerlendirme ve Eğitim Kaydı</h2>

<div class="field"><label for="evalDate">Değerlendirme Tarihi *</label><input id="evalDate" type="date" required></div>

<div class="field w2"><label for="person">Personel / Pozisyon *</label><textarea id="person" required maxlength="90" placeholder="Ad soyad veya görev rolü" rows="1"></textarea></div>

<div class="field"><label for="unit">Birim *</label><textarea id="unit" required maxlength="70" placeholder="Örn. Bilgi İşlem" rows="1"></textarea></div>

<div class="field"><label for="skill">Yetkinlik Alanı *</label><select id="skill" required><option value="">Seçiniz</option><option>SOC / Güvenlik İzleme</option><option>Siber Olay Müdahalesi</option><option>Zafiyet Yönetimi</option><option>Ağ / Sistem Güvenliği</option><option>Uygulama Güvenliği</option><option>Bulut Güvenliği</option><option>Risk ve Uyum</option><option>Veri Güvenliği</option><option>Kimlik ve Erişim Yönetimi</option><option>Tehdit İstihbaratı</option><option>Dijital Adli Bilişim</option><option>İş Sürekliliği / Kurtarma</option><option>Güvenlik Farkındalığı</option><option value="_other">Diğer (belirtiniz)</option></select></div>

<div class="field hidden" id="skillOtherWrap"><label for="skillOther">Diğer Yetkinlik *</label><input id="skillOther" maxlength="70" placeholder="Yetkinlik alanını yazın"></div>

<div class="field"><label for="method">Değerlendirme Yöntemi *</label><select id="method" required><option value="">Seçiniz</option><option>Yönetici Değerlendirmesi</option><option>Uygulamalı Sınav</option><option>Bilgi Sınavı</option><option>Kanıt / İş Çıktısı</option><option>Öz Değerlendirme</option></select></div>

<div class="field"><label for="current">Mevcut Seviye (0–5) *</label><select id="current" required><option value="">Seçiniz</option><option value="0">0 · Yok</option><option value="1">1 · Farkındalık</option><option value="2">2 · Temel</option><option value="3">3 · Uygulayıcı</option><option value="4">4 · İleri</option><option value="5">5 · Uzman</option></select></div>

<div class="field"><label for="target">Hedef Seviye (0–5) *</label><select id="target" required><option value="">Seçiniz</option><option value="0">0 · Gerekli değil</option><option value="1">1 · Farkındalık</option><option value="2">2 · Temel</option><option value="3">3 · Uygulayıcı</option><option value="4">4 · İleri</option><option value="5">5 · Uzman</option></select></div>

<div class="field"><label for="critical">Görev Kritikliği *</label><select id="critical" required><option value="">Seçiniz</option><option value="1">Düşük</option><option value="2">Orta</option><option value="3">Yüksek</option><option value="4">Kritik</option></select></div>

<div class="field w2"><label for="training">Eğitim / Gelişim Aksiyonu</label><textarea id="training" maxlength="150" placeholder="Örn. SIEM laboratuvarı / Mentorluk" rows="1"></textarea></div>

<div class="field"><label for="date">Hedef Tamamlanma</label><input id="date" type="date"></div>

<div class="field"><label for="status">Aksiyon Durumu</label><select id="status" required><option value="">Seçiniz</option><option>Planlandı</option><option>Devam Ediyor</option><option>Tamamlandı</option><option>İptal</option></select></div>

<div class="field w2"><label for="notes">Kanıt / Değerlendirme Notu</label><textarea id="notes" maxlength="180" placeholder="Örn. Tatbikat sonucu / Değerlendirme özeti" rows="1"></textarea></div>

<div class="field save-field"><button type="submit" class="primary" id="saveBtn">+ Kaydı Ekle</button><button type="button" class="subtle hidden" id="cancelBtn">Vazgeç</button></div>

</form>

<div class="hintbar"><span><strong id="liveResult" class="indicator">Seviyeleri seçerek açığı hesaplayın.</strong> <span id="liveHelp" class="helper">0–5 ölçekte ölçüm yöntemini kayıtla birlikte saklayın.</span></span><span class="helper">* Zorunlu alanlar</span></div>

</section>

<section class="panel list-panel"><div class="table-top"><h2>Yetkinlik ve Eğitim Takip Listesi — Tüm Kayıtlar</h2><div class="filters"><select id="filter" aria-label="Kayıt filtresi"><option value="all">Tüm Kayıtlar</option><option value="needs">Eğitim İhtiyacı</option><option value="urgent">Yüksek / Kritik</option><option value="late">Gecikenler</option><option value="done">Tamamlananlar</option></select><input id="search" type="search" placeholder="Personel, birim, yetkinlik veya eğitim ara..." aria-label="Kayıt ara"></div></div>

<div class="stats"><span>Toplam: <strong id="total">0</strong></span><span>Açık yetkinlik: <strong id="needs">0</strong></span><span>Yüksek / Kritik: <strong id="high">0</strong></span><span>Geciken: <strong id="late">0</strong></span><span>Tamamlanan: <strong id="done">0</strong></span></div>

<div class="grid-scroll"><table class="record-table"><colgroup><col style="width:4%"><col style="width:15%"><col style="width:17%"><col style="width:11%"><col style="width:21%"><col style="width:11%"><col style="width:14%"><col style="width:7%"></colgroup><thead><tr><th>No</th><th>Kayıt / Personel / Birim</th><th>Yetkinlik / Ölçüm</th><th>Seviye / Öncelik</th><th>Eğitim / Gelişim Aksiyonu</th><th>Tarih / Durum</th><th>Kanıt / Değerlendirme Notu</th><th>İşlem</th></tr></thead><tbody id="rows"><tr><td colspan="8" class="empty">Henüz kayıt bulunmuyor.</td></tr></tbody></table></div>

</section>

<footer class="footer"><span id="summary">0 kayıt · Açılışta boş başlar; kaydetmek için Excel dışarı aktarın.</span></footer>

</main>

/* Çevrimdışı XLSX ZIP kitaplığı: JSZip 3.x, uygulama içine gömülüdür. */

/*!

JSZip v3.10.1 - A JavaScript class for generating and reading zip files

<http://stuartk.com/jszip>

Dual licenced under the MIT license or GPLv3. See https://raw.github.com/Stuk/jszip/main/LICENSE.markdown.

JSZip uses the library pako released under the MIT license :

https://github.com/nodeca/pako/blob/main/LICENSE

</script>

'use strict';

const $=id=>document.getElementById(id), LIMIT=25000;

let records=[],editing=null,nextCounter=1;

const today=()=>{const d=new Date(),p=n=>String(n).padStart(2,'0');return `${d.getFullYear()}-${p(d.getMonth()+1)}-${p(d.getDate())}`;};

const clean=s=>String(s??'').trim(), trunc=(s,n)=>clean(s).slice(0,n);

const esc=s=>String(s??'').replace(/[&<>"']/g,c=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]));

const XML=s=>String(s??'').replace(/[\u0000-\u0008\u000B\u000C\u000E-\u001F]/g,'').replace(/[&<>"']/g,c=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]));

const positiveInt=(v,min,max)=>Number.isInteger(Number(v))&&String(v??'').trim()!==''&&Number(v)>=min&&Number(v)<=max;

function gap(r){return Math.max(0,r.target-r.current);}

function priority(r){let g=gap(r),p=g*r.critical;return !g?'Açık Yok':p>=12?'P1 · Kritik':p>=7?'P2 · Yüksek':p>=3?'P3 · Orta':'P4 · Düşük';}

function pc(r){return priority(r).slice(0,2).toLowerCase();}

function late(r){return gap(r)>0&&!['Tamamlandı','İptal'].includes(r.status)&&!!r.date&&r.date<today();}

function active(r){return gap(r)>0&&!['Tamamlandı','İptal'].includes(r.status);}

function noCollision(){let id;do{id='GY-'+new Date().getFullYear()+'-'+String(nextCounter++).padStart(4,'0');}while(records.some(r=>r.id===id));return id;}

function normalize(x,strict=true){if(!x||typeof x!=='object')return null;let r={id:trunc(x.id,48),evalDate:clean(x.evalDate)||today(),person:trunc(x.person,90),unit:trunc(x.unit,70),skill:trunc(x.skill,70),method:trunc(x.method,40)||'Yönetici Değerlendirmesi',current:Number(x.current),target:Number(x.target),critical:Number(x.critical),training:trunc(x.training,150),date:clean(x.date),status:trunc(x.status,25)||'Planlandı',notes:trunc(x.notes,180)};

if(!r.person||!r.unit||!r.skill||!positiveInt(x.current,0,5)||!positiveInt(x.target,0,5)||!positiveInt(x.critical,1,4))return null;

if(!/^\d{4}-\d{2}-\d{2}$/.test(r.evalDate))return null;

if(r.date&&!/^\d{4}-\d{2}-\d{2}$/.test(r.date))return null;

if(!['Planlandı','Devam Ediyor','Tamamlandı','İptal'].includes(r.status))r.status='Planlandı';

if(strict&&gap(r)>0&&!r.training)return null;

return r;

}

/* Değerlendirme kayıtları bilinçli olarak kalıcı depolamaya yazılmaz.

Her açılış yeni/boş bir çalışma oturumudur; kalıcı kayıt için XLSX dışa aktarın. */

function persist(){return true;}

function filtered(){let q=$('search').value.trim().toLocaleLowerCase('tr-TR'),v=$('filter').value;return records.filter(r=>(v==='all'||v==='needs'&&active(r)||v==='urgent'&&active(r)&&['p1','p2'].includes(pc(r))||v==='late'&&late(r)||v==='done'&&r.status==='Tamamlandı')&&[r.id,r.person,r.unit,r.skill,r.training,r.status,r.method,r.notes].some(s=>String(s).toLocaleLowerCase('tr-TR').includes(q)));}

function fmt(d){return d&&/^\d{4}-\d{2}-\d{2}$/.test(d)?d.slice(8)+'.'+d.slice(5,7)+'.'+d.slice(0,4):'—';}

function render(){const v=filtered();

$('total').textContent=records.length;$('needs').textContent=records.filter(active).length;$('high').textContent=records.filter(r=>active(r)&&['p1','p2'].includes(pc(r))).length;$('late').textContent=records.filter(late).length;$('done').textContent=records.filter(r=>r.status==='Tamamlandı').length;

$('rows').innerHTML=v.map((r,i)=>`<tr>

<td data-label="Kayıt / Personel / Birim"><div class="r-main">${esc(r.person)}</div><div class="r-sub">${esc(r.unit)}</div><div class="r-sub">${esc(r.id)} · ${fmt(r.evalDate)}</div></td>

<td data-label="Yetkinlik / Ölçüm"><div class="r-main">${esc(r.skill)}</div><div class="r-sub">Ölçüm: ${esc(r.method)}</div></td>

<td data-label="Seviye / Öncelik"><div class="r-main">${r.current} → ${r.target} · Açık: ${gap(r)}</div><div class="r-sub">Kritiklik: ${['','Düşük','Orta','Yüksek','Kritik'][r.critical]||'—'}</div><div style="margin-top:5px"><span class="pill ${pc(r)}">${esc(priority(r))}</span></div></td>

<td data-label="Eğitim / Gelişim Aksiyonu">${esc(r.training||'Eğitim ihtiyacı yok')}</td>

<td data-label="Tarih / Durum"><div class="r-main">${fmt(r.date)}</div><div class="r-sub">${late(r)?'<span class="pill late">Gecikti</span>':esc(r.status)}</div></td>

<td data-label="Kanıt / Değerlendirme Notu"><div class="r-notes">${esc(r.notes||'—')}</div></td>

<td data-label="İşlem"><button type="button" class="small-btn" data-edit="${esc(r.id)}">Düzenle</button><button type="button" class="small-btn danger" data-del="${esc(r.id)}">Sil</button></td></tr>`).join('')||(records.length?'<tr><td colspan="8" class="empty">Filtreye uygun kayıt bulunamadı.</td></tr>':'<tr><td colspan="8" class="empty">Henüz kayıt bulunmuyor.</td></tr>');

$('summary').textContent=v.length?`${v.length} kayıt aynı ekranda görüntüleniyor · Kalıcı saklama için Excel’e aktarın.`:'0 kayıt · Açılışta boş başlar; verileri saklamak için Excel’e aktarın.';

}

function syncOther(){let yes=$('skill').value==='_other';$('skillOtherWrap').classList.toggle('hidden',!yes);$('skillOther').required=yes;}

$('skill').addEventListener('change',syncOther);

function preview(){let a=$('current').value,b=$('target').value;

if(a===''||b===''||$('critical').value===''){$('liveResult').textContent='Seviyeleri ve görev kritikliğini seçin.';$('liveResult').classList.remove('urgent');$('liveHelp').textContent='0–5 ölçeğinde gerçek ölçüme dayalı değerlendirme yapın.';return;}

['current','target','critical'].forEach(id=>$(id).addEventListener('change',preview));

function resetForm(){$('entryForm').reset();$('evalDate').value='';editing=null;$('saveBtn').textContent='+ Kaydı Ekle';$('cancelBtn').classList.add('hidden');$('skillOtherWrap').classList.add('hidden');$('skillOther').required=false;preview();}

function growTextareas(){document.querySelectorAll('#entryForm textarea').forEach(a=>{a.style.height='42px';a.style.height=Math.max(42,a.scrollHeight+3)+'px';});}

document.querySelectorAll('#entryForm textarea').forEach(a=>a.addEventListener('input',growTextareas));

window.addEventListener('resize',growTextareas);

$('entryForm').addEventListener('reset',()=>requestAnimationFrame(growTextareas));

$('cancelBtn').onclick=resetForm;

$('entryForm').addEventListener('submit',e=>{e.preventDefault();if(!$('entryForm').reportValidity())return;

const skill=$('skill').value==='_other'?clean($('skillOther').value):$('skill').value;

const r=normalize({id:editing||noCollision(),evalDate:$('evalDate').value,person:$('person').value,unit:$('unit').value,skill,method:$('method').value,current:$('current').value,target:$('target').value,critical:$('critical').value,training:$('training').value,date:$('date').value,status:$('status').value,notes:$('notes').value},false);

if(!r){alert('Zorunlu alanları ve seviye değerlerini kontrol edin.');return;}

if(gap(r)>0&&!r.training){$('training').setCustomValidity('Yetkinlik açığı için eğitim veya gelişim aksiyonu yazın.');$('training').reportValidity();$('training').setCustomValidity('');return;}

if(gap(r)>0&&r.status==='Tamamlandı'&&r.current<r.target&&!confirm('Aksiyon tamamlandı, ancak yetkinlik açığı hâlâ görünüyor. Değerlendirme seviyesini güncellemeden kaydedilsin mi?'))return;

if(editing)records=records.map(a=>a.id===editing?r:a);else{if(records.length>=LIMIT){alert('Kayıt sınırına ulaşıldı. Önce Excel ile yedekleyin.');return;}records.push(r);}

persist();resetForm();render();});

$('rows').addEventListener('click',e=>{const b=e.target.closest('button');if(!b)return;let id=b.dataset.edit||b.dataset.del,r=records.find(x=>x.id===id);if(!r)return;

if(b.dataset.del){if(!confirm(`${r.id} numaralı kayıt silinsin mi?`))return;records=records.filter(x=>x.id!==id);if(editing===id)resetForm();persist();render();return;}

editing=r.id;['evalDate','person','unit','method','current','target','critical','training','date','status','notes'].forEach(k=>$(k).value=r[k]|| (['current','target','critical'].includes(k)?r[k]:''));

if([...$('skill').options].some(o=>o.value===r.skill)){$('skill').value=r.skill;$('skillOther').value='';}else{$('skill').value='_other';$('skillOther').value=r.skill;}syncOther();preview();growTextareas();$('saveBtn').textContent='✓ Kaydı Güncelle';$('cancelBtn').classList.remove('hidden');$('person').focus();window.scrollTo({top:0,behavior:'smooth'});});

$('filter').onchange=$('search').oninput=()=>{render();};

function download(blob,name){const a=document.createElement('a'),url=URL.createObjectURL(blob);a.href=url;a.download=name;document.body.append(a);a.click();a.remove();setTimeout(()=>URL.revokeObjectURL(url),30000);}

const headers=['Kayıt No','Değerlendirme Tarihi','Personel / Pozisyon','Birim','Yetkinlik Alanı','Değerlendirme Yöntemi','Mevcut Seviye','Hedef Seviye','Görev Kritikliği','Yetkinlik Açığı','Öncelik','Eğitim / Gelişim Aksiyonu','Hedef Tamamlanma','Aksiyon Durumu','Kanıt / Değerlendirme Notu'];

function exportRow(r){return [r.id,r.evalDate,r.person,r.unit,r.skill,r.method,r.current,r.target,r.critical,gap(r),priority(r),r.training,r.date,r.status,r.notes];}

function excelCol(n){let s='';for(n++;n;n=Math.floor((n-1)/26))s=String.fromCharCode(65+(n-1)%26)+s;return s;}

return `<?xml version="1.0" encoding="UTF-8" standalone="yes"?><worksheet xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main"><dimension ref="A1:${excelCol(data[0].length-1)}${data.length}"/><sheetViews><sheetView workbookViewId="0"/></sheetViews><sheetFormatPr defaultRowHeight="17"/><cols>${widths.map((w,i)=>`<col min="${i+1}" max="${i+1}" width="${w}" customWidth="1"/>`).join('')}</cols><sheetData>${cells}</sheetData><autoFilter ref="A1:${excelCol(data[0].length-1)}${data.length}"/></worksheet>`;}

async function exportXlsx(){try{

let zip=new JSZip();zip.file('[Content_Types].xml',`<?xml version="1.0" encoding="UTF-8"?><Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types"><Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml"/><Default Extension="xml" ContentType="application/xml"/><Override PartName="/xl/workbook.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml"/><Override PartName="/xl/worksheets/sheet1.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml"/><Override PartName="/xl/worksheets/sheet2.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml"/><Override PartName="/xl/styles.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.styles+xml"/></Types>`);

zip.file('_rels/.rels',`<?xml version="1.0" encoding="UTF-8"?><Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument" Target="xl/workbook.xml"/></Relationships>`);

zip.file('xl/workbook.xml',`<?xml version="1.0" encoding="UTF-8"?><workbook xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships"><sheets><sheet name="Yetkinlik Kayitlari" sheetId="1" r:id="rId1"/><sheet name="Aciklama" sheetId="2" r:id="rId2"/></sheets></workbook>`);

zip.file('xl/_rels/workbook.xml.rels',`<?xml version="1.0" encoding="UTF-8"?><Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet" Target="worksheets/sheet1.xml"/><Relationship Id="rId2" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet" Target="worksheets/sheet2.xml"/><Relationship Id="rId3" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles" Target="styles.xml"/></Relationships>`);

zip.file('xl/styles.xml',`<?xml version="1.0" encoding="UTF-8"?><styleSheet xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main"><fonts count="2"><font><sz val="11"/><name val="Calibri"/></font><font><b/><sz val="11"/><color rgb="FF075985"/><name val="Calibri"/></font></fonts><fills count="3"><fill><patternFill patternType="none"/></fill><fill><patternFill patternType="gray125"/></fill><fill><patternFill patternType="solid"><fgColor rgb="FFE0F2FE"/><bgColor indexed="64"/></patternFill></fill></fills><borders count="1"><border><left/><right/><top/><bottom/><diagonal/></border></borders><cellStyleXfs count="1"><xf numFmtId="0" fontId="0" fillId="0" borderId="0"/></cellStyleXfs><cellXfs count="2"><xf numFmtId="0" fontId="0" fillId="0" borderId="0" xfId="0"/><xf numFmtId="0" fontId="1" fillId="2" borderId="0" xfId="0" applyFont="1" applyFill="1"/></cellXfs></styleSheet>`);

zip.file('xl/worksheets/sheet1.xml',sheetXml([headers,...records.map(exportRow)],[20,19,28,23,29,27,16,14,18,16,17,36,20,20,42]));

zip.file('xl/worksheets/sheet2.xml',sheetXml([['ALAN','KULLANIM AÇIKLAMASI'],['Amaç','Personel veya pozisyon bazlı yetkinlik açığı, aksiyon ve eğitim takibi'],['Yapı','Her satır ayrı bir yetkinlik değerlendirmesidir.'],['Seviye 0','Bilgi / deneyim yok'],['Seviye 1','Farkındalık'],['Seviye 2','Temel'],['Seviye 3','Bağımsız uygulayıcı'],['Seviye 4','İleri'],['Seviye 5','Uzman, rehberlik edebilir'],['Yetkinlik açığı','MAKS(0; Hedef Seviye − Mevcut Seviye)'],['Öncelik','Açık x görev kritikliği: 12+ P1, 7–11 P2, 3–6 P3, 1–2 P4; açık yoksa Açık Yok'],['İçeri aktarma','Yetkinlik Kayitlari sayfasını düzenleyin, .xlsx olarak kaydedin, Excel İçeri Aktar ile yükleyin.'],['Veri güvenliği','Dosya şifreli değildir. Kişisel verilere uygun saklama ve paylaşma kontrollerini uygulayın.'],['Uyarı','Aksiyon tamamlandı, yetkinlik seviyesi yeniden değerlendirilmediyse açık kapanmış sayılmaz.']],[28,110]));

let out=await zip.generateAsync({type:'blob',compression:'DEFLATE',compressionOptions:{level:6}});download(out,'Guvenlik_Yetkinligi_Egitim_Ihtiyac_Matrisi.xlsx');

}catch(e){alert('Excel dışarı aktarma başarısız: '+e.message);}}

$('exportBtn').onclick=exportXlsx;

function parseSheetXml(xml,shared){const doc=new DOMParser().parseFromString(xml,'application/xml');if(doc.getElementsByTagName('parsererror').length)throw Error('Çalışma sayfası XML yapısı bozuk.');const rowNodes=doc.getElementsByTagNameNS('*','row'),lines=[];

for(const row of rowNodes){let out=[],cells=row.getElementsByTagNameNS('*','c');for(const c of cells){let ref=c.getAttribute('r')||'',m=ref.match(/^([A-Z]+)/),index=0;if(!m)continue;for(let ch of m[1])index=index*26+ch.charCodeAt(0)-64;index--;if(index>100)continue;

const kind=c.getAttribute('t'),v=c.getElementsByTagNameNS('*','v')[0],is=c.getElementsByTagNameNS('*','is')[0];let value=kind==='s'?shared[Number(v?.textContent||0)]??'':kind==='inlineStr'?is?.textContent||'':v?.textContent||'';out[index]=value;}

if(out.some(a=>a!==undefined&&String(a).trim()))lines.push(out.map(x=>x===undefined?'':String(x)));if(lines.length>LIMIT+10)throw Error('Dosyada çok fazla satır var.');}

return lines;}

function serialDate(v){let n=Number(v);if(!Number.isFinite(n)||n<36526||n>100000)return v;let dt=new Date(Math.round((n-25569)*86400*1000));return dt.toISOString().slice(0,10);}

async function importXlsx(file){if(file.size>5*1024*1024)throw Error('Dosya en fazla 5 MB olabilir.');let zip=await JSZip.loadAsync(await file.arrayBuffer());let sheet=zip.file('xl/worksheets/sheet1.xml');if(!sheet)throw Error('İlk Excel çalışma sayfası bulunamadı.');let xml=await sheet.async('string');if(xml.length>15000000)throw Error('Çalışma sayfası çok büyük.');let shared=[];if(zip.file('xl/sharedStrings.xml')){let s=await zip.file('xl/sharedStrings.xml').async('string');if(s.length>9000000)throw Error('Metin listesi çok büyük.');let doc=new DOMParser().parseFromString(s,'application/xml');shared=Array.from(doc.getElementsByTagNameNS('*','si'),e=>e.textContent||'');}

return parseSheetXml(xml,shared);}

function fromLegacy(row){return {id:row[0],evalDate:today(),person:row[1],unit:row[2],skill:row[3],method:'Yönetici Değerlendirmesi',current:row[4],target:row[5],critical:row[6],training:row[7],date:row[8],status:row[9],notes:''};}

function importedRecords(rows){if(!rows.length)throw Error('Dosya boş.');const h=rows[0].map(clean),standard=h.includes('Kayıt No')&&h.includes('Yetkinlik Alanı'),legacy=h[0]==='ID'&&h.includes('Yetkinlik Alanı');if(!standard&&!legacy)throw Error('Excel sütun başlıkları tanınamadı. Formdan alınan .xlsx şablonunu kullanın.');

const index=key=>h.indexOf(key),get=(row,key)=>index(key)>=0?row[index(key)]??'':'';let valid=[],invalid=0;

for(let i=1;i<rows.length;i++){let row=rows[i];if(!row.some(x=>clean(x)))continue;let raw=legacy?fromLegacy(row):{id:get(row,'Kayıt No'),evalDate:serialDate(get(row,'Değerlendirme Tarihi')),person:get(row,'Personel / Pozisyon'),unit:get(row,'Birim'),skill:get(row,'Yetkinlik Alanı'),method:get(row,'Değerlendirme Yöntemi'),current:get(row,'Mevcut Seviye'),target:get(row,'Hedef Seviye'),critical:get(row,'Görev Kritikliği'),training:get(row,'Eğitim / Gelişim Aksiyonu'),date:serialDate(get(row,'Hedef Tamamlanma')),status:get(row,'Aksiyon Durumu'),notes:get(row,'Kanıt / Değerlendirme Notu')};let r=normalize(raw,true);if(r)valid.push(r);else invalid++;}

if(!valid.length&&rows.length>1)throw Error(`Geçerli kayıt bulunamadı (${invalid} satır geçersiz).`);let used=new Set(),i=1;

valid.forEach(r=>{if(!r.id||used.has(r.id)){do{r.id=`GY-IMPORT-${String(i++).padStart(4,'0')}`;}while(used.has(r.id));}used.add(r.id);});return {valid,invalid};}

$('importBtn').onclick=()=>$('fileInput').click();

$('fileInput').onchange=async e=>{let f=e.target.files?.[0];if(!f)return;try{let rows=/\.csv$/i.test(f.name)?csvRows(await f.text()):await importXlsx(f);let {valid,invalid}=importedRecords(rows);let msg=`${valid.length} geçerli kayıt bulundu${invalid?`; ${invalid} satır atlandı`:''}.\nMevcut ${records.length} kaydın tamamı yeni dosyayla değiştirilsin mi?\nÖnce mevcut verileri Excel'e aktararak yedekleyebilirsiniz.`;if(!confirm(msg))return;records=valid;nextCounter=1;records.forEach(r=>{let m=/^GY-\d{4}-(\d+)$/.exec(r.id);if(m)nextCounter=Math.max(nextCounter,Number(m[1])+1);});persist();resetForm();$('search').value='';$('filter').value='all';render();alert(`${valid.length} kayıt içeri aktarıldı${invalid?`; ${invalid} hatalı satır atlandı`:''}.`);}catch(err){alert('İçeri aktarma yapılamadı: '+err.message);}finally{e.target.value='';}};

const logo=$('logo');const fallback='data:image/svg+xml;charset=utf-8,'+encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><rect width="80" height="80" rx="7" fill="#e0f2fe"/><path d="M40 7 64 18v21c0 16-9 26-24 34C25 65 16 55 16 39V18z" fill="#0284c7"/><path d="m28 41 9 9 16-19" fill="none" stroke="white" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/></svg>');

logo.addEventListener('error',()=>{if(logo.src!==fallback)logo.src=fallback;});try{const src=localStorage.getItem('olgunui2_logo');if(src)logo.src=src;$('brand').textContent=localStorage.getItem('olgunui2_kurum')||'OLGUN BAŞKANLIĞI';$('mainTitle').textContent=localStorage.getItem('olgunui2_yetkinlik_baslik')||'Güvenlik Yetkinliği ve Eğitim İhtiyaç Matrisi';}catch{}

fiveClicks(logo,()=>$('logoInput').click());fiveClicks($('brand'),()=>{let s=prompt('Kurum adını yazın:',$('brand').textContent);if(s!==null&&clean(s)){s=trunc(s,105);$('brand').textContent=s;try{localStorage.setItem('olgunui2_kurum',s);}catch{}}});fiveClicks($('mainTitle'),()=>{let s=prompt('Form başlığını yazın:',$('mainTitle').textContent);if(s!==null&&clean(s)){s=trunc(s,110);$('mainTitle').textContent=s;try{localStorage.setItem('olgunui2_yetkinlik_baslik',s);}catch{}}});

$('logoInput').onchange=e=>{let f=e.target.files?.[0];if(!f)return;if(f.size>1100000){alert('En fazla 1,1 MB boyutunda logo seçin.');e.target.value='';return;}const reader=new FileReader();reader.onload=()=>{logo.src=reader.result;try{localStorage.setItem('olgunui2_logo',reader.result);}catch{alert('Logo tarayıcıda saklanamadı.');}};reader.readAsDataURL(f);e.target.value='';};

/* Eksiksiz baskı: tüm 15 Excel alanı (hesaplanan açık/öncelik dahil). */

function pdfVal(value){return value===undefined||value===null||String(value).trim()===''?'—':esc(String(value));}

function printField(name,value,span){return `<div class="print-field${span?' span'+span:''}"><span class="k">${esc(name)}</span><span class="v">${pdfVal(value)}</span></div>`;}

function printCard(r,i,kind='record'){

const empty=v=>v===null||v===undefined||v==='';

const validLevel=!empty(r.current)&&!empty(r.target)&&!empty(r.critical)&&Number.isInteger(Number(r.current))&&Number.isInteger(Number(r.target))&&Number.isInteger(Number(r.critical));

const test=validLevel?{current:Number(r.current),target:Number(r.target),critical:Number(r.critical)}:null;

let title=kind==='blank'?'Boş Yetkinlik Değerlendirme Formu':kind==='draft'?'Kaydedilmemiş Güncel Form':`${i}. Yetkinlik Değerlendirmesi`;

let crit=empty(r.critical)?'':({1:'Düşük',2:'Orta',3:'Yüksek',4:'Kritik'}[r.critical]||String(r.critical));

let fields=[

printField('Kayıt No',r.id,1),printField('Değerlendirme Tarihi',r.evalDate?fmt(r.evalDate):'',1),printField('Personel / Pozisyon',r.person,2),

printField('Birim',r.unit,1),printField('Yetkinlik Alanı',r.skill,2),printField('Değerlendirme Yöntemi',r.method,1),

printField('Mevcut Seviye (0–5)',r.current,1),printField('Hedef Seviye (0–5)',r.target,1),printField('Görev Kritikliği',crit,1),printField('Yetkinlik Açığı',test?gap(test):'',1),

printField('Eğitim Önceliği',test?priority(test):'',1),printField('Hedef Tamamlanma',r.date?fmt(r.date):'',1),printField('Aksiyon Durumu',r.status,2),

printField('Eğitim / Gelişim Aksiyonu',r.training,2),printField('Kanıt / Değerlendirme Notu',r.notes,2)

];

let div=document.createElement('article');div.className='print-card';div.innerHTML=`<div class="print-card-head">${esc(title)}</div><div class="print-fields">${fields.join('')}</div>`;return div;

}

function printSheet(n,firstPage=false){

const s=document.createElement('section');

s.className='print-sheet';

const header=firstPage?`<div class="print-head"><img src="${esc(logo.src)}" alt=""><strong>${esc($('mainTitle').textContent)}</strong><div class="pbrand">${esc($('brand').textContent)}</div></div><div class="print-info">Güvenlik yetkinliği ve eğitim ihtiyaçları · ${fmt(today())} · ${n} kayıt · ${esc($('filter').options[$('filter').selectedIndex].text)}</div>`:'';

s.innerHTML=`${header}<div class="print-items"></div><div class="print-footer"></div>`;

$('printRoot').append(s);

return s;

}

function draftRecord(){

const get=id=>$(id).value;

const skill=get('skill')==='_other'?get('skillOther'):get('skill');

const r={id:'',evalDate:get('evalDate'),person:get('person'),unit:get('unit'),skill,method:get('method'),current:get('current'),target:get('target'),critical:get('critical'),training:get('training'),date:get('date'),status:get('status'),notes:get('notes')};

const has=Object.values(r).some(x=>String(x).trim()!=='');

return has?r:null;

}

function buildPrint(){

let data=filtered(),root=$('printRoot');root.innerHTML='';

let items=[],draft=draftRecord();

if(draft)items.push({r:draft,kind:'draft'});

data.forEach((r,i)=>items.push({r,index:i+1,kind:'record'}));

if(!items.length)items=[{r:{},kind:'blank'}];

let s=printSheet(data.length,true);

// Aşırı uzun unbroken değerler satır sonuna geçer. Kartlar sayfalar arasında kesilmez.

for(const item of items){

let card=printCard(item.r,item.index,item.kind);

s.querySelector('.print-items').append(card);

let end=card.getBoundingClientRect().bottom;

let footer=s.querySelector('.print-footer').getBoundingClientRect().top;

if(end>footer-7 && s.querySelector('.print-items').children.length>1){

card.remove();s=printSheet(data.length,false);s.querySelector('.print-items').append(card);

}

const sheets=root.querySelectorAll('.print-sheet');

sheets.forEach((sheet,i)=>{sheet.querySelector('.print-footer').textContent=`Sayfa ${i+1} / ${sheets.length}`;});

}

$('printBtn').onclick=()=>{buildPrint();window.print();};window.addEventListener('beforeprint',buildPrint);

/* Eski sürüme ait localStorage verileri okunmaz veya silinmez. */

records=[];editing=null;nextCounter=1;resetForm();render();

/* Tarayıcı geçmişinden önbellekle geri dönüldüğünde de temiz açılış. */

window.addEventListener('pageshow',e=>{if(!e.persisted)return;records=[];editing=null;nextCounter=1;$('search').value='';$('filter').value='all';resetForm();render();});

</script>

</body></html>