Untitled

<!DOCTYPE html>
<html>
  <head>
    <title>UOB Travel Online Tour</title>
    <!-- favicon -->
    <link rel="shortcut icon" type="image/png" href="/images/favicon.png">

    <!--Google Icon Font-->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

    <!--Let browser know website is optimized for mobile-->
    <meta content='True' name='HandheldFriendly' />
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0' name='viewport' />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />

    <!-- jQuery-ui.css-->
    <link type="text/css" rel="stylesheet" href="/components/jquery-ui/themes/smoothness/jquery-ui.min.css" media="screen,projection"/>
    <!--Materialize.css-->
    <link type="text/css" rel="stylesheet" href="/components/Materialize/dist/css/materialize.min.css" media="screen,projection"/>
    <!-- FontAwesome -->
    <link type="text/css" rel="stylesheet" href="/components/font-awesome/css/font-awesome.css" />
    <!--Style.css-->
    <link rel="stylesheet" href="/stylesheets/style.css" />
  </head>
  <body class="acs">
    <!-- <form action="booking_confirmed" id="form" method="POST"> -->
    <form action="/payment/confirmed" id="form" method="POST">
      <input type='hidden' name='PaRes' value="<%- PaRes %>" />
      <input type='hidden' name='Currency' value="SGD" />
      <input type='hidden' name='MD' value="<%- MD %>" />

      <input type="hidden" id="Country" name="Tour[Country]" value="" />
      <input type="hidden" id="Date" name="Tour[Date]" value="" />
      <input type="hidden" id="CityCode" name="Tour[CityCode]" value="" />
      <input type="hidden" id="ItemCode" name="Tour[ItemCode]" value="" />
      <input type="hidden" id="MainContactPerson" name="Tour[MainContactPerson]" value="" />
      <input type="hidden" id="PaxInformationList" name="Tour[PaxInformationList]" value="" />
      <input type="hidden" id="TourRoomBookingList" name="Tour[TourRoomBookingList]" value="" />
      <input type="hidden" id="SpecialRequests" name="Tour[SpecialRequests]" value="" />

      <input type='hidden' id='Amount' name='payment[Amount]' value="" />
      <input type='hidden' id='UniqueRefId' name='payment[UniqueRefId]' value="" />
      <input type='hidden' id='CardHolderName' name='payment[CardHolderName]' value="" />
      <input type='hidden' id='CreditCardNumber' name='payment[CreditCardNumber]' value="" />
      <input type='hidden' id='ExpiryMonth' name='payment[ExpiryMonth]' value="" />
      <input type='hidden' id='ExpiryYear' name='payment[ExpiryYear]' value="" />
      <input type='hidden' id='Ccv' name='payment[Ccv]' value="" />
      <input type='hidden' id='PaymentType' name='payment[PaymentType]' value="" />
    </form>

    <div class="loader">
      <div class="valign">
        <div class="preloader-wrapper big active">
           <div class="spinner-layer spinner-red-only">
              <div class="circle-clipper left">
                <div class="circle"></div>
              </div>
              <div class="gap-patch">
                <div class="circle"></div>
              </div>
              <div class="circle-clipper right">
                <div class="circle"></div>
              </div>
           </div>
        </div>
        <div class="text-loading">Please wait while we secure your booking and payment.</div>
      </div>
    </div>

    <!-- jQuery.js -->
    <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <!-- jQuery-UI.js -->
    <script type="text/javascript" src="/components/jquery-ui/jquery-ui.min.js"></script>
    <script>
      'use strict';

      var getPayment = JSON.parse(sessionStorage.payment);

      $('.loader').css('display', 'block');

      document.addEventListener("DOMContentLoaded", function(event) {
        document.getElementById('Country').value = JSON.parse(sessionStorage.getItemLandPageRequest).Country;
        document.getElementById('Date').value = JSON.parse(sessionStorage.getItemLandPageRequest).TourDate;
        document.getElementById('CityCode').value = JSON.parse(JSON.parse(sessionStorage.Details)).City.Code;
        document.getElementById('ItemCode').value = JSON.parse(JSON.parse(sessionStorage.Details)).Item.Code;
        document.getElementById('MainContactPerson').value = btoa(sessionStorage.mainPerson);
        document.getElementById('PaxInformationList').value = btoa(sessionStorage.paxList);
        document.getElementById('TourRoomBookingList').value = btoa(sessionStorage.bookingItem);
        document.getElementById('SpecialRequests').value = sessionStorage.specialRequest;

        document.getElementById('Amount').value = getPayment.Amount;
        document.getElementById('UniqueRefId').value = getPayment.UniqueRefId;
        document.getElementById('CardHolderName').value = getPayment.CreditCardInfo.CreditCardName;
        document.getElementById('CreditCardNumber').value = getPayment.CreditCardInfo.CreditCardNumber;
        document.getElementById('ExpiryMonth').value = getPayment.CreditCardInfo.ExpiryMonth;
        document.getElementById('ExpiryYear').value = getPayment.CreditCardInfo.ExpiryYear;
        document.getElementById('Ccv').value = getPayment.CreditCardInfo.Ccv;
        document.getElementById('PaymentType').value = getPayment.CreditCardInfo.PaymentType;

        document.getElementById('form').submit();
      });
    </script>
    <!-- Materialize.js -->
    <script type="text/javascript" src="/components/Materialize/dist/js/materialize.min.js"></script>

  </body>
</html>