{% extends "base.html" %}
{% block title %}Reset Data & Akun{% endblock %}
{% block sidebar %}
    <div class="text-center py-3 border-bottom">
        <img src="{% if session.get('foto_profil') %}/static/uploads/{{ session['foto_profil'] }}{% else %}https://ui-avatars.com/api/?name={{ session['nama_lengkap'] }}&background=fdbb2d&color=1e293b&rounded=true&size=60&bold=true{% endif %}" width="60" height="60" class="rounded-circle mb-2">
        <h6 class="text-dark fw-bold">{{ session['nama_lengkap'] }}</h6>
        <small class="text-warning bg-dark px-2 rounded">Superadmin</small>
    </div>
    <a href="/superadmin" class="sidebar-item"><i class="fas fa-desktop me-2"></i> Kontrol Panel</a>
    <div class="sidebar-heading">MASTER DATA</div>
    <a href="/manajemen_akun" class="sidebar-item"><i class="fas fa-users-cog me-2"></i> Manajemen Akun</a>
    <a href="/registrasi_dapur" class="sidebar-item"><i class="fas fa-store-alt me-2"></i> Registrasi Dapur</a>
    <div class="sidebar-heading">MONITORING</div>
    <a href="/rekapitulasi" class="sidebar-item"><i class="fas fa-database me-2"></i> Semua Data Sasaran</a>
    <a href="/arsip_laporan" class="sidebar-item"><i class="fas fa-archive me-2"></i> Arsip Laporan Dapur</a>
    <a href="/rekap_laporan_kader" class="sidebar-item"><i class="fas fa-users me-2"></i> Rekap Laporan Kader</a>
    
    <div class="sidebar-heading">RESET DATA</div>
    <a href="/reset_data" class="sidebar-item active"><i class="fas fa-sync-alt me-2"></i> Reset Data & Akun</a>
{% endblock %}

{% block content %}
<div class="row mb-4">
    <div class="col-12">
        <div class="card border-0 shadow-sm border-start border-danger border-4">
            <div class="card-header bg-white pt-3 pb-2 border-0">
                <h5 class="fw-bold text-danger"><i class="fas fa-exclamation-triangle me-2"></i>Zona Berbahaya (Reset Data)</h5>
                <p class="text-muted small mb-0">Hati-hati! Tindakan eksekusi di halaman ini bersifat permanen dan data yang dihapus tidak dapat dikembalikan.</p>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-6 mb-4">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-header bg-white fw-bold py-3"><i class="fas fa-key text-primary me-2"></i>Reset Password Pengguna</div>
            <div class="card-body">
                <form action="/aksi_reset_password" method="POST" id="formResetPassword">
                    <div class="mb-3">
                        <label class="form-label small fw-bold">Pilih Pengguna</label>
                        <select class="form-select" name="user_id" required>
                            <option value="">-- Pilih Akun --</option>
                            {% for u in users %}
                            <option value="{{ u[0] }}">[{{ u[3]|upper }}] {{ u[2] }} - Username: {{ u[1] }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label small fw-bold">Password Baru</label>
                        <input type="text" class="form-control" name="new_password" placeholder="Masukkan password baru..." required minlength="6">
                    </div>
                    <button type="submit" class="btn btn-primary w-100"><i class="fas fa-save me-2"></i>Terapkan Password Baru</button>
                </form>
            </div>
        </div>
    </div>

    <div class="col-md-6 mb-4">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-header bg-white fw-bold py-3"><i class="fas fa-trash-alt text-danger me-2"></i>Reset Data / Laporan</div>
            <div class="card-body">
                <form action="/aksi_reset_laporan" method="POST" id="formResetData">
                    <div class="mb-3">
                        <label class="form-label small fw-bold">Pilih Kategori Data yang Dihapus</label>
                        <select class="form-select" name="jenis_data" required>
                            <option value="">-- Pilih Kategori --</option>
                            <option value="dapur">Seluruh Laporan Realisasi Dapur</option>
                            <option value="kader">Seluruh Data Sasaran (Input Kader)</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label small fw-bold">Filter Wilayah Kecamatan</label>
                        <select class="form-select" name="kecamatan" id="kecamatan" onchange="updateDesa()">
                            <option value="">-- Semua Kecamatan (Hati-hati!) --</option>
                            {% for kec in DATA_WILAYAH.keys() %}
                            <option value="{{ kec }}">{{ kec }}</option>
                            {% endfor %}
                        </select>
                        <small class="text-muted" style="font-size: 12px;">Kosongkan jika ingin mereset seluruh kabupaten.</small>
                    </div>
                    <div class="mb-3">
                        <label class="form-label small fw-bold">Filter Wilayah Desa</label>
                        <select class="form-select" name="desa" id="desa">
                            <option value="">-- Semua Desa --</option>
                        </select>
                        <small class="text-muted" style="font-size: 12px;">Kosongkan jika ingin mereset seluruh desa di kecamatan terpilih.</small>
                    </div>
                    <button type="submit" class="btn btn-danger w-100"><i class="fas fa-fire me-2"></i>Reset & Kosongkan Data</button>
                </form>
            </div>
        </div>
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script>
    // Script Dinamis untuk Filter Desa berdasarkan Kecamatan
    const dataWilayah = {{ DATA_WILAYAH | tojson | safe }};
    function updateDesa() {
        const kec = document.getElementById('kecamatan').value;
        const desaSelect = document.getElementById('desa');
        desaSelect.innerHTML = '<option value="">-- Semua Desa --</option>';
        if (kec && dataWilayah[kec]) {
            const listDesa = Object.keys(dataWilayah[kec]);
            listDesa.forEach(function(desa) {
                desaSelect.innerHTML += `<option value="${desa}">${desa}</option>`;
            });
        }
    }

    // SweetAlert untuk Konfirmasi Reset Password
    document.getElementById('formResetPassword').addEventListener('submit', function(e) {
        e.preventDefault(); // Mencegah form langsung tersubmit
        Swal.fire({
            title: 'Reset Password?',
            text: "Apakah Anda yakin ingin mengganti password untuk akun ini?",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#0b3d91', // Warna biru primer
            cancelButtonColor: '#6c757d', // Warna abu-abu
            confirmButtonText: '<i class="fas fa-check me-1"></i> Ya, Lanjutkan!',
            cancelButtonText: 'Batal'
        }).then((result) => {
            if (result.isConfirmed) {
                this.submit(); // Lanjutkan submit form jika klik Ya
            }
        });
    });

    // SweetAlert untuk Konfirmasi Reset Data (Peringatan Keras)
    document.getElementById('formResetData').addEventListener('submit', function(e) {
        e.preventDefault(); // Mencegah form langsung tersubmit
        Swal.fire({
            title: 'PERINGATAN KERAS!',
            html: "Seluruh data pada wilayah dan kategori yang dipilih akan <b>TERHAPUS PERMANEN</b>.<br><br>Apakah Anda benar-benar yakin melanjutkan?",
            icon: 'error',
            showCancelButton: true,
            confirmButtonColor: '#dc3545', // Warna merah bahaya
            cancelButtonColor: '#6c757d', // Warna abu-abu
            confirmButtonText: '<i class="fas fa-trash-alt me-1"></i> Ya, Hapus Permanen!',
            cancelButtonText: 'Batal',
            focusCancel: true // Kursor otomatis fokus ke tombol Batal untuk mencegah klik tidak sengaja
        }).then((result) => {
            if (result.isConfirmed) {
                this.submit(); // Lanjutkan submit form jika klik Ya
            }
        });
    });
</script>
{% endblock %}