118 lines
7.1 KiB
PHP
118 lines
7.1 KiB
PHP
<div class="form-step">
|
|
<h5 class="mb-4 text-center fw-bold">Langkah 3: Lakukan Pembayaran</h5>
|
|
|
|
<div class="card shadow-sm p-4">
|
|
<div class="row justify-content-center text-center">
|
|
<div class="col-12 col-sm-10 col-md-8 col-lg-6 mb-3">
|
|
<img src="/gambar/qris.jpg" alt="Pembayaran"
|
|
class="img-fluid rounded shadow w-100"
|
|
style="max-width: 500px; height: auto;">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row justify-content-center px-2">
|
|
<div class="col-12 col-md-8">
|
|
<div class="text-center mb-3">
|
|
<h6 class="fw-bold">Detail Pembayaran</h6>
|
|
</div>
|
|
|
|
<div class="card shadow-sm mb-3 rounded">
|
|
<div class="card-body">
|
|
|
|
<!-- No Order -->
|
|
<div class="row mb-3 align-items-center">
|
|
<div class="col-md-6 col-sm-12 fw-semibold">No Order</div>
|
|
<div class="col-md-6 col-sm-12 text-sm-end">
|
|
<div class="d-flex justify-content-between justify-content-sm-end align-items-center gap-2">
|
|
|
|
</div>
|
|
<button type="button" class="btn btn-sm btn-outline-secondary" onclick="copyNoOrder()">
|
|
<i class="fa fa-copy me-1"></i> Salin
|
|
</button><strong id="no_order_display" class="d-block small text-break text-wrap text-sm-end"></strong>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Bank -->
|
|
<div class="row mb-3">
|
|
<div class="col-md-6 col-sm-12 fw-semibold">Bank</div>
|
|
<div class="col-md-6 col-sm-12 text-sm-end">Bank BRI</div>
|
|
</div>
|
|
|
|
<!-- Nama Rekening -->
|
|
<div class="row mb-3">
|
|
<div class="col-md-6 col-sm-12 fw-semibold">Nama Rek.</div>
|
|
<div class="col-md-6 col-sm-12 text-sm-end">RPL 182 RSAB HARKIT OPR BLU PENERIMAAN</div>
|
|
</div>
|
|
|
|
<!-- No Rek -->
|
|
<div class="row mb-3 align-items-center">
|
|
<div class="col-md-6 col-sm-12 fw-semibold">No.Rek</div>
|
|
<div class="col-md-6 col-sm-12 text-sm-end">
|
|
<div class="d-flex justify-content-between justify-content-sm-end align-items-center gap-2">
|
|
<button type="button" class="btn btn-sm btn-outline-secondary" onclick="copyNoRek()">
|
|
<i class="fa fa-copy me-1"></i> Salin
|
|
</button>
|
|
</div>
|
|
<strong id="noRekText" class="d-block text-sm-end">096201000073308</strong>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Nominal -->
|
|
<div class="row mb-3">
|
|
<div class="col-md-6 col-sm-12 fw-semibold">Nominal</div>
|
|
<div class="col-md-6 col-sm-12 text-sm-end" id="no_order_price">Rp 0</div>
|
|
</div>
|
|
|
|
<!-- Waktu Pembayaran -->
|
|
<div class="row mb-2">
|
|
<div class="col-md-6 col-sm-12 fw-semibold">Waktu Pembayaran</div>
|
|
<div class="col-md-6 col-sm-12 text-sm-end" id="countdownPayment"></div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<p class="text-muted small text-center px-2">
|
|
Mohon untuk melakukan pembayaran sebelum batas waktu yang tertera, lalu unggah bukti pembayaran sebagai konfirmasi.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row justify-content-center mt-4">
|
|
<div class="mb-3">
|
|
<label for="cara_pembayaran" class="form-label fw-semibold">Metode Pembayaran</label>
|
|
<select class="form-select" id="cara_pembayaran" name="cara_pembayaran" onchange="toggleBuktiPembayaran()">
|
|
<option value="transfer">Transfer Bank</option>
|
|
<option value="billing">Billing RS</option>
|
|
</select>
|
|
<input type="hidden" id="no_order_result" name="no_order_result">
|
|
</div>
|
|
|
|
<div id="bukti_section">
|
|
<label for="bukti_pembayaran" class="form-label fw-semibold">Upload Bukti Pembayaran</label>
|
|
<div class="card p-3 border-dashed position-relative text-center shadow-sm">
|
|
<input type="file" class="form-control position-absolute top-0 start-0 opacity-0 w-100 h-100"
|
|
id="bukti_pembayaran" name="bukti_pembayaran" accept="image/*" onchange="previewBuktiPembayaran()">
|
|
<div id="preview_text" class="text-muted">
|
|
Klik atau drag file ke sini untuk upload<br>
|
|
<small>Format: JPG, PNG | Max: 2MB</small>
|
|
</div>
|
|
<img id="bukti_preview" class="img-fluid rounded mt-3 d-none" style="max-height: 300px; object-fit: contain;" />
|
|
</div>
|
|
</div>
|
|
<div class="mb-3" id="billing_section" style="display:none;">
|
|
<label for="exampleInputEmail1" class="form-label">No. Medical Record</label>
|
|
<input type="text" class="form-control" name="medical_record" id="medical_record" placeholder="Masukkan No. Medical Record">
|
|
</div>
|
|
<p class="text-muted small text-center px-2 py-2">
|
|
<strong>Makanan yg sudah dipesan tidak dapat dibatalkan, dan tidak ada pengembalian uang</strong>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-flex justify-content-center mt-4">
|
|
<button type="submit" class="btn btn-success w-100">Selesaikan Pesanan</button>
|
|
</div>
|
|
</div>
|