<?php

$pageName  = "Security";
include($_SERVER['DOCUMENT_ROOT'] . "/account/layout/header.php");

// Ofofonobs Developer WhatsAPP +2348114313795


// Bank Script Developer - Use For Educational Purpose Only

// Other scripts Available

// if (!$_SESSION['acct_email']) {
//     header("location:../login.php");
//     die;
// }


?>







<div class="col-md-9 px-0 anuphan border-left-lg pb-lg-5 expand-page-content bottom-padding" style="position: relative; z-index: 1;">

    <div class="secondary-bg-3 p-3 px-4 d-flex">
        <div class="flex-fill">
            <h2 class="anuphan-3 mt-2">Security</h2>
            <div class="mt-4">
                <div class="row">
                    <div class="col-md-4 d-flex mb-3 mb-md-0">
                        <svg height="20px" width="20px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="css-kddq4d">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-4.934-4.483L10.2 13.383l-2.716-2.716-1.768 1.767 4.484 4.484 7.634-7.634-1.768-1.767z" fill="#0ac989"></path>
                        </svg>
                        <p class="m-0 anuphan xsmall">Two-Factor Authentication (2FA)</p>
                    </div>
                    <div class="col-md-4 d-flex">
                        <svg height="20px" width="20px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="css-kddq4d">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-4.934-4.483L10.2 13.383l-2.716-2.716-1.768 1.767 4.484 4.484 7.634-7.634-1.768-1.767z" fill="#0ac989"></path>
                        </svg>
                        <p class="m-0 anuphan xsmall">Identity Verification</p>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <svg height="80px" width="80px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" fill="none" class="css-xfrea7">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M12.001 68.043l36 23.957V8h-36v60.043z" fill="url(#security-medium-light_svg__paint0_linear_22059_28252)"></path>
                <path fill-rule="evenodd" clip-rule="evenodd" d="M48.001 8v84l36-24V8h-36z" fill="url(#security-medium-light_svg__paint1_linear_22059_28252)"></path>
                <path d="M74 64.667L48 82 22 64.667V18h52v46.667z" fill="#76808F"></path>
                <path d="M34 46l14 14 14-14-14-14-14 14z" fill="#E6E8EA"></path>
                <path d="M73 58c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15z" fill="url(#security-medium-light_svg__paint2_linear_22059_28252)"></path>
                <path d="M74.5 82h-3v-3h3v3zM71.5 76V64h3v12h-3z" fill="#14151A"></path>
                <defs>
                    <linearGradient id="security-medium-light_svg__paint0_linear_22059_28252" x1="30.001" y1="8" x2="30.001" y2="92" gradientUnits="userSpaceOnUse">
                        <stop stop-color="#929AA5"></stop>
                        <stop offset="1" stop-color="#76808F"></stop>
                    </linearGradient>
                    <linearGradient id="security-medium-light_svg__paint1_linear_22059_28252" x1="66.001" y1="92" x2="66.001" y2="8" gradientUnits="userSpaceOnUse">
                        <stop stop-color="#76808F"></stop>
                        <stop offset="1" stop-color="#929AA5"></stop>
                    </linearGradient>
                    <linearGradient id="security-medium-light_svg__paint2_linear_22059_28252" x1="58" y1="73" x2="88" y2="73" gradientUnits="userSpaceOnUse">
                        <stop stop-color="#F0B90B"></stop>
                        <stop offset="1" stop-color="#F8D33A"></stop>
                    </linearGradient>
                </defs>
            </svg>
        </div>
    </div>

    <div class="container px-lg-4 mt-5">
        <h5 class="anuphan-2">Two-Factor Authentication (2FA)</h5>

        <div class="border-bottom pb-2">
            <div class="d-flex mt-4 pr-lg-2">
                <div>
                    <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="css-1iztezc" width="24" height="24">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M3 3h18v18H3V3zm12.128 5.992H8.87a3.383 3.383 0 01-.034-.483c0-1.8 1.416-3.259 3.163-3.259 1.746 0 3.162 1.459 3.162 3.259 0 .164-.011.325-.034.483zM12 11.767c.781 0 1.496-.291 2.048-.775H9.952a3.096 3.096 0 002.048.775z" fill="#76808F"></path>
                        <path d="M24 8.992v2H0v-2h24z" fill="url(&quot;#biometric-authenticator-g_svg__paint0_linear_11266_92151&quot;)"></path>
                        <path d="M9.74 12.931H8.236c-1.664 0-3.012 1.39-3.012 3.104v2.715h13.554v-2.715c0-1.715-1.348-3.104-3.012-3.104H14.26L12 15.259 9.74 12.93z" fill="url(&quot;#biometric-authenticator-g_svg__paint1_linear_11266_92151&quot;)"></path>
                        <defs>
                            <linearGradient id="biometric-authenticator-g_svg__paint0_linear_11266_92151" x1="12" y1="8.992" x2="12" y2="18.75" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#F0B90B"></stop>
                                <stop offset="1" stop-color="#F8D33A"></stop>
                            </linearGradient>
                            <linearGradient id="biometric-authenticator-g_svg__paint1_linear_11266_92151" x1="12" y1="8.992" x2="12" y2="18.75" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#F0B90B"></stop>
                                <stop offset="1" stop-color="#F8D33A"></stop>
                            </linearGradient>
                            <linearGradient id="biometric-authenticator-g_svg__paint0_linear_11266_92151" x1="12" y1="8.992" x2="12" y2="18.75" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#F0B90B"></stop>
                                <stop offset="1" stop-color="#F8D33A"></stop>
                            </linearGradient>
                            <linearGradient id="biometric-authenticator-g_svg__paint1_linear_11266_92151" x1="12" y1="8.992" x2="12" y2="18.75" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#F0B90B"></stop>
                                <stop offset="1" stop-color="#F8D33A"></stop>
                            </linearGradient>
                        </defs>
                    </svg>
                </div>
                <div class="row ml-1 flex-fill">
                    <div class="col-md-6">
                        <p class="m-0 top-2 anuphan-2">Passkeys and Biometrics</p>
                        <p class="xsmall2 grey-color-3 mt-2">
                            Protect your account and withdrawals with a security key such as Yubikey.
                        </p>
                    </div>
                    <div class="col-md-6 d-flex">
                        <div class="top-2">
                            <svg height="17px" width="17px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="css-kddq4d">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-4.934-4.483L10.2 13.383l-2.716-2.716-1.768 1.767 4.484 4.484 7.634-7.634-1.768-1.767z" fill="#0ac989"></path>
                            </svg>
                        </div>
                        <p class="top-5 anuphan-2 xsmall top-3 flex-fill">On</p>
                        <button data-toggle="modal" data-target="#serviceUnavailable" class="btn-grey anuphan-2 fit-content px-3 py-2 xsmall" style="height: fit-content;">Manage</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="border-bottom pb-2">
            <div class="d-flex mt-4 pr-lg-2">
                <div>
                    <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="css-1iztezc" width="24" height="24">
                        <path fill="#76808F" d="M2 20h20V5H2z"></path>
                        <path d="M12 17L22 7V4H2v3l10 10z" fill="url(&quot;#mail-g_svg__paint0_linear&quot;)"></path>
                        <defs>
                            <linearGradient id="mail-g_svg__paint0_linear" x1="12" y1="17" x2="12" y2="4" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#F0B90B"></stop>
                                <stop offset="1" stop-color="#F8D33A"></stop>
                            </linearGradient>
                            <linearGradient id="mail-g_svg__paint0_linear" x1="12" y1="17" x2="12" y2="4" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#F0B90B"></stop>
                                <stop offset="1" stop-color="#F8D33A"></stop>
                            </linearGradient>
                        </defs>
                    </svg>
                </div>
                <div class="row ml-1 flex-fill">
                    <div class="col-md-6">
                        <p class="m-0 top-2 anuphan-2">Email Address Verification</p>
                        <p class="xsmall2 grey-color-3 mt-2">
                            Protect your account and transactions.
                        </p>
                    </div>
                    <div class="col-md-6 d-flex">
                        <div class="top-2">
                            <svg height="17px" width="17px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="css-kddq4d">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-4.934-4.483L10.2 13.383l-2.716-2.716-1.768 1.767 4.484 4.484 7.634-7.634-1.768-1.767z" fill="#0ac989"></path>
                            </svg>
                        </div>
                        <p class="top-5 anuphan-2 xsmall top-3 flex-fill">ofofono…</p>
                        <button class="btn-grey anuphan-2 fit-content px-3 py-2 xsmall" style="height: fit-content;" data-toggle="modal" data-target="#serviceUnavailable">Change</button>
                        <button class="btn-grey anuphan-2 fit-content px-3 py-2 xsmall ml-3" style="height: fit-content;" data-toggle="modal" data-target="#serviceUnavailable">Remove</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- ========================================================= -->

        <h5 class="anuphan-2 mt-5">Advanced Security</h5>
        <div class="border-bottom pb-2">
            <div class="d-flex mt-4 pr-lg-2">
                <div>
                    <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="css-1iztezc" width="24" height="24">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M23 6H1v12h22V6zm-2 2h-2v8h2V8z" fill="#76808F"></path>
                        <path d="M6.5 12a2 2 0 10-4 0 2 2 0 004 0z" fill="url(&quot;#password-g_svg__paint0_linear&quot;)"></path>
                        <circle r="2" transform="matrix(1 0 0 -1 10 12)" fill="url(&quot;#password-g_svg__paint1_linear&quot;)"></circle>
                        <path d="M17.5 12a2 2 0 10-4 0 2 2 0 004 0z" fill="url(&quot;#password-g_svg__paint2_linear&quot;)"></path>
                        <defs>
                            <linearGradient id="password-g_svg__paint0_linear" x1="4.5" y1="14" x2="4.5" y2="10" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#F0B90B"></stop>
                                <stop offset="1" stop-color="#F8D33A"></stop>
                            </linearGradient>
                            <linearGradient id="password-g_svg__paint1_linear" x1="2" y1="0" x2="2" y2="4" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#F0B90B"></stop>
                                <stop offset="1" stop-color="#F8D33A"></stop>
                            </linearGradient>
                            <linearGradient id="password-g_svg__paint2_linear" x1="15.5" y1="14" x2="15.5" y2="10" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#F0B90B"></stop>
                                <stop offset="1" stop-color="#F8D33A"></stop>
                            </linearGradient>
                            <linearGradient id="password-g_svg__paint0_linear" x1="4.5" y1="14" x2="4.5" y2="10" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#F0B90B"></stop>
                                <stop offset="1" stop-color="#F8D33A"></stop>
                            </linearGradient>
                            <linearGradient id="password-g_svg__paint1_linear" x1="2" y1="0" x2="2" y2="4" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#F0B90B"></stop>
                                <stop offset="1" stop-color="#F8D33A"></stop>
                            </linearGradient>
                            <linearGradient id="password-g_svg__paint2_linear" x1="15.5" y1="14" x2="15.5" y2="10" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#F0B90B"></stop>
                                <stop offset="1" stop-color="#F8D33A"></stop>
                            </linearGradient>
                        </defs>
                    </svg>
                </div>
                <div class="row ml-1 flex-fill">
                    <div class="col-md-6">
                        <p class="m-0 top-2 anuphan-2">Login Password</p>
                        <p class="xsmall2 grey-color-3 mt-2">
                            Login password is used to log in to your account.
                        </p>
                    </div>
                    <div class="col-md-6 d-flex justify-content-end">
                        <a href="./change-password.php">
                            <button class="btn-grey anuphan-2 fit-content px-3 py-2 xsmall" style="height: fit-content;">Change</button>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- == -->
        <div class="border-bottom pb-2">
            <div class="d-flex mt-4 pr-lg-2">
                <div>
                    <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="css-1iztezc" width="24" height="24">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M20 3v19H4V3h16z" fill="url(&quot;#whitelist-g_svg__paint0_linear&quot;)"></path>
                        <path d="M16 3h-3V1h-2v2H8v2h8V3zM6.498 13.492l4 4.01 7-6.992-1.42-1.42-5.58 5.582-2.59-2.59-1.41 1.41z" fill="#76808F"></path>
                        <defs>
                            <linearGradient id="whitelist-g_svg__paint0_linear" x1="12" y1="22" x2="12" y2="3" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#F0B90B"></stop>
                                <stop offset="1" stop-color="#F8D33A"></stop>
                            </linearGradient>
                            <linearGradient id="whitelist-g_svg__paint0_linear" x1="12" y1="22" x2="12" y2="3" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#F0B90B"></stop>
                                <stop offset="1" stop-color="#F8D33A"></stop>
                            </linearGradient>
                        </defs>
                    </svg>
                </div>
                <div class="row ml-1 flex-fill">
                    <div class="col-md-6">
                        <p class="m-0 top-2 anuphan-2">
                            Crypto Withdrawal
                        </p>
                        <p class="xsmall2 grey-color-3 mt-2">
                            Manage Withdrawal Addresses on this account.
                        </p>
                    </div>
                    <div class="col-md-6 d-flex justify-content-end">
                        <button class="btn-grey anuphan-2 fit-content px-3 py-2 xsmall" style="height: fit-content;">Manage</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- ========================================================= -->

        <h5 class="anuphan-2 mt-5">Devices and Activities</h5>
        <div class="pb-2">
            <div class="d-flex mt-4 pr-lg-2">
                <div>
                    <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="css-1iztezc" width="24" height="24">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M20 3v19H4V3h16z" fill="url(&quot;#whitelist-g_svg__paint0_linear&quot;)"></path>
                        <path d="M16 3h-3V1h-2v2H8v2h8V3zM6.498 13.492l4 4.01 7-6.992-1.42-1.42-5.58 5.582-2.59-2.59-1.41 1.41z" fill="#76808F"></path>
                        <defs>
                            <linearGradient id="whitelist-g_svg__paint0_linear" x1="12" y1="22" x2="12" y2="3" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#F0B90B"></stop>
                                <stop offset="1" stop-color="#F8D33A"></stop>
                            </linearGradient>
                            <linearGradient id="whitelist-g_svg__paint0_linear" x1="12" y1="22" x2="12" y2="3" gradientUnits="userSpaceOnUse">
                                <stop stop-color="#F0B90B"></stop>
                                <stop offset="1" stop-color="#F8D33A"></stop>
                            </linearGradient>
                        </defs>
                    </svg>
                </div>
                <div class="row ml-1 flex-fill">
                    <div class="col-md-6">
                        <p class="m-0 top-2 anuphan-2">
                            Account Activity
                        </p>
                        <p class="xsmall2 grey-color-3 mt-2">
                            Last login: 2023-09-07 09:11:02
                        </p>
                        <p class="xsmall2 grey-color-3 mt-2">
                            Suspicious activity? <a href="#" style="text-decoration: underline !important;" class="primary-color">Disable Account</a>
                        </p>
                    </div>
                    <div class="col-md-6 d-flex justify-content-end">
                        <button class="btn-grey anuphan-2 fit-content px-3 py-2 xsmall" style="height: fit-content;">More</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>









<?php
include($_SERVER['DOCUMENT_ROOT'] . "/account/layout/footer2.php");

?>