`;
new bootstrap.Modal(document.getElementById('modalKamar')).show();
}
function showFormTanggalMulai() {
const today = new Date().toISOString().split('T')[0];
const pre = pemesananState.tanggal_mulai ? pemesananState.tanggal_mulai : today;
const html = `
Pilih Tanggal Mulai Sewa
`;
document.getElementById('modalContent').innerHTML = html;
document.getElementById('formTanggalMulai').onsubmit = function(e) {
e.preventDefault();
pemesananState.tanggal_mulai = this.tanggal_mulai.value;
showFormDataSewa();
};
}
function showFormDataSewa() {
// use saved state
const tanggalMulai = pemesananState.tanggal_mulai || new Date().toISOString().split('T')[0];
const jumlah = pemesananState.jumlah_penyewa || 1;
const durasi = pemesananState.durasi_bulan || '';
const durasiOpsi = ``;
const html = `
Detail Pemesanan
`;
document.getElementById('modalContent').innerHTML = html;
// set selected durasi if present (after innerHTML)
if (durasi) {
const sel = document.querySelector('#modalContent select[name="durasi_bulan"]');
if (sel) sel.value = durasi;
}
const jumlahInput = document.getElementById('jumlah_penyewa');
jumlahInput.addEventListener('input', () => {
if (+jumlahInput.value > 4) {
jumlahInput.value = 4;
alert('Maksimum jumlah penyewa adalah 4 orang.');
} else if (+jumlahInput.value < 1) {
jumlahInput.value = 1;
}
});
document.getElementById('formStep1').onsubmit = function(e) {
e.preventDefault();
const jumlahVal = parseInt(this.jumlah_penyewa.value);
const durasiVal = this.durasi_bulan.value;
pemesananState.jumlah_penyewa = jumlahVal;
pemesananState.durasi_bulan = durasiVal;
showFormDataPenyewa();
}
}
function showFormDataPenyewa() {
const jumlah = pemesananState.jumlah_penyewa || 1;
const durasi = pemesananState.durasi_bulan || '';
const tanggalMulai = pemesananState.tanggal_mulai || new Date().toISOString().split('T')[0];
let htmlPenyewa = '';
for (let i = 1; i <= jumlah; i++) {
const isKetua = (i === 1);
const ag = pemesananState.anggota[i-1] || {};
htmlPenyewa += `
