summaryrefslogtreecommitdiff
path: root/pages/ord/checkout.html
diff options
context:
space:
mode:
Diffstat (limited to 'pages/ord/checkout.html')
-rw-r--r--pages/ord/checkout.html62
1 files changed, 40 insertions, 22 deletions
diff --git a/pages/ord/checkout.html b/pages/ord/checkout.html
index 247c28a..ca18e66 100644
--- a/pages/ord/checkout.html
+++ b/pages/ord/checkout.html
@@ -70,7 +70,11 @@
<div class="block-header">
<h4 class="d-flex justify-content-between align-items-center">Shipping</h4>
</div>
- [include include/checkout/shipping_address]
+ <div class="container my-4">
+ <div class="block-body">
+ [include include/checkout/shipping_address]
+ </div>
+ </div>
</div>
<!-- End of Shipping Address -->
<!-- Billing Address -->
@@ -83,39 +87,53 @@
<!-- Delivery option-->
<div class="container my-4">
<div class="block-body">
- <div class="row">
- <div class="form-group col-md-6 d-flex align-items-center">
- [shipping widget="radio" extra='id="ship_widget" onchange="this.form.submit()"']
- <label class="ml-3" for="ship_widget">
- <strong class="d-block text-uppercase mb-2">[shipping-desc]</strong>
- <span class="text-muted text-sm">
- [L]Get it right on next day - fastest option possible.[/L]
- </span>
- </label>
- </div>
+ <div class="form-group form-floating">
+ [pikul widget="select" extra='id="ship_widget" aria-label= "Shipping method" class="form-control form-select" onchange="this.form.submit()"']
+ <label for="ship_widget">Shipping method</label>
</div>
+ <!-- Shipping duration -->
+ <!--div class="form-floating">
+ <select class="form-select mb-3" aria-label="Shipping duration" id="shippingDurationSelect">
+ <option selected value="1">Next Day (1 hari)</option>
+ <option value="2">Reguler (2-3 hari)</option>
+ <option value="3">Kargo (2-4 hari)</option>
+ </select>
+ <label for="shippingDurationSelect">Shipping duration</label>
+ </div-->
+ <!-- Shipping duration -->
+ <!-- Shipping provider -->
+ <!--div class="form-floating">
+ <select class="form-select mb-3" aria-label="Shipping provider" id="shippingProviderSelect">
+ <option selected value="1">AnterAja</option>
+ <option value="2">Sicepat</option>
+ <option value="3">JNE</option>
+ </select>
+ <label for="shippingProviderSelect">Shipping provider</label>
+ </div-->
+ <!-- Shipping provider -->
</div>
</div>
<!-- End of delivery option -->
</div>
<!-- End of Delivery Method -->
<!-- Payment Method -->
- <div>
+ <div class="container my-4">
<div class="block-header">
<h4 class="d-flex justify-content-between align-items-center">Payment method</h4>
</div>
- <div class="block-body">
- <!-- Payment Option-->
- <div class="row">
- <div class="form-group col-md-6 d-flex align-items-center">
- <input type="radio" name="mv_order_profile" value="bank_transfer" id="payment-method-1" checked/>
- <label class="ml-3" for="payment-method-1">
- <strong class="d-block text-uppercase mb-2">[L]Manual Transfer[/L]</strong>
- <span class="text-muted text-sm">[L]Please make payments by using the bank transfer method to __BANK__ __BANK_ACCOUNT_NUMBER__ a/n __BANK_ACCOUNT_HOLDER_NAME__.[/L]</span>
- </label>
+ <div class="container my-4">
+ <div class="block-body">
+ <!-- Payment Option-->
+ <div class="form-group form-floating">
+ <select class="form-select" id="payment-method-1" aria-label="Payment method" name="mv_order_profile">
+ <option selected value="bank_transfer">Manual Bank Transfer</option>
+ <option value="QRIS">QRIS</option>
+ <option value="COD">Cash on delivery</option>
+ </select>
+ <label for="payment-method-1">Payment method</label>
</div>
+ <!-- /Payment Option-->
</div>
- <!-- /Payment Option-->
</div>
</div>
<!-- End of Payment Method -->