{% extends "admin_master/base_admin_master.html" %}
{% block title %}Pengaturan Website PSB - Admin Master{% endblock %}

{% block page_header %}
<h5 class="mb-1 fw-bold" style="color: #1f2937; font-size: 1.25rem;">Pengaturan Website PSB</h5>
<small class="text-muted" style="font-size: 0.85rem;">Kelola pengaturan halaman pendaftaran santri baru.</small>
{% endblock %}

{% block content %}
<form action="/admin_master/pengaturan/website" method="POST">
    <div class="db-card mb-4">
        <h6 class="fw-bold mb-3" style="font-size: 0.95rem;"><i class="fas fa-toggle-on me-2 text-success"></i>Status Pendaftaran</h6>
        <div class="row g-3">
            <div class="col-md-4">
                <label class="form-label" style="font-size: 0.8rem;">Status</label>
                <select name="status_pendaftaran" class="form-select">
                    <option value="Buka" {% if p.get('status_pendaftaran') == 'Buka' %}selected{% endif %}>Buka</option>
                    <option value="Tutup" {% if p.get('status_pendaftaran') == 'Tutup' %}selected{% endif %}>Tutup</option>
                </select>
            </div>
            <div class="col-md-4">
                <label class="form-label" style="font-size: 0.8rem;">Tahun Ajaran (Pendek)</label>
                <input type="text" name="tahun_ajaran_pendek" class="form-control" value="{{ p.get('tahun_ajaran_pendek', '') }}" placeholder="2028/2029">
            </div>
            <div class="col-md-4">
                <label class="form-label" style="font-size: 0.8rem;">Tahun Ajaran (Lengkap)</label>
                <input type="text" name="tahun_ajaran_panjang" class="form-control" value="{{ p.get('tahun_ajaran_panjang', '') }}" placeholder="2028-2029 M / 1449-1450 H">
            </div>
        </div>
    </div>

    <div class="db-card mb-4">
        <h6 class="fw-bold mb-3" style="font-size: 0.95rem;"><i class="fas fa-calendar-alt me-2 text-primary"></i>Jadwal Gelombang</h6>
        <div class="row g-3">
            <div class="col-md-4">
                <label class="form-label" style="font-size: 0.8rem;">Gelombang 1</label>
                <input type="text" name="jadwal_gel_1" class="form-control" value="{{ p.get('jadwal_gel_1', '') }}" placeholder="Januari - Maret 2026">
            </div>
            <div class="col-md-4">
                <label class="form-label" style="font-size: 0.8rem;">Gelombang 2</label>
                <input type="text" name="jadwal_gel_2" class="form-control" value="{{ p.get('jadwal_gel_2', '') }}">
            </div>
            <div class="col-md-4">
                <label class="form-label" style="font-size: 0.8rem;">Gelombang 3</label>
                <input type="text" name="jadwal_gel_3" class="form-control" value="{{ p.get('jadwal_gel_3', '') }}">
            </div>
        </div>
    </div>

    <div class="db-card mb-4">
        <h6 class="fw-bold mb-3" style="font-size: 0.95rem;"><i class="fab fa-whatsapp me-2 text-success"></i>Kontak WhatsApp</h6>
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label" style="font-size: 0.8rem;">WA Putra (Link)</label>
                <input type="text" name="wa_putra_link" class="form-control" value="{{ p.get('wa_putra_link', '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label" style="font-size: 0.8rem;">WA Putra (Teks)</label>
                <input type="text" name="wa_putra_teks" class="form-control" value="{{ p.get('wa_putra_teks', '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label" style="font-size: 0.8rem;">WA Putri (Link)</label>
                <input type="text" name="wa_putri_link" class="form-control" value="{{ p.get('wa_putri_link', '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label" style="font-size: 0.8rem;">WA Putri (Teks)</label>
                <input type="text" name="wa_putri_teks" class="form-control" value="{{ p.get('wa_putri_teks', '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label" style="font-size: 0.8rem;">WA Support (Link)</label>
                <input type="text" name="wa_support_link" class="form-control" value="{{ p.get('wa_support_link', '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label" style="font-size: 0.8rem;">Link WA Utama</label>
                <input type="text" name="link_whatsapp" class="form-control" value="{{ p.get('link_whatsapp', '') }}">
            </div>
        </div>
    </div>

    <div class="db-card mb-4">
        <h6 class="fw-bold mb-3" style="font-size: 0.95rem;"><i class="fas fa-map-marker-alt me-2 text-danger"></i>Info Pondok</h6>
        <div class="row g-3">
            <div class="col-md-8">
                <label class="form-label" style="font-size: 0.8rem;">Alamat Pondok</label>
                <input type="text" name="alamat_pondok" class="form-control" value="{{ p.get('alamat_pondok', '') }}">
            </div>
            <div class="col-md-4">
                <label class="form-label" style="font-size: 0.8rem;">Email Pondok</label>
                <input type="email" name="email_pondok" class="form-control" value="{{ p.get('email_pondok', '') }}">
            </div>
        </div>
    </div>

    <div class="text-end">
        <button type="submit" class="btn btn-success px-4">
            <i class="fas fa-save me-1"></i> Simpan Pengaturan
        </button>
    </div>
</form>
{% endblock %}