done add informasi + pop up modal saat user memilih mode Masyarakat Umum

This commit is contained in:
JokoPrasetio 2025-11-17 09:30:57 +07:00
parent f0df828334
commit cf29cd2695
5 changed files with 96 additions and 26 deletions

View File

@ -237,8 +237,6 @@ function toggleCustomerFields() {
if ($nama[0] && $nama[0].selectize) {
$nama[0].selectize.destroy();
}
switch (selected) {
case 'Karyawan RSAB Harapan Kita':
$('.karyawan').show();
@ -254,13 +252,14 @@ function toggleCustomerFields() {
$("#help_nama_pemesan").addClass('d-none')
$("#help_email_karyawan").addClass('d-none')
break;
default: // Masyarakat Umum
case 'Masyarakat Umum' :
$('.umum').show();
$nama.addClass('form-control')
$("#help_nama_pemesan").addClass('d-none')
$("#help_email_karyawan").addClass('d-none')
$("#modalAttentionModeUmum").modal('show');
break;
default:
}
}
$('input[name="jenis_customer"]').on('change', toggleCustomerFields);
@ -343,12 +342,15 @@ toggleCustomerFields();
if (checkout_biodata.jenis_customer === "Karyawan RSAB Harapan Kita") {
$('#karyawan').removeClass('d-none');
$('#pasien').addClass('d-none');
$('#umum').addClass('d-none');
} else if (checkout_biodata.jenis_customer === "Keluarga Pasien / Penunggu Pasien") {
$('#karyawan').addClass('d-none');
$('#pasien').removeClass('d-none');
$('#umum').addClass('d-none');
} else {
$('#karyawan').addClass('d-none');
$('#pasien').addClass('d-none');
$('#umum').removeClass('d-none');
}

View File

@ -48,6 +48,7 @@
</section>
@include('guest.checkout.modal.noteOrder')
@include('guest.checkout.modal.confirmPaymentBilling')
@include('guest.checkout.modal.attentionModeUmum')
<script>
const karhohidrats = {!! json_encode($karbohidrat) !!}
</script>

View File

@ -0,0 +1,46 @@
<div class="modal fade" id="modalAttentionModeUmum" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-md">
<div class="modal-content shadow rounded-4">
<!-- Modal Header -->
<div class="modal-header bg-warning bg-opacity-10 border-bottom-0">
<h5 class="modal-title fw-bold text-warning">
<i class="fa-solid fa-circle-info me-2"></i> Informasi Pemesanan Masyarakat Umum
</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Tutup"></button>
</div>
<!-- Modal Body -->
<div class="modal-body">
<p class="mb-2">
<strong>Perhatian:</strong> Pemesanan untuk <strong>Masyarakat Umum</strong>:
</p>
<ul class="mb-3 ps-3">
<li>
Bagi masyarakat umum ,<strong>makanan yang dipesan harus diambil sendiri / tidak diantar/ dapat menggunakan jasa antar online yang dipesan oleh konsumen sendiri</strong>, diambil di Instalsi Gizi RSAB Harapan Kita
</li>
<li>
Waktu pengambilan makanan:
<ul class="ps-3 mt-1">
<li>Siang: <strong>12.00 - 13.00 WIB</strong></li>
<li>Sore: <strong>16.00 - 17.00 WIB</strong></li>
</ul>
</li>
<li>Pemesanan tidak dapat dibatalkan dan tidak ada pengembalian uang.</li>
<li>
Butuh bantuan? Hubungi WhatsApp <strong>Instalasi Gizi</strong>:
<a href="https://wa.me/08815611382" target="_blank">08815611382</a><br>
<small class="text-muted">Jam kerja: 08.00 - 15.00 WIB</small>
</li>
</ul>
</div>
<!-- Modal Footer -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary rounded-pill" data-bs-dismiss="modal">
Saya Mengerti
</button>
</div>
</div>
</div>
</div>

View File

@ -1,4 +1,4 @@
<div class="form-step active">
<div class="form-step active">
<div class="row g-3 mb-4">
<input type="hidden" name="cart_data" id="cart_data">
<div class="col-md-6">

View File

@ -1,4 +1,4 @@
<div class="form-step d-none">
<div class="form-step d-none">
<h5 class="mb-4">Langkah 2: Konfirmasi Pemesanan</h5>
{{-- Ringkasan Pesanan --}}
@ -9,13 +9,12 @@
{{-- Akan diisi oleh JavaScript --}}
</div>
{{-- Tombol Navigasi --}}
<div class="d-flex justify-content-between mt-4">
<button type="button" class="btn btn-secondary prev-step">Sebelumnya</button>
<button type="button" class="btn btn-success next-step" id="btnSimpanPemesanan">Lanjutkan</button>
</div>
<div class="alert alert-info py-3 px-4 small border-start border-4 border-primary mt-3 d-none" id="karyawan" role="alert">
<div class="alert alert-info py-3 px-4 border-4 mt-3 d-none" id="karyawan" role="alert">
<div class="fw-bold mb-2">
<i class="fa fa-info-circle me-1"></i>Informasi Penting
</div>
@ -40,23 +39,45 @@
</ul>
</div>
<div class="alert alert-info py-3 px-4 small border-start border-4 border-primary mt-3 d-none" id="pasien" role="alert">
<div class="fw-bold mb-2">
<i class="fa fa-info-circle me-1"></i>Informasi Penting
</div>
<p class="mb-2">
Bagi Keluarga atau Penunggu Pasien, makanan yang dipesan <strong>akan diantarkan</strong> ke ruang perawatan.
</p>
<ul class="mb-0 ps-3">
<li>
Pemesanan tidak dapat dibatalkan dan tidak ada pengembalian uang.
</li>
<li>
Butuh bantuan? Hubungi WhatsApp <strong>Instalasi Gizi</strong>:
<a href="https://wa.me/08815611382 " target="_blank">08815611382 </a> <br>
<small class="text-muted">Jam kerja: 08.00 - 15.00 WIB</small>
</li>
</ul>
<div class="alert alert-info py-3 px-4 border-4 mt-3 d-none" id="pasien" role="alert">
<div class="fw-bold mb-2">
<i class="fa fa-info-circle me-1"></i>Informasi Penting
</div>
<p class="mb-2">
Bagi Keluarga atau Penunggu Pasien, makanan yang dipesan <strong>akan diantarkan</strong> ke ruang perawatan.
</p>
<ul class="mb-0 ps-3">
<li>
Pemesanan tidak dapat dibatalkan dan tidak ada pengembalian uang.
</li>
<li>
Butuh bantuan? Hubungi WhatsApp <strong>Instalasi Gizi</strong>:
<a href="https://wa.me/08815611382 " target="_blank">08815611382 </a> <br>
<small class="text-muted">Jam kerja: 08.00 - 15.00 WIB</small>
</li>
</ul>
</div>
<div class="alert alert-info py-3 px-4 border-4 mt-3 d-none" id="umum" role="alert">
<div class="fw-bold mb-2">
<i class="fa fa-info-circle me-1"></i>Informasi Penting
</div>
<p class="mb-2">
Bagi masyarakat umum ,<strong>makanan yang dipesan harus diambil sendiri / tidak diantar/ dapat menggunakan jasa antar online yang dipesan oleh konsumen sendiri</strong>, diambil di Instalasi Gizi RSAB Harapan Kita.
</p>
<ul class="mb-0 ps-3">
<li>
Waktu pengambilan makanan:
<ul class="ps-3 mt-1">
<li>Siang: <strong>12.00 - 13.00 WIB</strong></li>
<li>Sore: <strong>16.00 - 17.00 WIB</strong></li>
</ul>
</li>
<li>Pemesanan tidak dapat dibatalkan dan tidak ada pengembalian uang.</li>
<li>
Butuh bantuan? Hubungi WhatsApp <strong>Instalasi Gizi</strong>:
<a href="https://wa.me/08815611382" target="_blank">08815611382</a><br>
<small class="text-muted">Jam kerja: 08.00 - 15.00 WIB</small>
</li>
</ul>
</div>
</div>