MOON

File: /home/imensosw/www/imenso.co/dev/payment/apple-pay/index.php
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <meta name="description" content="">
  <meta name="author" content="">

  <title>Accept Sample App</title>

  <!-- Bootstrap core CSS -->
  <link href="./scripts/bootstrap.min.css" rel="stylesheet">

  <style type="text/css">

  .apple-pay-button-with-text {
      --apple-pay-scale: 1; /* (height / 32) */
      display: inline-flex;
      justify-content: center;
      font-size: 12px;
      border-radius: 5px;
      padding: 0px;
      box-sizing: border-box;
      min-width: 200px;
      min-height: 32px;
      max-height: 64px;
      cursor: pointer;
  }

  .apple-pay-button-white-with-text {
      background-color: white;
      color: black;
  }

  .apple-pay-button-white-with-line-with-text {
      background-color: white;
      color: black;
      border: .5px solid black;
  }

  .apple-pay-button-with-text.apple-pay-button-white-with-text > .logo {
      background-image: -webkit-named-image(apple-pay-logo-black);
      background-color: white;
  }

  .apple-pay-button-with-text.apple-pay-button-white-with-line-with-text > .logo {
      background-image: -webkit-named-image(apple-pay-logo-black);
      background-color: white;
  }

  .apple-pay-button-with-text > .text {
      font-family: -apple-system;
      font-size: calc(1em * var(--apple-pay-scale));
      font-weight: 300;
      align-self: center;
      margin-right: calc(2px * var(--apple-pay-scale));
  }

  .apple-pay-button-with-text > .logo {
      width: calc(35px * var(--scale));
      height: 100%;
      background-size: 100% 60%;
      background-repeat: no-repeat;
      background-position: 0 50%;
      margin-left: calc(2px * var(--apple-pay-scale));
      border: none;
  }

  </style>

  <script src="./scripts/jquery-2.1.4.min.js"></script>
  <script src="./scripts/bootstrap.min.js"></script>
  <script src="https://sandbox-assets.secure.checkout.visa.com/checkout-widget/resources/js/integration/v1/sdk.js"></script>
  <script src="https://jstest.authorize.net/v1/Accept.js"></script>
  <!-- <script src="https://jstest.authorize.net/v3/acceptUI.js"></script> -->
  <!-- <script src="acceptJSCaller.js"></script> -->
  <script src="applePayCaller.js"></script>



</head>
<input type="image" src="images\ApplePayLogo.png" id="applePayButton" class="btn btn-lg col-md-2 col-sm-offset-1 col-sm-3 col-xs-offset-2 col-xs-8" >
            </input>
<body style=" background-color: #F0F4F7; padding-top: 50px;">
  <div class="tab-content panel-group">
    <div class="panel panel-info tab-pane center-block" id="digitalPayDiv" style="width:90%">
      <div class="panel-body">
          <div class="row">         
          <div id="applePayDiv" style="text-align:center">
            
           
          </div>
               
        </div>
      </div>
    </div>
  </div>

  </div>
</body>

<script>
  $('#applePayButton').click(function(e){
   
    e.preventDefault();
    applePayButtonClicked();
  });
</script>

</html>