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

{% block page_title %}<i class="fas fa-user-check text-success me-2"></i> Daftar Santri Diterima{% endblock %}

{% block content %}

        <!-- HEADER KONTEN, PENCARIAN & TOMBOL EXCEL -->
        <div class="d-flex justify-content-between align-items-center mb-4">
            <div>
                
                <p class="text-muted mb-2">Berikut adalah daftar calon santri yang telah lulus verifikasi.</p>
                
                <!-- INI TAMBAHAN INFORMASI TOTALNYA -->
                <div class="d-flex gap-2">
                    <span class="badge bg-primary px-3 py-2"><i class="fas fa-users me-1"></i> Total: {{ total_diterima }} Anak</span>
                    <span class="badge bg-info text-dark px-3 py-2"><i class="fas fa-male me-1"></i> Putra: {{ total_laki }}</span>
                    <span class="badge bg-warning text-dark px-3 py-2"><i class="fas fa-female me-1"></i> Putri: {{ total_perempuan }}</span>
                </div>
            </div>
            
            <div class="d-flex align-items-center gap-3">
                <!-- Form Pencarian (Search Bar) -->
                <div class="input-group shadow-sm" style="width: 250px;">
                    <span class="input-group-text bg-white border-end-0"><i class="fas fa-search text-muted"></i></span>
                    <input type="text" id="inputPencarian" class="form-control border-start-0" placeholder="Cari nama/no pendaftaran..." onkeyup="cariSantri()">
                </div>

                <!-- Tombol Download Excel -->
                <a href="/admin_psb/export_excel_diterima" class="btn btn-success fw-bold shadow-sm px-4 py-2 text-nowrap">
                    <i class="fas fa-file-excel me-2"></i> Download Excel
                </a>
            </div>
        </div>

        <div class="card border-0 shadow-sm rounded-4 mb-4 p-3" style="background: white;">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0 custom-table">
                    <thead>
                <tr class="bg-light">
                            <th>No.</th>
                            <th>No. Pendaftaran</th>
                            <th>Nama Santri</th>
                            <th>L/P</th>
                            <th>Status Verifikasi</th>
                            <th>Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for row in data_pendaftar %}
                        <tr>
                            <td>{{ loop.index }}</td>
                            <td class="fw-bold text-primary">{{ row.id_pendaftaran }}</td>
                            <td class="fw-bold">{{ row.nama_lengkap }}</td>
                            <td>{{ row.jenis_kelamin }}</td>
                            <td>
                                <span class="badge bg-success bg-opacity-10 text-success rounded-pill fw-semibold border border-success px-3 py-2"><i class="fas fa-check me-1"></i> Diterima</span>
                            </td>
                            <td>
                                <div class="d-flex flex-nowrap gap-1 align-items-center">
                                    
                                    <!-- LOGIKA PINTAR: Mengubah 08 menjadi 628 -->
                                    {% set no_wa_bersih = row.nomor_wa | string %}
                                    {% if no_wa_bersih.startswith('0') %}
                                        {% set no_wa_bersih = '62' ~ no_wa_bersih[1:] %}
                                    {% elif no_wa_bersih.startswith('+62') %}
                                        {% set no_wa_bersih = '62' ~ no_wa_bersih[3:] %}
                                    {% endif %}

                                    <!-- Tombol Detail -->
                                    <a href="/admin_psb/edit/{{ row.id_pendaftaran }}" class="btn btn-outline-primary btn-sm">
                                        <i class="fas fa-search me-1"></i> Detail
                                    </a>

                                    <!-- Tombol WhatsApp (Teks Pendek 1 Klik) -->
                                    {% if row.jenis_kelamin == 'Laki-laki' %}
                                        <!-- Link untuk Laki-laki (Putra) -->
                                        <a href="https://wa.me/{{ no_wa_bersih }}?text=Assalamu'alaikum%20warahmatullahi%20wabarakatuh.%0A%0AYth.%20Bapak/Ibu%20Wali%20Santri,%0A%0AAlhamdulillah,%20putra/putri%20Bapak/Ibu%20atas%20nama%20*{{ row.nama_lengkap }}*%20telah%20DINYATAKAN%20DITERIMA%20sebagai%20santri%20di%20Pondok%20Pesantren%20%26%20Madrasah%20Diniyah%20Nahdlatul%20Arifin%20Kemuning.%0A%0ASelamat%20bergabung.%20Semoga%20Allah%20SWT%20senantiasa%20memberikan%20keberkahan%20dan%20menjadikan%20putra/putri%20Bapak/Ibu%20sebagai%20anak%20yang%20saleh/salehah,%20berilmu,%20dan%20bermanfaat.%0A%0ASilakan%20bergabung%20ke%20Grup%20WhatsApp%20Wali%20Santri%20melalui%20tautan%20berikut:%0A%F0%9F%94%97%20Grup%20Putra:%20[MASUKKAN_LINK_GRUP_PUTRA_DISINI]%0A%0ATerima%20kasih%20atas%20perhatian%20dan%20kerja%20samanya.%0A%0AWassalamu'alaikum%20warahmatullahi%20wabarakatuh." 
                                           target="_blank" 
                                           class="btn btn-success btn-sm text-nowrap"
                                           title="Kirim Pesan (Putra)">
                                            <i class="fab fa-whatsapp"></i> Hubungi
                                        </a>
                                    {% else %}
                                        <!-- Link untuk Perempuan (Putri) -->
                                        <a href="https://wa.me/{{ no_wa_bersih }}?text=Assalamu'alaikum%20warahmatullahi%20wabarakatuh.%0A%0AYth.%20Bapak/Ibu%20Wali%20Santri,%0A%0AAlhamdulillah,%20putra/putri%20Bapak/Ibu%20atas%20nama%20*{{ row.nama_lengkap }}*%20telah%20DINYATAKAN%20DITERIMA%20sebagai%20santri%20di%20Pondok%20Pesantren%20%26%20Madrasah%20Diniyah%20Nahdlatul%20Arifin%20Kemuning.%0A%0ASelamat%20bergabung.%20Semoga%20Allah%20SWT%20senantiasa%20memberikan%20keberkahan%20dan%20menjadikan%20putra/putri%20Bapak/Ibu%20sebagai%20anak%20yang%20saleh/salehah,%20berilmu,%20dan%20bermanfaat.%0A%0ASilakan%20bergabung%20ke%20Grup%20WhatsApp%20Wali%20Santri%20melalui%20tautan%20berikut:%0A%F0%9F%94%97%20Grup%20Putri:%20[MASUKKAN_LINK_GRUP_PUTRI_DISINI]%0A%0ATerima%20kasih%20atas%20perhatian%20dan%20kerja%20samanya.%0A%0AWassalamu'alaikum%20warahmatullahi%20wabarakatuh." 
                                           target="_blank" 
                                           class="btn btn-success btn-sm text-nowrap"
                                           title="Kirim Pesan (Putri)">
                                            <i class="fab fa-whatsapp"></i> Hubungi
                                        </a>
                                    {% endif %}

                                </div>
                            </td>
                        </tr>
                        {% else %}
                        <tr>
                            <td colspan="6" class="text-center py-4 text-muted">Belum ada data santri yang diterima.</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
{% endblock %}

{% block scripts %}
    <script>
        // FUNGSI PENCARIAN LIVE
        function cariSantri() {
            let input = document.getElementById("inputPencarian").value.toLowerCase();
            let barisTabel = document.querySelectorAll("tbody tr");

            barisTabel.forEach(function(baris) {
                let isiBaris = baris.innerText.toLowerCase();
                if (isiBaris.includes(input)) {
                    baris.style.display = "";
                } else {
                    baris.style.display = "none";
                }
            });
        }
    </script>
{% endblock %}