Untitled

 avatar
unknown
plain_text
3 years ago
13 kB
4
Indexable
  <?php

    sleep(1);
    include_once '../PHP/autoloader.php';
    session_start();

    if(isset($_SESSION['customer'])){
      $customer = unserialize($_SESSION['customer']);

      foreach($customer->products_ordered as $product){
        if($product->amount > 0){
          $total_due += ($product->price * $product->amount);
        }
      }
    }
    else{
      header('Location: ../checkout?err=noCustomerFound');
      $_POST = array();
      exit();
    }
    
  ?>
  <!DOCTYPE html>
  <html>

  <head>
    <title>PS5 Store Payment Gateway</title>
    <meta charset="utf-8">
    <link rel="shortcut icon" href="../assets/images/logos/logo.ico" type="image/x-icon">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <meta property="og:title" content="PS5 Market.com">
    <meta property="og:description" content="Limited Playstation 5 resale. Worldwide shipping. Competitive prices. Claim yours now.">
    <meta property="og:image" content="../assets/images/logos/logo.png">
    <meta property="og:url" content="https://ps5-market.com/">
    <meta name="description" content="Limited Playstation 5 resale. Worldwide shipping. Competitive prices. Claim yours now.">
    <link rel="stylesheet" href="../assets/css/bootstrap4.min.css">
    <link rel="stylesheet" href="../assets/css/wireframe-theme.min.css">
    <link rel="stylesheet" href="../assets/css/template1.css">
    <link rel="stylesheet" href="../assets/css/main.css">
    <link rel="stylesheet" href="../assets/css/form.css">
    <link rel="stylesheet" href="../assets/css/payments.css">
    <link rel="stylesheet" href="../assets/css/form.css">
    <script class="picturefill" async="async" src="../assets/js/picturefill.min.js"></script>
  </head>

  <body class="flex-row">

    <header class="container-grid container-9">
      <nav class="container-grid navbar container-lg" id="container-3">
        <h2 class="heading-6" id="heading-1">
          <a href="" class="clearlink">PS5 Store Payment Gateway</a>
        </h2>
        <div class="container-grid icon-container">
          <a class="glyph icon-link" href="../index"><i class="coffeecup-icons-home2"></i></a>
          <a class="glyph icon-link" href="../site-map"><i class="coffeecup-icons-question4"></i></a>
        </div>
      </nav>
    </header>

    <main class="container-grid container-10">
      <div class="container-grid container-lg content-container">

        <h1 style="margin-bottom: 0.5rem;">Payment type: Creditcard</h1>
        <p style="margin-bottom: 0.5rem; line-height: 1.2rem;">
          Selected the wrong payment type? Click <a href="../checkout">here</a> to return to the checkout menu.
          If you have any questions, please <a href="../contact">contact us</a>. <br>
          <span style="color:#c0c0c0; font-size: 0.7rem; margin-bottom: 0.5rem; font-style: italic;">Creditcard payments powered by <a href="https://genome.eu" target="_blank">Genome EU</a></span>
          <br><br>
          <b>Payment amount: </b><span id="transfer-amount"><?php echo ($total_due + 11).',00'?></span>
        </p>
        
        <hr>

        <div class="col-12 col-md-8 col-lg-6 pl-0" id="ccWrapper"></div>
        <div class="col-12 pl-0"><hr></div>

        <form action="../PHP/validators/creditcard.validator.php" class="no-style" id="ccForm" method="POST">
          
            <h3 class="mb-0">Creditcard information:</h3>
            <span style="font-size: 0.8rem; color: grey; line-height: 1.2rem;">
                * = required field. This information is required to successfully fulfill your payment. 
                For more information, please refer to our <a href="../privacy-policy">Privacy Policy</a>.
            </span><br><br>

            <div class="row">
              <div class="col-12 col-sm-8 col-md-6 pl-0"><input type="text" required name="ccNumber" id="ccNumber" placeholder="Card number *"></div>
            </div>
            <div class="row">
              <div class="col-12 col-sm-8 col-md-6 pl-0"><input type="text" required name="ccName" id="ccName" placeholder="Name on card *"></div>
            </div>
            <div class="row">
              <div class="col-6 col-sm-4 col-md-3 pl-0"><input type="text" required name="ccExp" id="ccExp" placeholder="MM / YY *"></div>
              <div class="col-6 col-sm-4 col-md-3 pl-0"><input type="text" required name="ccCVV" id="ccCVV" placeholder="CVV *"></div>
            </div>
            
            <hr class="mb-4">

            <h3 class="mb-0">Billing address:</h3>
            <span style="font-size: 0.8rem; color: grey; line-height: 1.2rem;">
                * = required field. This information is required to successfully fulfill your payment. 
                For more information, please refer to our <a href="../privacy-policy">Privacy Policy</a>.
            </span><br><br>

            <div class="col-12 col-sm-10 col-md-8 pl-0">
              <div class="radio-outer">
                <input type="checkbox" name="billingEqualsShipping" id="billingEqualsShipping">
                <label for="billingEqualsShipping">Billing address same as shipping</label>
              </div>
            </div>

            <div class="col-12 col-sm-10 col-md-8 pl-0"><input type="text" required name="addressLine1" id="addressLine1" placeholder="Address Line 1 *"></div>
            <div class="col-12 col-sm-10 col-md-8 pl-0"><input type="text" name="addressLine2" id="addressLine2" placeholder="Address Line 2"></div>
            <div class="row">
                <div class="col-12 col-sm-5 col-md-4 pl-0"><input type="text" required name="postalCode" id="postalCode" placeholder="Postal code *"></div>
                <div class="col-12 col-sm-5 col-md-4 pl-0"><input type="text" required name="city" id="city" placeholder="City *"></div>
            </div>
            <div class="row">
              <div class="col-12 col-sm-10 col-md-4 pl-0">
                <select name="country" id="countrySelect" required>
                  <option value="none" selected disabled>Select your country *</option>
                </select>
              </div>
              <div class="col-12 col-sm-10 col-md-4 pl-0">
                <select name="state" id="stateSelect" class="hidden">
                  <option value="none" selected disabled>Select your State</option>
                </select>
              </div>
            </div>

            <br>
            <h6 class="mb-1"><span style="color:#c0c0c0; font-size: 0.85rem; font-style: italic;">When confirming this order, you agree to our <a href="../terms-and-conditions" class="init-color">Payment terms and Conditions</a>.</span></h6>
            <button type="submit" class="continue-btn" name="submit-btn">Pay Now</button>
            <br><br>

        </form>

      </div>
    </main>

    <div class="container-grid row container-8">

      <div class="container-grid col col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 container-5 small-align-left">
        <div class="container-grid container-6">
          <h5 class="heading-4">Subscribe now</h5>
          <p class="paragraph paragraph-2">
            To receive instant notifications about restocks, 
            discounts and other announcements from us.
          </p>
            
          <label class="label neutral-label-form-1">Your email:</label>

          <form class="form-container" action="PHP/scripts/email-subscribe.script.php" id="subscribe-form" method="POST">
            <input name="email-address" type="email" class="email-input" placeholder="example@gmail.com" pattern="[_.\w-]+@([\w][\w\-]+\.)+[a-zA-Z]{2,3}">
            <input type="hidden" name="page-referer" value="<?php echo $_SERVER['PHP_SELF'];?>">
            <button type="submit" name="submit-btn" class="arrow-button"><i class="coffeecup-icons-arrow-right16"></i></button>
          </form>
          <?php
            echo '<script>setTimeout(() => {$("#subscribe-alert").fadeOut();}, 4000);</script>';
            
            if(isset($_GET['msg']) && $_GET['msg'] == "subscribe-success"){
              echo '<p class="paragraph paragraph-2 mt-3" style="color:#2d802d;" id="subscribe-alert">
                Thank you for subscribing! You will now receive periodic updates from us.
              </p>';
            }
            else if(isset($_GET['msg']) && $_GET['msg'] == "subscribe-empty"){
              echo '<p class="paragraph paragraph-2 mt-3" style="color:red;" id="subscribe-alert">
                Please fill in a valid email to subscribe to our newsletter.
              </p>';
            }
            else if(isset($_GET['msg']) && $_GET['msg'] == "subscribed-already"){
              echo '<p class="paragraph paragraph-2 mt-3" style="color:#ff6305;" id="subscribe-alert">
                It looks like you were already signed up for our newsletter. No changes were made.
              </p>';
            }
          ?>
        </div>
      </div>

      <div class="container-grid col col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 container-7 small-align-right">
        <div class="container-grid container-6 align-right">
          <h5 class="heading-5 footer-link"><a href="../terms-and-conditions">Terms and Conditions</a></h5>
          <div class="rule rule-1"><hr></div>
          <h5 class="heading-5 footer-link"><a href="../privacy-policy">Privacy Policy</a></h5>
          <div class="rule rule-1"><hr></div>
          <h5 class="heading-5 footer-link"><a href="../about">Who are we?</a></h5>
          <div class="rule rule-1"><hr></div>     
          <h5 class="heading-5 footer-link"><a href="../contact">Contact Us</a></h5>
          <div class="rule rule-1"><hr></div>
          <h5 class="heading-5 footer-link"><a href="../site-map">Site Map</a></h5>
        </div>
      </div>
    </div>

    <footer class="neutral-footer-section-2 container-grid">
      <div class="container-footer-wrapper container-grid mb-2">
        <a class="glyph icon-link" href="https://www.instagram.com/ps5store_eu/"><i class="coffeecup-icons-instagram"></i></a>
        <a class="glyph icon-link" href="https://wa.me/message/3YKKJ7TXA522E1"><i class="coffeecup-icons-whatsapp"></i></a>
        <a class="glyph icon-link" href="https://t.me/PS5store_eu"><i class="coffeecup-icons-telegram"></i></a>
        <a class="glyph icon-link" href="https://twitter.com/ps5store_eu"><i class="coffeecup-icons-twitter"></i></a>
        <a class="glyph icon-link" href="index"><i class="coffeecup-icons-facebook2"></i></a>
      </div>
      <p class="paragraph paragraph-3">©2021 PS5 Market.com. All Rights Reserved.</p>
    </footer>
    
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/outofview.js"></script>
    <script src="../assets/js/bootstrap.min.js"></script>
    <script src="../assets/js/pay.creditcard.js"></script>
    <script src="../assets/extra/card-plugin/jquery.card.js"></script>
    <script>
      
      var customer = <?php echo json_encode($customer);?>;
      $('#ccForm').card({
          container: '#ccWrapper',
          formSelectors: {
            numberInput: '#ccNumber', 
            expiryInput: '#ccExp',
            cvcInput: '#ccCVV', 
            nameInput: '#ccName' 
          }
      });

      $('#ccForm').on('submit', function() {
        $('input, select').attr('disabled', false);
      });
      
      $('#billingEqualsShipping').on("change", () => {
        if($('#billingEqualsShipping').is(':checked')){
          $('#addressLine1').attr('disabled', true);
          $('#addressLine2').attr('disabled', true);
          $('#postalCode').attr('disabled', true);
          $('#city').attr('disabled', true);
          $('#countrySelect').attr('disabled', true);
          $('#stateSelect').attr('disabled', true);

          $('#addressLine1').val(customer.shipping_information.address_line1);
          $('#addressLine2').val(customer.shipping_information.address_line2);
          $('#postalCode').val(customer.shipping_information.postal_code);
          $('#city').val(customer.shipping_information.city);
          $('#countrySelect').val(customer.shipping_information.country);
          if(customer.shipping_information.state !== null) $('#stateSelect').val(customer.shipping_information.state);

          if($('#stateSelect').hasClass('hidden') && customer.shipping_information.state !== null){
            $('#stateSelect').removeClass('hidden');
          }

        }
        else{
          $('#addressLine1').attr('disabled', false);
          $('#addressLine2').attr('disabled', false);
          $('#postalCode').attr('disabled', false);
          $('#city').attr('disabled', false);
          $('#countrySelect').attr('disabled', false);
          $('#stateSelect').attr('disabled', false);
        }
      });

    </script>

  </body>
  </html>
Editor is loading...