|
Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /var/www/kamariallee.com/public_html/application/views/ |
Upload File : |
<div class=" w-full relative">
<!-- header mobile -->
<nav class="sticky top-0 left-0 right-0 md:hidden" style="z-index: 9999;">
<div class="bg-secondary md:bg-primary p-8">
<div class="flex justify-around items-center">
<h1 class="font-custom text-white md:text-secondary text-xl md:text-3xl">
<a href="<?= base_url('cart'); ?>">My Bag</a>
</h1>
<div class="border border-white h-8"></div>
<h1 class="font-custom text-white md:text-secondary text-xl md:text-3xl">Purchase List</h1>
</div>
</div>
</nav>
<div class="mb-0">
<div id="cartContainer" class="px-8 md:px-0 container mx-auto">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<!-- Kolom 1 -->
<div class="bg-transparent items-start xs:px-0 md:px-16 w-full">
<div class="w-full">
<div class="hidden md:block">
<p class="text-secondary font-custom text-3xl">SUBTOTAL</p>
<p class="text-primary text-3xl font-custom">Rp <?= number_format($subtotals, 0, ',', '.') ; ?></p>
</div>
<!-- <div class=" border-b-2 border-primary mt-8">
<input type="text" placeholder="Coupon Code" class="font-tinosRegular bg-transparent border-none text-primary p-1 text-lg focus:ring-0 active:ring-0 ml-[-12px]y">
</div>
<button class="border border-white bg-secondary p-2 mt-4 w-full">
<p class="font-custom text-white">Apply Coupon</p>
</button> -->
<!-- address -->
<div class="my-8">
<div class="flex justify-between items-center">
<p class="text-secondary font-custom text-xl">DELIVERY</p>
<a href="<?= base_url('shipping'); ?>" class="italic font-tinosItalic text-secondary">(edit address)</a>
</div>
<p class="font-tinosRegular text-primary mt-2"><span class="font-bold">
<?= ucwords($shipping->recipient_name); ?></span> <br>
<span class="text-">
<?= $shipping->shipping_phone; ?><br>
<?= $shipping->shipping_address; ?><br>
<?= ucwords($shipping->shipping_subdistrict); ?>, <?= ucwords($shipping->shipping_district); ?> - Indonesia <br>
<?= $shipping->shipping_postcode; ?>
</span>
</p>
</div>
<!-- summary -->
<div class=" border-y py-4 border-y-[#D2D2D2]">
<div class="flex justify-between items-center">
<p class="text-primary font-custom text-xl font-light">SUB - TOTAL</p>
<p class="font-custom text-primary">Rp <?= number_format($subtotals, 0, ',', '.') ; ?></p>
</div>
<div class="flex justify-between items-center">
<p class="text-primary font-custom text-xl">SHIPPING COST</p>
<p class="font-custom text-primary">Rp <?= number_format($total_shipping_fee, 0, ',', '.') ; ?></p>
</div>
</div>
<div class="flex justify-between items-center mt-4">
<p class="text-primary font-custom text-xl">TOTAL</p>
<p class="font-custom text-primary">Rp <?= number_format($grand_total, 0, ',', '.') ; ?></p>
</div>
</div>
</div>
<!-- Kolom 2 (2 kolom tumpuk) -->
<div class="bg-transparent flex justify-between flex-col items-start xs:p-0 w-full">
<div class="w-full">
<p class="font-custom text-secondary text-2xl">CHOOSE PAYMENT METHOD</p>
<?= form_open('payment/process_payment'); ?>
<div id="paymentOptions">
<div class="flex items-center mt-4" style="align-items: flex-start; gap: 15px;">
<input type="radio" name="payment_option"
value="manual transfer" id="option1"
checked style="position: relative; top:5px;">
<div class="items-center flex" style="align-items: flex-start">
<img src="<?= base_url() . 'uploads/bca.png'; ?>" alt="" class="h-6">
<!-- <div class="font-custom text-primary ml-2"><?= $bank_account ?></div> -->
<div class="font-custom text-primary ml-2">Bank Transfer</div>
</div>
</div>
<div class="flex items-center mt-4" style="align-items: flex-start; gap: 15px;">
<input type="radio" name="payment_option"
value="credit card" id="option2"
style="position: relative; top:5px;">
<div class="items-center flex" style="align-items: flex-start">
<img src="<?= base_url() . 'assets/frontend/img/creditcard.png'; ?>" alt="" class="h-6">
<div class="font-custom text-primary ml-2">Credit Card</div>
</div>
</div>
<div class="flex items-center mt-4" style="align-items: flex-start; gap: 15px;">
<input type="radio" name="payment_option"
value="BNI VA" id="option3"
style="position: relative; top:5px;">
<div class="items-center flex" style="align-items: flex-start">
<img src="<?= base_url() . 'assets/frontend/img/bni.png'; ?>" alt="" class="h-6">
<div class="font-custom text-primary ml-2">BNI VA</div>
</div>
</div>
<div class="flex items-center mt-4" style="align-items: flex-start; gap: 15px;">
<input type="radio" name="payment_option"
value="BRI VA" id="option4"
style="position: relative; top:5px;">
<div class="items-center flex" style="align-items: flex-start">
<img src="<?= base_url() . 'assets/frontend/img/bri.png'; ?>" alt="" class="h-6">
<div class="font-custom text-primary ml-2">BRI VA</div>
</div>
</div>
<div class="flex items-center mt-4" style="align-items: flex-start; gap: 15px;">
<input type="radio" name="payment_option"
value="CIMB VA" id="option5"
style="position: relative; top:5px;">
<div class="items-center flex" style="align-items: flex-start">
<img src="<?= base_url() . 'assets/frontend/img/cimb.png'; ?>" alt="" class="h-6">
<div class="font-custom text-primary ml-2">CIMB VA</div>
</div>
</div>
<div class="flex items-center mt-4" style="align-items: flex-start; gap: 15px;">
<input type="radio" name="payment_option"
value="Mandiri VA" id="option6"
style="position: relative; top:5px;">
<div class="items-center flex" style="align-items: flex-start">
<img src="<?= base_url() . 'assets/frontend/img/mandiri.png'; ?>" alt="" class="h-6">
<div class="font-custom text-primary ml-2">Mandiri VA</div>
</div>
</div>
<div class="flex items-center mt-4" style="align-items: flex-start; gap: 15px;">
<input type="radio" name="payment_option"
value="Permata VA" id="option7"
style="position: relative; top:5px;">
<div class="items-center flex" style="align-items: flex-start">
<img src="<?= base_url() . 'assets/frontend/img/permata.png'; ?>" alt="" class="h-6">
<div class="font-custom text-primary ml-2">Permata VA</div>
</div>
</div>
<div class="flex items-center mt-4" style="align-items: flex-start; gap: 15px;">
<input type="radio" name="payment_option"
value="Maybank VA" id="option8"
style="position: relative; top:5px;">
<div class="items-center flex" style="align-items: flex-start">
<img src="<?= base_url() . 'assets/frontend/img/maybank.png'; ?>" alt="" class="h-6">
<div class="font-custom text-primary ml-2">Maybank VA</div>
</div>
</div>
<div class="flex items-center mt-4" style="align-items: flex-start; gap: 15px;">
<input type="radio" name="payment_option"
value="OVO" id="option9"
style="position: relative; top:5px;">
<div class="items-center flex" style="align-items: flex-start">
<img src="<?= base_url() . 'assets/frontend/img/ovo.png'; ?>" alt="" class="h-6">
<div class="font-custom text-primary ml-2">OVO</div>
</div>
</div>
<div class="flex items-center mt-4" style="align-items: flex-start; gap: 15px;">
<input type="radio" name="payment_option"
value="Shopee Pay" id="option10"
style="position: relative; top:5px;">
<div class="items-center flex" style="align-items: flex-start">
<img src="<?= base_url() . 'assets/frontend/img/shopeepay.png'; ?>" alt="" class="h-6">
<div class="font-custom text-primary ml-2">Shopee Pay</div>
</div>
</div>
<div class="flex items-center mt-4" style="align-items: flex-start; gap: 15px;">
<input type="radio" name="payment_option"
value="Dana" id="option11"
style="position: relative; top:5px;">
<div class="items-center flex" style="align-items: flex-start">
<img src="<?= base_url() . 'assets/frontend/img/dana.png'; ?>" alt="" class="h-6">
<div class="font-custom text-primary ml-2">DANA</div>
</div>
</div>
<div class="flex items-center mt-4" style="align-items: flex-start; gap: 15px;">
<input type="radio" name="payment_option"
value="Qris" id="option12"
style="position: relative; top:5px;">
<div class="items-center flex" style="align-items: flex-start">
<img src="<?= base_url() . 'assets/frontend/img/qris.png'; ?>" alt="" class="h-6">
<div class="font-custom text-primary ml-2">QRIS</div>
</div>
</div>
</div>
</div>
<div class="w-full mt-4">
<input name="process_payment" class="bg-secondary p-2 mt-4 px-0 w-full font-custom text-white" type="submit" value="Proceed to Check Out" style="background: rgb(194 181 150); cursor:pointer" />
<?= form_close(); ?>
</div>
</div>
</div>
</div>