diff options
Diffstat (limited to 'pages/ord')
| -rw-r--r-- | pages/ord/checkout.html | 62 |
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 --> |