When everything planned well!
<![CDATA[
<div id='result-ba5c69d020d0834fc2be7b2abf93da84ba37eab6a'></div>
<form id="ba5c69d020d0834fc2be7b2abf93da84ba37eab6a" onsubmit="stba5c69d020d0834fc2be7b2abf93da84ba37eab6a();return false;" class="detail-data-striped">
<div class="data-item">
<label for='kode' class="data-label">Waktu Kedatangan</label>
<div class="data-field has-form">
<div class="input-group">
<div class="input-group-addon"><i class="fa fa-calendar"></i></div>
<input class="form-control" type="text" name="waktu_kedatangan" id="waktu_kedatangan" value="2024-11-28 00:00" onchange="getHargaPerPax()" min="0001-01-01 00:00" max="9999-12-31 23:59" date-selector="uc383ce72d6e97b8f275782d6bcaf5394423a54e8" required="required">
<script>
$(document).ready(function () {
dateTimePicker('input[date-selector=uc383ce72d6e97b8f275782d6bcaf5394423a54e8]', '0001-01-01 00:00', '9999-12-31 23:59');
})
</script>
<div class="input-group-addon title-tip" title="Estimasi waktu datang sesuai lokasi kedatangan"><i class="fa fa-info-circle"></i></div>
</div>
</div>
</div>
<div class="data-item">
<label for='kode' class="data-label">Kombinasi Kamar</label>
<div class="data-field has-form">
<table class="table table-striped table-hover no-margin">
<thead>
<tr>
<th style="width: 75px;">Jenis Kamar</th>
<th>Harga Per Pax</th>
<th style="width: 120px;">Jumlah Pax</th>
<th style="width: 75px;">Jumlah Kamar</th>
</tr>
</thead>
<tbody>
<tr class="tr-kombinasi-kamar" data-jenis-kamar="2">
<td class="center">Double</td>
<td id="harga_kamar_2" class="center">SAR 0,00</td>
<td style="padding: 2px;width: 120px;">
<div class="input-group">
<input class="form-control komposisi-kamar" type="number" name="jenis_kamar_2" id="jenis_kamar_2" value="0" min="0" placeholder="Jumlah Pax" onkeyup="rekalkulasiHarga()" onchange="rekalkulasiHarga()" required="required">
<div class="input-group-addon">Pax</div>
</div>
</td>
<td class="center jumlah-kamar">0 Kamar</td>
</tr>
<tr class="tr-kombinasi-kamar" data-jenis-kamar="3">
<td class="center">Triple</td>
<td id="harga_kamar_3" class="center">SAR 0,00</td>
<td style="padding: 2px;width: 120px;">
<div class="input-group">
<input class="form-control komposisi-kamar" type="number" name="jenis_kamar_3" id="jenis_kamar_3" value="0" min="0" placeholder="Jumlah Pax" onkeyup="rekalkulasiHarga()" onchange="rekalkulasiHarga()" required="required">
<div class="input-group-addon">Pax</div>
</div>
</td>
<td class="center jumlah-kamar">0 Kamar</td>
</tr>
<tr class="tr-kombinasi-kamar" data-jenis-kamar="4">
<td class="center">Quad</td>
<td id="harga_kamar_4" class="center">SAR 0,00</td>
<td style="padding: 2px;width: 120px;">
<div class="input-group">
<input class="form-control komposisi-kamar" type="number" name="jenis_kamar_4" id="jenis_kamar_4" value="0" min="0" placeholder="Jumlah Pax" onkeyup="rekalkulasiHarga()" onchange="rekalkulasiHarga()" required="required">
<div class="input-group-addon">Pax</div>
</div>
</td>
<td class="center jumlah-kamar">0 Kamar</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="data-item">
<label for='kode' class="data-label">Total Harga</label>
<div id="rxba5c69d020d0834fc2be7b2abf93da84ba37eab6a" class="data-field"></div>
</div>
<div class="data-item">
<label for='kode' class="data-label"></label>
<div class="data-field has-form">
<button class="btn btn-primary" type="submit">Pesan Paket</button>
</div>
</div>
<input type="hidden" name="harga_per_pax_la_only" id="harga_per_pax_la_only">
<input type="hidden" name="id" id="id" value="5">
<input type="hidden" name="_token" value="1Ij5knDWeWzrGNIALFJEdYHf6GCs7qlxBa6pohuJ">
</form>
]]>
built with : https://erahajj.co.id
