mirror of
https://gitlab.com/nekoya/web.git
synced 2024-11-22 22:36:37 +01:00
111 lines
5.7 KiB
Text
111 lines
5.7 KiB
Text
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<%- include('../layouts/header.ejs', {title: 'Checkout', state: 'checkout'}); %>
|
|
|
|
<body style="background-color: #1b1c1e;">
|
|
<%- include('../layouts/navbar.ejs', {types: 'v3', title: 'Checkout Page'}); %>
|
|
|
|
<br>
|
|
<br>
|
|
|
|
<div class="full-body justify-content-center">
|
|
<div class="body-left">
|
|
<table class="table" style="color: white; margin-right: 48px;">
|
|
<thead>
|
|
<tr class="titletr">
|
|
<th scope="col">Item</th>
|
|
<th scope="col">Item Price</th>
|
|
<th scope="col">Sub Total</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<%- include('../layouts/checkouttr.ejs') %>
|
|
<%- include('../layouts/checkouttr.ejs') %>
|
|
<%- include('../layouts/checkouttr.ejs') %>
|
|
<tr style="border-bottom: 1px solid white;">
|
|
<th>Total Price</th>
|
|
<td></td>
|
|
<td>Rp 5.999.997,00</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="body-right" style="margin-left: 48px;">
|
|
<div class="card" style="background-color: #212226 ; border-radius: 20px; padding: 20px;">
|
|
<h3>SHIPPING DETAILS</h3>
|
|
<p>Please enter your delivery address</p>
|
|
<form style="border-top: 1px solid white;">
|
|
|
|
<form>
|
|
<div class="form-group">
|
|
<label for="contactInformation"><b>CONTACT INFORMATION</b></label>
|
|
<div style="display: flex;">
|
|
<input aria-describedby="fnamehelp" class="form-control" id="fName"
|
|
placeholder="First Name" type="FName" required>
|
|
<input aria-describedby="lnamehelp" class="form-control" id="lName"
|
|
placeholder="Last Name" type="Lname" required>
|
|
</div>
|
|
<input aria-describedby="PhoneNumber" class="form-control" id="phoneNum"
|
|
placeholder="Phone Number" type="PhoneNum" required>
|
|
<small class="form-text text-muted" id="phoneHelp">We'll never share your Phone Number with
|
|
anyone
|
|
else.</small>
|
|
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="contactInformation"><b>ADDRESS</b></label>
|
|
<input aria-describedby="Address1" class="form-control" id="address1"
|
|
placeholder="Street Address " type="Address1" required>
|
|
<input aria-describedby="Address2" class="form-control" id="address2"
|
|
placeholder="Street Address 2 " type="Address2" required>
|
|
<input aria-describedby="region" class="form-control" id="region"
|
|
placeholder="Region" type="region" required>
|
|
<input aria-describedby="province" class="form-control" id="province"
|
|
placeholder="Province" type="province" required>
|
|
<input aria-describedby="city" class="form-control" id="city"
|
|
placeholder="City" type="city" required>
|
|
<input aria-describedby="district" class="form-control" id="district"
|
|
placeholder="District" type="district" required>
|
|
<input aria-describedby="subdistrict" class="form-control" id="subDistrict"
|
|
placeholder="Subdistrict" type="subdistrict" required>
|
|
<input aria-describedby="portalcode" class="form-control" id="portalCode"
|
|
placeholder="Portalcode" type="portalcode" required>
|
|
</div>
|
|
|
|
<div class="form-check">
|
|
<input class="form-check-input" id="defaultCheck1" type="checkbox" value="" required>
|
|
<label class="form-check-label" for="defaultCheck1">
|
|
My Billing and Shipping information are the same
|
|
</label>
|
|
</div>
|
|
</form>
|
|
|
|
<h3 style="margin-top: 20px;">SHIPPING METHODS</h3>
|
|
|
|
<form style="border-top: 1px solid white;">
|
|
<div class="input-group mb-3">
|
|
<div class="input-group-prepend">
|
|
<label class="input-group-text" for="shipping">Shipping Methods</label>
|
|
</div>
|
|
<select class="custom-select" id="shipping">
|
|
<option selected>Choose...</option>
|
|
<option value="1">JNT</option>
|
|
<option value="2">JNE</option>
|
|
<option value="3">SICEPAT</option>
|
|
</select>
|
|
</div>
|
|
</form>
|
|
<div style="display: flex; color: black;">
|
|
<button class="btn btn-primary btn-pay" id="myBtn" type="submit"><a href="notifpay" class="none">Pay</a></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<%- include('../layouts/footer.ejs', {state: 'checkout'}); %>
|
|
</body>
|
|
</html>
|