{% extends 'admin_master/base_admin_master.html' if session.get('role') == 'admin_master' else 'admin_psb/base_admin_psb.html' %}
{% set active_page = 'psb_pengumuman' if session.get('role') == 'admin_master' else 'pengumuman' %}

{% block page_title %}<i class="fas fa-tools text-success me-2"></i> Atur Pesan Penerimaan{% endblock %}

{% block extra_head %}
<style>
    .pengumuman-item { border-left: 4px solid #10ac84; background-color: #f8fafc; padding: 15px; border-radius: 0 8px 8px 0; margin-bottom: 15px; }
</style>
{% endblock %}

{% block content %}

        <div class="row">
            <div class="col-md-5 mb-4">
                <div class="card border-0 shadow-sm rounded-4 p-4 bg-white h-100">
                    
                    <p class="text-muted small">Teks di bawah ini otomatis tayang di halaman login wali santri ketika status berkasnya diubah menjadi <strong>Diterima</strong>.</p>
                    
                    <div class="alert alert-info py-2 px-3 mb-3" style="font-size: 0.75rem;">
                        <i class="fas fa-info-circle me-1"></i> <strong>Tips Kode Otomatis:</strong><br>
                        Gunakan kata kunci <code>[NAMA_SANTRI]</code> agar sistem otomatis memanggil nama anak secara personal.
                    </div>

                    <form action="/admin_psb/pengumuman" method="POST">
                        <div class="mb-3">
                            <label class="form-label fw-bold">Judul Pesan Utama</label>
                            <input type="text" name="judul" class="form-control" value="Selamat! Berkas Pendaftaran Telah Diterima" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label fw-bold">Isi Pesan Konfirmasi</label>
                            <textarea name="isi_pesan" class="form-control" rows="8" required>Alhamdulillah, putra/putri Bapak/Ibu atas nama [NAMA_SANTRI] telah DINYATAKAN DITERIMA sebagai santri di Pondok Pesantren & Madrasah Diniyah Nahdlatul Arifin Kemuning.

Selamat bergabung. Semoga Allah SWT senantiasa memberikan keberkahan dan menjadikan putra/putri Bapak/Ibu sebagai anak yang saleh/salehah, berilmu, dan bermanfaat.</textarea>
                        </div>
                        <button type="submit" class="btn btn-success w-100 fw-bold"><i class="fas fa-save me-2"></i> Simpan Template</button>
                    </form>
                </div>
            </div>

            <div class="col-md-7">
                <div class="card border-0 shadow-sm rounded-4 p-4 bg-white h-100">
                    <h5 class="fw-bold mb-4"><i class="fas fa-eye text-secondary me-2"></i>Template Aktif Saat Ini</h5>
                    
                    <div style="max-height: 500px; overflow-y: auto; padding-right: 10px;">
                        {% for row in data_pengumuman %}
                        <div class="pengumuman-item shadow-sm">
                            <div class="d-flex justify-content-between align-items-start mb-2">
                                <h6 class="fw-bold text-success mb-0">{{ row.judul }}</h6>
                                <small class="text-muted"><i class="far fa-calendar-alt me-1"></i> Diperbarui: {{ row.tanggal_posting.strftime('%d-%m-%Y') if row.tanggal_posting else '' }}</small>
                            </div>
                            <p class="text-muted mb-0" style="white-space: pre-line; font-size: 0.9rem;">{{ row.isi_pesan }}</p>
                        </div>
                        {% else %}
                        <div class="text-center text-muted py-5">
                            <i class="fas fa-exclamation-circle fs-1 mb-3 opacity-50"></i>
                            <p>Belum ada template pesan yang disimpan.</p>
                        </div>
                        {% endfor %}
                    </div>

                </div>
            </div>
        </div>
{% endblock %}