{% extends "base.html" %}
{% load static %}

{% block title %}Yardım - SafePass{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{% static 'css/components/sidebar.css' %}">
<link rel="stylesheet" href="{% static 'css/components/layout.css' %}">
<link rel="stylesheet" href="{% static 'css/components/help.css' %}">
<link rel="stylesheet" href="{% static 'css/components/buttons.css' %}">
{% endblock %}

{% block body_class %}with-sidebar{% endblock %}

{% block content %}
{% include "partials/sidebar.html" %}

<div class="main-content">
    <div class="page-header">
        <h1>❓ Yardım & Sık Sorulan Sorular</h1>
    </div>

    <div class="help-container">
        <div class="help-section">
            <h2>🔐 SafePass Nedir?</h2>
            <p>SafePass, tüm şifrelerinizi güvenli bir şekilde saklamanızı sağlayan, tamamen <strong>offline</strong> çalışan bir şifre yöneticisidir. Verileriniz sadece sizin bilgisayarınızda saklanır, hiçbir sunucuya gönderilmez.</p>
        </div>

        <div class="help-section">
            <h2>🛡️ Güvenlik</h2>
            
            <div class="faq-item">
                <h3>Master Şifre Nedir?</h3>
                <p>Master şifre, tüm diğer şifrelerinizi koruyan ana anahtardır. Bu şifreyi sadece siz bilirsiniz ve hiçbir yerde saklanmaz. Master şifrenizi unutursanız, verilerinize erişemezsiniz!</p>
            </div>

            <div class="faq-item">
                <h3>Şifrelerim Nasıl Korunuyor?</h3>
                <p>Tüm şifreleriniz AES-256-GCM algoritması ile şifrelenir. Bu, bankalar ve askeri kurumlar tarafından kullanılan aynı şifreleme standardıdır. Şifreleme anahtarınız master şifrenizden türetilir ve sadece sizin bilgisayarınızda saklanır.</p>
            </div>

            <div class="faq-item">
                <h3>Offline Çalışma Ne Demek?</h3>
                <p>SafePass internet bağlantısı gerektirmez. Tüm verileriniz yerel olarak bilgisayarınızda saklanır (<code>~/.safepass/</code> klasöründe). Bu, verilerinizin hiçbir sunucuya gönderilmediği ve sadece sizin kontrolünüzde olduğu anlamına gelir.</p>
            </div>
        </div>

        <div class="help-section">
            <h2>📝 Kullanım</h2>
            
            <div class="faq-item">
                <h3>Yeni Kart Nasıl Eklenir?</h3>
                <ol>
                    <li>Sol menüden <strong>"Kart Ekle"</strong> butonuna tıklayın</li>
                    <li>Başlık, kullanıcı adı ve şifre bilgilerini girin</li>
                    <li>İsterseniz URL, notlar ve kategori ekleyin</li>
                    <li><strong>"Kaydet"</strong> butonuna tıklayın</li>
                </ol>
            </div>

            <div class="faq-item">
                <h3>Güçlü Şifre Nasıl Üretilir?</h3>
                <ol>
                    <li>Sol menüden <strong>"Şifre Üret"</strong> sayfasına gidin</li>
                    <li>Şifre uzunluğunu ve karakter tiplerini seçin</li>
                    <li><strong>"Yeni Şifre Üret"</strong> butonuna tıklayın</li>
                    <li>Beğendiğiniz şifreyi kopyalayın ve kullanın</li>
                </ol>
            </div>

            <div class="faq-item">
                <h3>Şifre Güvenliği Nasıl Hesaplanır?</h3>
                <p>Şifre gücü şu kriterlere göre hesaplanır:</p>
                <ul>
                    <li><strong>Uzunluk:</strong> Daha uzun şifreler daha güçlüdür (min 12 karakter önerilir)</li>
                    <li><strong>Karakter Çeşitliliği:</strong> Büyük harf, küçük harf, sayı ve özel karakter kullanımı</li>
                    <li><strong>Tahmin Edilebilirlik:</strong> Yaygın şifre kalıpları ve sözlük kelimeleri kontrol edilir</li>
                </ul>
            </div>
        </div>

        <div class="help-section">
            <h2>⚙️ Ayarlar & Yönetim</h2>
            
            <div class="faq-item">
                <h3>Master Şifremi Değiştirebilir miyim?</h3>
                <p>Evet! Profil sayfasından master şifrenizi değiştirebilirsiniz. Değiştirdiğinizde, tüm şifreleriniz yeni master şifre ile otomatik olarak yeniden şifrelenir.</p>
            </div>

            <div class="faq-item">
                <h3>Verilerimi Yedekleyebilir miyim?</h3>
                <p>Evet! Profil sayfasından <strong>"Verileri Dışa Aktar"</strong> seçeneğini kullanarak tüm şifrelerinizi düz metin JSON dosyasına kaydedebilirsiniz. <strong>ÖNEMLİ:</strong> Export dosyası şifreler açık olarak içerdiği için güvenli bir yerde saklayın ve başkalarıyla paylaşmayın.</p>
            </div>

            <div class="faq-item">
                <h3>Master Şifremi Unutursam Ne Olur?</h3>
                <p><strong>ÖNEMLİ:</strong> Master şifrenizi unutursanız, verilerinize erişmeniz mümkün değildir. Master şifre hiçbir yerde saklanmaz ve geri getirilemez. Bu nedenle:</p>
                <ul>
                    <li>Master şifrenizi güvenli bir yerde saklayın</li>
                    <li>Unutamayacağınız ancak tahmin edilemeyecek bir şifre seçin</li>
                    <li>Düzenli olarak verilerinizi yedekleyin</li>
                </ul>
            </div>
        </div>

        <div class="help-section">
            <h2>🚨 Sorun Giderme</h2>
            
            <div class="faq-item">
                <h3>Giriş Yapamıyorum</h3>
                <ul>
                    <li>Kullanıcı adınızı ve master şifrenizi doğru yazdığınızdan emin olun</li>
                    <li>Caps Lock tuşunun kapalı olduğunu kontrol edin</li>
                    <li>Şifrenizde boşluk karakteri olup olmadığını kontrol edin</li>
                </ul>
            </div>

            <div class="faq-item">
                <h3>Şifrelerimi Göremiyorum</h3>
                <ul>
                    <li>Tarayıcınızı yenileyin (F5 veya Ctrl+F5)</li>
                    <li>Oturumunuzu kapatıp tekrar giriş yapın</li>
                    <li>Tarayıcı konsolunu açıp hata mesajlarını kontrol edin</li>
                </ul>
            </div>

            <div class="faq-item">
                <h3>Program Çalışmıyor</h3>
                <ul>
                    <li>Python 3.10 veya üzeri yüklü olduğundan emin olun</li>
                    <li>Gerekli paketlerin yüklü olduğunu kontrol edin: <code>pip install -r requirements.txt</code></li>
                    <li>Sunucunun çalıştığından emin olun: <code>python -m safepass</code></li>
                </ul>
            </div>
        </div>

        <div class="help-section">
            <h2>💡 İpuçları</h2>
            <div class="tips-grid">
                <div class="tip-card">
                    <span class="tip-icon">🔢</span>
                    <h4>Uzun Şifreler Kullanın</h4>
                    <p>En az 12-16 karakter uzunluğunda şifreler tercih edin</p>
                </div>
                <div class="tip-card">
                    <span class="tip-icon">🎲</span>
                    <h4>Rastgele Şifreler</h4>
                    <p>Şifre üreteci ile rastgele şifreler oluşturun</p>
                </div>
                <div class="tip-card">
                    <span class="tip-icon">🔄</span>
                    <h4>Düzenli Güncelleyin</h4>
                    <p>Önemli hesaplarınızın şifrelerini 3-6 ayda bir değiştirin</p>
                </div>
                <div class="tip-card">
                    <span class="tip-icon">📋</span>
                    <h4>Notlar Ekleyin</h4>
                    <p>Güvenlik soruları ve ek bilgiler için notlar bölümünü kullanın</p>
                </div>
            </div>
        </div>

        <div class="help-section contact-section">
            <h2>📧 İletişim</h2>
            <p>Başka sorularınız mı var? SafePass açık kaynak bir projedir.</p>
            <p>GitHub: <a href="https://github.com/Barancll/safepass-cli" target="_blank">github.com/barancll/safepass</a></p>
        </div>
    </div>
</div>
{% endblock %}
