<!doctypehtml><html lang=id><meta charset=UTF-8><meta content="width=device-width,initial-scale=1"name=viewport><title>Form Pendaftaran Pangkalan</title><style>body{font-family:Roboto,Arial,sans-serif;background-color:#f9f9f9;color:#333;margin:0;padding:0}.container{max-width:800px;margin:50px auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}h1{text-align:center;color:#007bff}form{margin-top:20px}label{font-weight:700;display:block;margin-top:15px}input,select,textarea{width:100%;max-width:100%;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:5px;font-size:1rem;box-sizing:border-box}input[type=checkbox],input[type=radio]{width:auto}.checkbox-group{display:flex;align-items:center;gap:15px;margin-top:10px}button{margin-top:20px;padding:12px 25px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;display:block;width:100%}button:hover{background-color:#0056b3}.hidden{display:none}.form-footer{text-align:center;font-size:.9em;color:#666;margin-top:20px}@media (max-width:768px){.container{padding:15px;margin:20px}h1{font-size:1.5em}button{padding:10px 20px}input,select,textarea{font-size:.9rem}}@media (max-width:480px){h1{font-size:1.3em}input,select,textarea{font-size:.85rem}button{padding:10px 15px}}</style><script>function toggleInput(radioId, inputId) {
    const radio = document.getElementById(radioId);
    const input = document.getElementById(inputId);

    if (radio.checked) {
        input.classList.remove('hidden');
        input.querySelector('input').required = true;
    } else {
        input.classList.add('hidden');
        input.querySelector('input').required = false;
        input.querySelector('input').value = "";
    }
}

function setupToggle() {
    document.getElementById('nib_ada').addEventListener('change', () => toggleInput('nib_ada', 'nib_input'));
    document.getElementById('nib_tidak_ada').addEventListener('change', () => toggleInput('nib_ada', 'nib_input'));

    document.getElementById('sku_ada').addEventListener('change', () => toggleInput('sku_ada', 'sku_input'));
    document.getElementById('sku_tidak_ada').addEventListener('change', () => toggleInput('sku_ada', 'sku_input'));

    document.getElementById('pangkalan_sudah').addEventListener('change', () => toggleInput('pangkalan_sudah', 'input_agen'));
    document.getElementById('pangkalan_belum').addEventListener('change', () => toggleInput('pangkalan_sudah', 'input_agen'));

    
    }


window.onload = setupToggle;</script><div class=container><h1>Form Pendaftaran Pangkalan</h1><form action=proses_pendaftaran.php method=post><label for=nama>Nama</label> <input id=nama name=nama required placeholder="Masukkan nama Anda"> <label for=ktp>No. KTP</label> <input id=ktp name=ktp required placeholder="Masukkan nomor KTP"pattern=\d{16} title="Harus 16 digit angka"> <label for=alamat>Alamat Lokasi Pangkalan</label> <textarea id=alamat name=alamat placeholder="Masukkan alamat lengkap"required rows=4></textarea> <label for=daerah>Daerah</label> <select id=daerah name=daerah required><option value="">-- Pilih Daerah --<option value=lombok_barat>Lombok Barat<option value=lombok_tengah>Lombok Tengah</select> <label for=email>Email</label> <input id=email name=email required type=email placeholder="Masukkan email Anda"> <label for=no_telp>No. Telepon</label> <input id=no_telp name=no_telp required type=tel placeholder="Masukkan nomor telepon"> <label>SKU</label><div class=checkbox-group><input id=sku_ada name=sku required type=radio value=ada> <label for=sku_ada>Ada</label> <input id=sku_tidak_ada name=sku required type=radio value="tidak ada"> <label for=sku_tidak_ada>Tidak Ada</label></div><div class=hidden id=sku_input><label for=no_sku>No. SKU</label> <input id=no_sku name=no_sku placeholder="Masukkan No. SKU"></div><label>NIB</label><div class=checkbox-group><input id=nib_ada name=nib required type=radio value=ada> <label for=nib_ada>Ada</label> <input id=nib_tidak_ada name=nib required type=radio value="tidak ada"> <label for=nib_tidak_ada>Tidak Ada</label></div><div class=hidden id=nib_input><label for=no_nib>No. NIB</label> <input id=no_nib name=no_nib placeholder="Masukkan No. NIB"></div><label for=jumlah_tabung>Jumlah Tabung yang Dimiliki (Min. 50 Tabung)</label> <input id=jumlah_tabung name=jumlah_tabung required type=number placeholder="Masukkan jumlah tabung"min=50> <label for=titik_koordinat>Titik Koordinat Pangkalan</label> <span>Jika belum ada data koordinat, silakan input 1,1</span> <input id=titik_koordinat name=titik_koordinat placeholder="Contoh: -6.200000, 106.816666"pattern=^-?\d+(\.\d+)?\s*,\s*-?\d+(\.\d+)?$ title="Format: -6.200000, 106.816666"> <label>Status Pangkalan</label> <span>Pilih "Baru" jika pangkalan baru atau "Exist" jika saat ini menjadi pangkalan di Agen Lain.</span><div class=checkbox-group><input id=pangkalan_belum name=status_pangkalan required type=radio value=Baru> <label for=pangkalan_belum>Baru</label> <input id=pangkalan_sudah name=status_pangkalan required type=radio value=Existing> <label for=pangkalan_sudah>Exist</label></div><div class=hidden id=input_agen><label for=nama_agen>Masukkan Nama Agen Saat Ini</label> <input id=nama_agen name=nama_agen placeholder="Nama Agen"></div><button type=submit>Daftar</button></form><div class=form-footer>Dengan mengisi formulir ini, Anda menyetujui bahwa data Anda akan digunakan sesuai dengan kebijakan privasi kami.</div></div>