<style>
	.radio_midtrans{
		position: relative; 
		bottom:55px;
	}
	.midtrans_image{
		width: auto;
	}
	@media screen and (max-width: 903px) and (min-width: 576px){
		.radio_midtrans{
			bottom:40px;
		}
		.midtrans_image{
			width: 85%;
		}
	}
</style>
<div class="w-grid">
<div class="container">
	<br><br>	
	<h3>PILIH METODE PEMBAYARAN</h3> 
	<hr>
	<?= form_open('payment/process_payment'); ?>
		<input type="hidden" name="order_id" value="<?= $order_id; ?>">
		<br>
		<div class="row payment">
			<?php if(($configuration->bank_transfer==1) OR ($configuration->bank_transfer1==1)):?>
				<div class="col-sm-4" style="padding-bottom: 10px;">
					<h4 style="margin-bottom:10px;"><strong>Manual Bank Transfer</strong><br></h4>
					<p>Pembayaran dengan manual bank transfer dengan konfirmasi.</p>
					<!-- <br> -->
					<div style="position: relative;">
						<?php if($configuration->bank_transfer==1):?>
							<?php 
								$data = array(
									'name'        => 'payment_type',
									'class'       => 'payment_type',
									'id'       	  => 'payment_type_bank_transfer',
									'value'       => 'bca',
									'style'       => ''
								);
								$data['checked'] = TRUE;
								echo form_radio($data); 
							?> <img class="img-bank" src="<?= base_url('assets/frontend/img/banktransfer_bca.jpg'); ?>">
						<?php endif; ?>
						<br><br>
						<?php if($configuration->bank_transfer1==1):?>
							<?php 
								$data = array(
									'name'        => 'payment_type',
									'class'       => 'payment_type mandiri',
									'id'       	  => 'payment_type_bank_transfer',
									'value'       => 'mandiri',
									'style'       => ''
								);
								echo form_radio($data); 
							?> <img class="img-bank" id="bank_mandiri" src="<?= base_url('assets/frontend/img/banktransfer_mandiri.jpg'); ?>" >
						<?php endif; ?>
					</div>
				</div>	
			<?php endif; ?>

			<div class="col-sm-4">
				<h4 style="margin-bottom:10px;">
					<strong>Online Payment</strong><br>
				</h4>
				<p>Pembayaran Online Transfer melalui ATM, Mobile atau Internet Banking.</p>
		        <!-- <br> -->
				<div class="row">
					<div class="col-sm-12" style="padding-left: 30px;">
						<img class="midtrans_image" src="<?= base_url() . 'assets/frontend/img/midtrans-logo2.jpg'; ?>" style="width:150px"/>	
						<span style="position: relative; left: -180px; top: -5px;">
							<?php 
								$data = array(
									'name'        => 'payment_type',
									'class'       => 'payment_type',
									'id'       	  => 'payment_type_midtrans',
									'value'       => 'midtrans',
									'style'       => ''
								);
								echo form_radio($data); 
							?>
						</span>
					</div>
				</div>
				<div id="ge00">
					<p>Silahkan matikan <span style="color:red;">AdBlock di UCBrowser</span>, atau gunakan Chrome/Firefox.</p>
				</div>
		        <script>
		        	$(document).ready(function() {
		        		$('#ge00').hide();
		        		if (navigator.userAgent.indexOf(' UCBrowser/') >= 0) {
		        			//...is uc browse
		        			$('#ge00').show();
		        		}
		        	});
		        </script>
			</div> 
		</div>	
		<br><br>
		<div class="toc"> 
			<div class="col-sm-9" style="padding: 0px 0px 10px; display:none">
				<?php
					$attr_cb = array(
						'name' => 'toc', 
						'value'=> 'yes',
						'required'=> 'required',
						'style'=> 'position:initial',
						'checked' => 'checked'
					);
					echo form_checkbox($attr_cb);
				?>
				<sup>*</sup> Saya menyetujui <a href="#myModalTOC" data-toggle="modal" style="color:#067fb8;">Syarat dan Ketentuan</a>
			</div>
			<div class="btn-next">
				<input type="submit" name="process_payment" value="Lanjutkan Pembayaran" style="width:250px;" class="btn btn-primary buyButton">
				<br><br><br>
			</div>
		</div>
	<?= form_close(); ?>
</div>

<div class="modal fade" id="myModalTOC" role="dialog" style="display: none;">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
		<div class="modal-header">
			<h4 class="modal-title">Syarat dan Ketentuan</h4>
			<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
			
		</div>
		<div class="modal-body">
			<?php
				$this->db->select('toc')->from('toc')->where('id_toc', 1);
				$toc = $this->db->get()->row()->toc;
				echo $toc; 
			?>
		</div>
		<div class="modal-footer">
			<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
		</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div>
</div>