<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>

<div class="container">
	<div class="row">
		<div class="col-sm-12" style="text-align:center;">
			<br><br>
            <!-- <pre><div id="result-json">JSON result will appear here after payment:<br></div></pre>  -->

            <h2>
                <!-- <img src="<?= base_url('assets/frontend/img/midtrans-logo2.jpg'); ?>"> -->
                Transfering you to our Secure Payment Gateway
                <br><br>
            </h2>
            <!-- <img src="<?= base_url('assets/frontend/img/midtrans-logo.jpg'); ?>"></p> -->
            <?php
                //get logo
                $this->db->select('midtrans_logo')->from('configuration')->where('id_configuration', 1);
                $midtrans_logo = $this->db->get()->row()->midtrans_logo;
            ?>
            <img class="midtrans_image" src="<?= base_url() . 'uploads/' . $midtrans_logo; ?>" style="width: 150px;"/> 


			<h3>Please click on PROCESS PAYMENT to continue</h3>
            <br>

            <button class="btn btn-primary" id="pay-button" style="background-color: #F48120;">Click To Continue</button>

            <div id="ge00"><p>Bila ada kendala, 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 browser
                  $('#ge00').show();
                }
              });
            </script>  

            <br><br>

            <script src="<?= $snap_url; ?>" data-client-key="<?= $client_key; ?>"></script>

            <script type="text/javascript">

            document.getElementById('pay-button').onclick = function(){

                // SnapToken acquired from previous step
                snap.pay('<?= $snapToken; ?>', {
                    
                    // Optional
                    onSuccess: function(result){
                        /* You may add your own js here, this is just example *document.getElementById('result-json').innerHTML += JSON.stringify(result, null, 2); */
                        window.location.href = '<?= base_url('midtrans/veritrans_payment_success'); ?>';
                    },

                    // Optional
                    onPending: function(result){
                        /* You may add your own js here, this is just example document.getElementById('result-json').innerHTML += JSON.stringify(result, null, 2); */
                        window.location.href = '<?= base_url('midtrans/veritrans_payment_pending'); ?>';    
                    },

                    // Optional
                    onError: function(result){
                        /* You may add your own js here, this is just example document.getElementById('result-json').innerHTML += JSON.stringify(result, null, 2); */
                        window.location.href = '<?= base_url('midtrans/veritrans_payment_error'); ?>';

                    }
                });
            };

            </script>
            
            <br><br><br>

		</div><!-- end col-sm-12-->
	</div><!-- end row-->
</div><!-- end container -->

<div id="footer" >