<?php 
	$pagename = $this->uri->segment(1);
	$pagename = strtoupper($pagename);
?>
<style>
div#smart-button-container div {    text-align: left !important;}
div#smart-button-container {    float: left;    text-align: left;}
label {    width: 97px;    padding-top: 10px;}
p#descriptionError, p#invoiceidError {    display: flex;}
p#invoiceidError {    color: snow;    height: 0;    margin: 0;}
div#buttons-container,.paypal-button-container {    max-width: 350px!important;width: 350px!important;}
.paypal-button-container,div#paypal-button-container {    width: 350px !important;    max-width: 350px !important;}
</style>

 <div class="span9">
     <!-- start article 1 -->
        <article class="blog-post">
            <div class="post-heading">
              <h1>Mode of Payment for APC</h1>
            </div>
            <h5>1. Payment options for Indian Authors:</h5>
            <b>You can choose anyone of the following option for payment</b><br /><br />
            <div class="contentul">
            	<ul>
                	<li>Authors can directly pay to our bank account which is mentioned in our acceptance mail.</li>
                    <li>Through net banking, you can transfer amount to our specified account number in our acceptance mail.</li>
                    <li>You can choose following link for online payment option.</li>
                </ul>
            </div>
            
            <a href="<?php echo site_url("$pagename/sbi-i-collect");?>">  <img src="<?php echo base_url();?>templates/assets/img/online-sbi.png" width="331" height="112" alt="Online Payment"></a><br>
             <h5>2. Payment options for Foreign Authors:</h5>
             <b>You can choose anyone of the following option for payment</b><br /><br />
             <div class="contentul">
            	<ul>
                	<li>Authors can directly pay to our bank account which is mentioned in our acceptance mail.</li>
                    <li>Foreign authors can pay the amount through Western Union Money transfer / Money Gram / Express Money, etc.</li>
                    <li>You can also use following Paypal payment gateway for online payment.</li>
                </ul>
            </div>
            </p>
            <div id="smart-button-container">
<div style="text-align: left; float: left; display: flex;"><label for="description">Article ID </label><input maxlength="127" name="descriptionInput" type="text" value="" id="description" style="text-align: left; float: left;" /></div>
<p id="descriptionError" style="visibility: hidden; color: red; text-align: center;">Please enter a description</p>
<div style="text-align: left; float: left; display: flex;"><label for="amount">APC </label><input name="amountInput" type="number" value="" id="amount" style="text-align: left; float: left;" /><span style="padding-left: 10px;"> USD</span></div>
<p id="priceLabelError" style="visibility: hidden; color: red; text-align: center;">Please enter a price</p>
<div id="invoiceidDiv" style="text-align: left; display: none;"><label for="invoiceid"> </label><input maxlength="127" name="invoiceid" type="text" value="" id="invoiceid" /></div>
<p id="invoiceidError" style="visibility: hidden; color: red; text-align: center;">Please enter an Invoice ID</p>
<div id="paypal-button-container" style="text-align: center; margin-top: 0.625rem;">&nbsp;</div>
</div>

            <!--<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
			    <input type="hidden" name="cmd" value="_s-xclick" />
			    <input type="hidden" name="hosted_button_id" value="DWG4X4H4KVBUA" />
			    <input type="image" name="submit" src="<?php echo base_url();?>templates/assets/img/online-paypal.jpg" alt="PayPal – The safer, easier way to pay online!" />
			    <img src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" alt="" width="1" height="1" border="0" />
	        </form>-->
            <!--<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
				<input type="hidden" name="cmd" value="_s-xclick">
				<input type="hidden" name="hosted_button_id" value="DWG4X4H4KVBUA">
				<input type="image" src="<?php echo base_url();?>templates/assets/img/online-paypal.jpg" border="0" name="submit" alt="PayPal – The safer, easier way to pay online!">
				<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1"  height="1">
			</form>-->
            <br><br><br><br><br><br><br><br><br><br><br><br><br>
           <h5> Note:</h5> <p>If you have any problem with currencies, transfer method, feel free to contact us. We will assist you.
</p>
<script src="https://www.paypal.com/sdk/js?client-id=Ady0BqcP04xdSXTCHhLvAVd4VgoGfb4pr9C4N6n2YNNm9lnRUm1vTkQ2Zd60XBOGwNmzULOGMBrd_WCk&enable-funding=venmo&currency=USD" type="text/javascript"></script>
<script type="text/javascript">
  function initPayPalButton() {
    var description = document.querySelector('#smart-button-container #description');
    var amount = document.querySelector('#smart-button-container #amount');
    var descriptionError = document.querySelector('#smart-button-container #descriptionError');
    var priceError = document.querySelector('#smart-button-container #priceLabelError');
    var invoiceid = document.querySelector('#smart-button-container #invoiceid');
    var invoiceidError = document.querySelector('#smart-button-container #invoiceidError');
    var invoiceidDiv = document.querySelector('#smart-button-container #invoiceidDiv');

    var elArr = [description, amount];

    if (invoiceidDiv.firstChild.innerHTML.length > 1) {
      invoiceidDiv.style.display = "block";
    }

    var purchase_units = [];
    purchase_units[0] = {};
    purchase_units[0].amount = {};

    function validate(event) {
      return event.value.length > 0;
    }

    paypal.Buttons({
      style: {
        color: 'gold',
        shape: 'rect',
        label: 'paypal',
        layout: 'vertical',
        
      },

      onInit: function (data, actions) {
        actions.disable();

        if(invoiceidDiv.style.display === "block") {
          elArr.push(invoiceid);
        }

        elArr.forEach(function (item) {
          item.addEventListener('keyup', function (event) {
            var result = elArr.every(validate);
            if (result) {
              actions.enable();
            } else {
              actions.disable();
            }
          });
        });
      },

      onClick: function () {
        if (description.value.length < 1) {
          descriptionError.style.visibility = "visible";
        } else {
          descriptionError.style.visibility = "hidden";
        }

        if (amount.value.length < 1) {
          priceError.style.visibility = "visible";
        } else {
          priceError.style.visibility = "hidden";
        }

        if (invoiceid.value.length < 1 && invoiceidDiv.style.display === "block") {
          invoiceidError.style.visibility = "visible";
        } else {
          invoiceidError.style.visibility = "hidden";
        }

        purchase_units[0].description = description.value;
        purchase_units[0].amount.value = amount.value;

        if(invoiceid.value !== '') {
          purchase_units[0].invoice_id = invoiceid.value;
        }
      },

      createOrder: function (data, actions) {
        return actions.order.create({
            intent: "CAPTURE",
          application_context: {
              brand_name: "SSRG",
              user_action: "PAY_NOW", // Don't change this value.
              shipping_preference: "NO_SHIPPING", // Don't change this value.
              payment_method:{
                payer_selected:"PAYPAL", // Don't change this value.
                payee_preferred:"IMMEDIATE_PAYMENT_REQUIRED"   // Don't change this value.
              } 
          },
          purchase_units: purchase_units,
        });
      },

      onApprove: function (data, actions) {
        return actions.order.capture().then(function (orderData) {

          // Full available details
          console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));

          // Show a success message within this page, e.g.
          const element = document.getElementById('paypal-button-container');
          element.innerHTML = '';
          element.innerHTML = '<h3>Thank you for your payment!</h3>';

          // Or go to another URL:  actions.redirect('thank_you.html');
          
        });
      },

      onError: function (err) {
        console.log(err);
      }
    }).render('#paypal-button-container');
  }
  initPayPalButton();
  </script>
<div id="menu-mobile">
     <table class="mobilemenu" border="0" align="center">
        <thead>
            <th colspan="3"> <?php echo $pagename; ?> MENUS </th>
        </thead> 
        <tbody>
            <tr>
                <td>
                	<button class="btn btn-success"><a href="<?php echo site_url("$pagename/index"); ?>"><?php echo $pagename; ?> Aim & Scope</a></button>
                </td>
                <td>
                	<button class="btn btn-success"><a href="<?php echo site_url("$pagename/editorial-board");?>">Editorial Board</a></button>
                </td>
                <td>
                    <button class="btn btn-success"><a href="<?php echo site_url("$pagename/submit-article");?>">Paper Submission</a></button>
                </td>
             </tr>
             <tr>
                <td>
                	<button class="btn btn-success"><a href="<?php echo site_url("$pagename/current-issue");?>">Current Issue</a></button>
                </td>
                <td>
                	<button class="btn btn-success"><a href="<?php echo site_url("$pagename/archive");?>"><?php echo $pagename; ?> Archives</a></button>
                </td>
                <td>
                    <button class="btn btn-success"><a href="<?php echo site_url("forauthors/publication-ethics"); ?>" >Publication Ethics</a></button>
                </td>
            </tr>
            <tr>
                
                <td>
                	<button class="btn btn-success"><a href="<?php echo site_url("forauthors"); ?>">Authors Guidelines </a></button>
                </td>
                <td>
                	<button class="btn btn-success"><a href="<?php echo site_url("foreditors"); ?>">Editors Guidelines</a></button>
                </td>
                <td>
                	<button class="btn btn-success"><a href="<?php echo site_url("forreviewer"); ?>">Reviewer Guidelines</a></button>
                </td>
            </tr>
            <tr>
                <td>
                	<button class="btn btn-success"><a href="<?php echo site_url("$pagename/indexing");?>">Indexing</a></button>
                </td>
                <td>
                	<button class="btn btn-success"><a href="<?php echo site_url("$pagename/apc");?>">APC</a></button>
                </td>
                <td>
                	<button class="btn btn-success"><a href="<?php echo site_url("$pagename/mode-of-payment");?>">Mode of Payment</a></button>
                </td>
                </tr>
                <tr>
                	<td><button class="btn btn-success"><a href="<?php echo base_url();?>templates/assets/img/wordfiles/<?php echo $pagename;?>-Paper Format.doc">Paper Template</a></button></td>
                    <td><button class="btn btn-success"><a href="<?php echo base_url();?>templates/assets/img/wordfiles/<?php echo $pagename;?>-Copy right form.doc">Copyright Form</a></button></td>
                </tr>
                </tbody>
            </table>
           </div>
        </article>
     </div>
   </div>
</div>