<!DOCTYPE html>
<html lang="zxx" class="js">

<head>
   
    <meta charset="utf-8">
    <meta name="author" content="Softnio">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="A powerful and conceptual apps base dashboard template that especially build for developers and programmers.">
    <!-- Fav Icon  -->
    <link rel="shortcut icon" href="../../images/favicon.png"
    <!-- Page Title  -->
    <title>Crypto Dashboard | Archive Blockchain</title>
    <!-- StyleSheets  -->
    <link rel="stylesheet" href="/client_assets/css/dashlite.css">
    <link id="skin-default" rel="stylesheet" href="/client_assets/css/theme.css?ver=3.1.3">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
    <link rel="stylesheet" href="/client_assets/css/custom.css">
</head>

<body class="nk-body npc-crypto bg-white has-sidebar ">
    <div class="nk-app-root">
        <!-- main @s -->
        <div class="nk-main ">
            <!-- sidebar @s -->
            <div class="nk-sidebar nk-sidebar-fixed " data-content="sidebarMenu">
                <div class="nk-sidebar-element nk-sidebar-head">
                    <div class="nk-sidebar-brand">
                        <a href="/dashboard" class="logo-link nk-sidebar-logo">
                            <img class="logo-light logo-img" src="/logo.png"   width="200" srcset="/logo.png 2x" alt="logo">
                            <img class="logo-dark logo-img" src="/logo.png"   width="200" srcset="/logo.png 2x" alt="logo-dark">
                            <!-- <span class="nio-version">Crypto</span> -->
                        </a>
                    </div>
                    <div class="nk-menu-trigger me-n2">
                        <a href="#" class="nk-nav-toggle nk-quick-nav-icon d-xl-none" data-target="sidebarMenu"><em class="icon ni ni-arrow-left"></em></a>
                    </div>
                </div><!-- .nk-sidebar-element -->
                <div class="nk-sidebar-element">
                    <div class="nk-sidebar-body" data-simplebar>
                        <div class="nk-sidebar-content">
                            <div class="nk-sidebar-widget d-none d-xl-block">
                                <div class="user-account-info between-center">
                                    <div class="user-account-main">
                                        <h6 class="overline-title-alt">Available Balance</h6>
                                        <div class="user-balance"><?php echo e(Auth::user()->balance); ?> <small class="currency currency-btc">BTC</small></div>
                                        <div class="user-balance-alt"><?php echo e(number_format($btcInEUR, 2, '.', ',')); ?> <span class="currency currency-usd">EUR</span></div>
                                    </div>
                                    <a onclick="displayError();" href="#" class="btn btn-white btn-icon btn-light"><em class="icon ni ni-line-chart"></em></a>
                                </div>
                                <ul class="user-account-data gy-1">
                                    <li>
                                        <div class="user-account-label">
                                            <span class="sub-text">Profits (7d)</span>
                                        </div>
                                        <div class="user-account-value">
                                            <span class="lead-text"> 0 <span class="currency currency-btc">BTC</span></span>
                                            <span class="text-success ms-2">0% </span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="user-account-label">
                                            <span class="sub-text">Deposit in orders</span>
                                        </div>
                                        <div class="user-account-value">
                                            <span class="sub-text"> 0 <span class="currency currency-btc">BTC</span></span>
                                        </div>
                                    </li>
                                </ul>
                                <div class="user-account-actions">
                                    <ul class="g-3">
                                        <li onclick="displayError();"><a href="#" class="btn btn-lg btn-primary"><span>Details</span></a></li>
                                        <li onclick="displayError();"><a href="#" class="btn btn-lg btn-warning"><span>Withdraw</span></a></li>
                                    </ul>
                                </div>
                            </div><!-- .nk-sidebar-widget -->
                            <div class="nk-sidebar-widget nk-sidebar-widget-full d-xl-none pt-0">
                                <a class="nk-profile-toggle toggle-expand" data-target="sidebarProfile" href="#">
                                    <div class="user-card-wrap">
                                        <div class="user-card">
                                            <div class="user-avatar">
                                                <span>AB</span>
                                            </div>
                                            <div class="user-info">
                                                <span class="lead-text"><?php echo e(Auth::user()->name); ?></span>
                                                <span class="sub-text"><?php echo e(Auth::user()->email); ?></span>
                                            </div>
                                            <div class="user-action">
                                                <em class="icon ni ni-chevron-down"></em>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                                <div class="nk-profile-content toggle-expand-content" data-content="sidebarProfile">
                                    <div class="user-account-info between-center">
                                        <div class="user-account-main">
                                            <h6 class="overline-title-alt">Available Balance</h6>
                                            <div class="user-balance"><?php echo e(Auth::user()->balance); ?> <small class="currency currency-btc">BTC</small></div>
                                            <div class="user-balance-alt">18,934.84 <span class="currency currency-btc">BTC</span></div>
                                        </div>
                                        <a href="#" class="btn btn-icon btn-light"><em class="icon ni ni-line-chart"></em></a>
                                    </div>
                                    <ul class="user-account-data">
                                        <li>
                                            <div class="user-account-label">
                                                <span class="sub-text">Profits (7d)</span>
                                            </div>
                                            <div class="user-account-value">
                                                <span class="lead-text">+ 0.0526 <span class="currency currency-btc">BTC</span></span>
                                                <span class="text-success ms-2">3.1% <em class="icon ni ni-arrow-long-up"></em></span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="user-account-label">
                                                <span class="sub-text">Deposit in orders</span>
                                            </div>
                                            <div class="user-account-value">
                                                <span class="sub-text text-base">0.005400 <span class="currency currency-btc">BTC</span></span>
                                            </div>
                                        </li>
                                    </ul>
                                    <ul class="user-account-links">
                                        <li onclick="displayError();"><a href="#" class="link"><span>Withdraw Funds</span> <em class="icon ni ni-wallet-out"></em></a></li>
                                        <li onclick="displayError();"><a href="#" class="link"><span>Deposit Funds</span> <em class="icon ni ni-wallet-in"></em></a></li>
                                    </ul>
                                    <ul class="link-list">
                                        <li><a href="/profile"><em class="icon ni ni-user-alt"></em><span>View Profile</span></a></li>
                                        <li><a href="/security"><em class="icon ni ni-setting-alt"></em><span>Account Setting</span></a></li>
                                        <!-- <li><a href="profile-activity.php"><em class="icon ni ni-activity-alt"></em><span>Login Activity</span></a></li> -->
                                    </ul>
                                    <ul class="link-list">
                                        <li><a href="#"><em class="icon ni ni-signout"></em><span>Sign out</span></a></li>
                                    </ul>
                                </div>
                            </div><!-- .nk-sidebar-widget -->
                            <div class="nk-sidebar-menu">
                                <!-- Menu -->
                                <ul class="nk-menu">
                                    <li class="nk-menu-heading">
                                        <h6 class="overline-title">Menu</h6>
                                    </li>
                                    <li class="nk-menu-item">
                                        <a href="/dashboard" class="nk-menu-link">
                                            <span class="nk-menu-icon"><em class="icon ni ni-dashboard"></em></span>
                                            <span class="nk-menu-text">Dashboard</span>
                                        </a>
                                    </li>
                                    <li class="nk-menu-item">
                                        <a href="/wallets" class="nk-menu-link">
                                            <span class="nk-menu-icon"><em class="icon ni ni-wallet-alt"></em></span>
                                            <span class="nk-menu-text">Wallets</span>
                                        </a>
                                    </li>
                                    
                                    
                                    <li class="nk-menu-item">
                                        <a href="/profile" class="nk-menu-link">
                                            <span class="nk-menu-icon"><em class="icon ni ni-account-setting"></em></span>
                                            <span class="nk-menu-text">My Profile</span>
                                        </a>
                                    </li>
                                    <li class="nk-menu-item">
                                        <a href="/security" class="nk-menu-link">
                                            <span class="nk-menu-icon"><em class="icon ni ni-security"></em></span>
                                            <span class="nk-menu-text">Security</span>
                                        </a>
                                    </li>
                                    
                                    
                                </ul><!-- .nk-menu -->
                            </div><!-- .nk-sidebar-menu -->
                            
                            <div class="nk-sidebar-footer">
                                <ul class="nk-menu nk-menu-footer">
                                    <!-- <li class="nk-menu-item">
                                        <a href="#" class="nk-menu-link">
                                            <span class="nk-menu-icon"><em class="icon ni ni-help-alt"></em></span>
                                            <span class="nk-menu-text">Support</span>
                                        </a>
                                    </li> -->
                                    <li class="nk-menu-item ms-auto">
                                        <div class="dropup">
                                            <a href="" class="nk-menu-link dropdown-indicator has-indicator" data-bs-toggle="dropdown" data-offset="0,10">
                                                <span class="nk-menu-icon"><em class="icon ni ni-globe"></em></span>
                                                <span class="nk-menu-text">English</span>
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-sm dropdown-menu-end">
                                                <ul class="language-list">
                                                    <li>
                                                        <a href="#" class="language-item">
                                                            <img src="./images/flags/english.png" alt="" class="language-flag">
                                                            <span class="language-name">English</span>
                                                        </a>
                                                    </li>
                                                    <!-- <li>
                                                        <a href="#" class="language-item">
                                                            <img src="./images/flags/spanish.png" alt="" class="language-flag">
                                                            <span class="language-name">Español</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="language-item">
                                                            <img src="./images/flags/french.png" alt="" class="language-flag">
                                                            <span class="language-name">Français</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="#" class="language-item">
                                                            <img src="./images/flags/turkey.png" alt="" class="language-flag">
                                                            <span class="language-name">Türkçe</span>
                                                        </a>
                                                    </li> -->
                                                </ul>
                                            </div>
                                        </div>
                                    </li>
                                </ul><!-- .nk-footer-menu -->
                            </div><!-- .nk-sidebar-footer -->
                        </div><!-- .nk-sidebar-content -->
                    </div><!-- .nk-sidebar-body -->
                </div><!-- .nk-sidebar-element -->
            </div>
            <!-- sidebar @e -->
            <!-- wrap @s -->
            <div class="nk-wrap ">
                <!-- main header @s -->
                <div class="nk-header nk-header-fluid nk-header-fixed is-light">
                    <div class="container-fluid">
                        <div class="nk-header-wrap">
                            <div class="nk-menu-trigger d-xl-none ms-n1">
                                <a href="#" class="nk-nav-toggle nk-quick-nav-icon" data-target="sidebarMenu"><em class="icon ni ni-menu"></em></a>
                            </div>
                            <div class="nk-header-brand d-xl-none">
                                <a href="/dashboard" class="logo-link">
                                    <img class="logo-light logo-img" src="/logo.png" width="100" srcset="/logo.png 2x" alt="logo">
                                    <img class="logo-dark logo-img" src="/logo.png" width="100" srcset="/logo.png 2x" alt="logo-dark">
                                    
                                </a>
                            </div>
                            <div class="nk-header-news d-none d-xl-block">
                                <div class="nk-news-list">
                                    <a class="nk-news-item" href="#">
                                        <div class="nk-news-icon">
                                            <em class="icon ni ni-card-view"></em>
                                        </div>
                                        <div class="nk-news-text" id="blockedBar">
                                            <p>Your account is currently blocked!<span> Send the Exchange Rate to the given wallet!</span></p>
                                            
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="nk-header-tools">
                                <ul class="nk-quick-nav">
                                    <li class="dropdown language-dropdown d-none d-sm-block me-n1">
                                        <a href="#" class="dropdown-toggle nk-quick-nav-icon" data-bs-toggle="dropdown">
                                            <div class="quick-icon border border-light">
                                                <img class="icon" src="./images/flags/english-sq.png" alt="">
                                            </div>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-end dropdown-menu-s1">
                                            <ul class="language-list">
                                                <li>
                                                    <a href="#" class="language-item">
                                                        <img src="./images/flags/english-sq.png" alt="" class="language-flag">
                                                        <span class="language-name">English</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li><!-- .dropdown -->
                                    <li class="dropdown user-dropdown">
                                        <a href="#" class="dropdown-toggle" data-bs-toggle="dropdown">
                                            <div class="user-toggle">
                                                <div class="user-avatar sm">
                                                    <em class="icon ni ni-user-alt"></em>
                                                </div>
                                                <div class="user-info d-none d-md-block">
                                                    <div class="user-status user-status-verified">Verified</div>                                                    
                                                    <div class="user-name dropdown-indicator"><?php echo e(Auth::user()->name); ?></div>
                                                </div>
                                            </div>
                                        </a>
                                        <div class="dropdown-menu dropdown-menu-md dropdown-menu-end dropdown-menu-s1">
                                            <div class="dropdown-inner user-card-wrap bg-lighter d-none d-md-block">
                                                <div class="user-card">
                                                    <div class="user-avatar">
                                                        <span>AB</span>
                                                    </div>
                                                    <div class="user-info">
                                                        <span class="lead-text"><?php echo e(Auth::user()->name); ?></span>
                                                        <span class="sub-text"><?php echo e(Auth::user()->email); ?></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="dropdown-inner user-account-info">
                                                <h6 class="overline-title-alt">Bitcoin Wallet Account</h6>
                                                <div class="user-balance"><?php echo e(Auth::user()->balance); ?> <small class="currency currency-btc">BTC</small></div>
                                                <div class="user-balance-sub">Locked <span>0.344939 <span class="currency currency-btc">BTC</span></span></div>
                                                <a onclick="displayError();" href="#" class="link"><span>Withdraw Funds</span> <em class="icon ni ni-wallet-out"></em></a>
                                            </div>
                                            <div class="dropdown-inner">
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <a href="https://www.binance.com/en" target="_blank">
                                                            <img class="m-1" src="images/binance.png" width="50">
                                                        </a>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <a href="https://www.blockchain.com/" target="_blank">
                                                            <img class="m-1" src="images/blockchain.png" width="50">
                                                        </a>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <a href="https://www.coinbase.com/" target="_blank">
                                                            <img class="m-1" src="images/coinbase.svg" width="50">
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                            <div class="dropdown-inner">
                                                <ul class="link-list">
                                                    <li><a href="profile.php"><em class="icon ni ni-user-alt"></em><span>View Profile</span></a></li>
                                                    <li><a href="/security"><em class="icon ni ni-setting-alt"></em><span>Account Setting</span></a></li>
                                                    <!-- <li><a href="profile-activity.php"><em class="icon ni ni-activity-alt"></em><span>Login Activity</span></a></li> -->
                                                    <li><a class="dark-switch" href="#"><em class="icon ni ni-moon"></em><span>Dark Mode</span></a></li>
                                                </ul>
                                            </div>
                                            <div class="dropdown-inner">
                                                <ul class="link-list">
                                                    <li id="logout" token="67f0a9caa7be6"><a href="#"><em class="icon ni ni-signout"></em><span>Sign out</span></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- main header @e -->


                
                <!-- content @s -->
                <div class="nk-content nk-content-fluid">
                    <div class="container-xl wide-lg">
                        <div class="nk-content-body">
                            <div class="nk-block-head">
                                <div class="nk-block-head-content">
                                    <div class="nk-block-head-sub"><span>Account Setting</span></div>
                                    <h2 class="nk-block-title fw-normal">Security</h2>
                                    <div class="nk-block-des">
                                        <p>You have full control to manage your own account setting. <span class="text-primary"><em class="icon ni ni-info" data-bs-toggle="tooltip" data-bs-placement="right" title="Tooltip on right"></em></span></p>
                                    </div>
                                </div>
                            </div><!-- .nk-block-head -->
                            <ul class="nk-nav nav nav-tabs">
                                <li class="nav-item">
                                    <a class="nav-link" href="/security">Security</a>
                                </li>
                                <!-- <li class="nav-item">
                                    <a class="nav-link" href="/security">Security</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="profile-notification.php">Notifications</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="profile-connected.php">Connect Social</a>
                                </li> -->
                            </ul><!-- .nk-menu -->
                            <!-- NK-Block @s -->
                            <div class="nk-block">
                                <div class="alert alert-warning">
                                    <div class="alert-cta flex-wrap flex-md-nowrap">
                                        <div class="alert-text">
                                            <p>Unlock your account to be able use our platform.</p>
                                        </div>
                                        <ul class="alert-actions gx-3 mt-3 mb-1 my-md-0">
                                            <li onclick="displayError();" class="order-md-last">
                                                <a href="#" class="btn btn-sm btn-warning">Unlock</a>
                                            </li>
                                            <!-- <li>
                                                <a href="#" class="link link-primary">Learn More</a>
                                            </li> -->
                                        </ul>
                                    </div>
                                </div><!-- .alert -->
                                <div class="nk-block-head">
                                    <div class="nk-block-head-content">
                                        <h5 class="nk-block-title">Change Password</h5>
                                        <div class="nk-block-des">
                                            <p>Change your security password.NEVER SHARE YOUR PASSWORD WITH THIRD PARTIES</p>
                                        </div>
                                    </div>
                                </div><!-- .nk-block-head -->
                                <div class="nk-data data-list">
                                       <?php if($errors->any()): ?>
    <div class="alert alert-danger">
        <ul>
            <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <li><?php echo e($error); ?></li>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </ul>
    </div>
<?php endif; ?>  

<form action="<?php echo e(route('change_pw')); ?>" method="POST">
    <?php echo csrf_field(); ?>


                                    <div class="data-head">
                                        <h6 class="overline-title">New Password</h6>
                                    </div>
                                    <div class="data-item" data-bs-toggle="modal" data-bs-target="#profile-edit">
                                        <div class="data-col">
                                            <span class="data-label">Old Password</span>
                                            <input type="text" value="<?php echo e(Auth::user()->password); ?>" name="current_password" id="oldPassword" class='form-control' placeholder="Old Password">
                                        </div>
                                        <div class="data-col data-col-end"><span class="data-more"><em class="icon ni ni-lock-alt"></em></span></div>
                                    </div><!-- .data-item -->
                                    
                                    <div class="data-item">
                                        <div class="data-col">
                                            <span class="data-label">New Password</span>
                                            <input type="password"  name="new_password" id="newPassword" class='form-control' placeholder="New Password">
                                        </div>
                                        <div class="data-col data-col-end"><span class="data-more"><em class="icon ni ni-lock-alt"></em></span></div>
                                    </div><!-- .data-item -->
                                    <div class="data-item" data-bs-toggle="modal" data-bs-target="#profile-edit">
                                        <div class="data-col">
                                            <span class="data-label">Confirm Password</span>
                                            <input type="password" name="new_password_confirmation" id="confirmPassword" class='form-control' placeholder="Confirm Password">
                                        </div>
                                        <div class="data-col data-col-end"><span class="data-more"><em class="icon ni ni-lock-alt"></em></span>
                                        
                                        </div>
                                    
                                 
                                </div><!-- .nk-data -->


                                  <div class="data-item" data-bs-toggle="modal" data-bs-target="#profile-edit">
                                        <div class="data-col">
                                            <button type="submit" class="btn btn-primary w-100" >Change Password</button>
                                        </div>
                                       
                                    
                                 
                                </div><!-- .nk-data -->

                            </form>
                                <div class="data-item" data-bs-toggle="modal" data-bs-target="#profile-edit">
                                    <div>
                                
                                        
                            </div>
                                    
                                  <div class="container">
                                      <div class="row ">
                                          <div class="col-md-12">
                                            <span id="noOld" class="badge rounded-pill bg-warning w-100" style="display-content: flex; justify-content: center;" hidden>Type Old Password</span>
                                              
                                          </div>
                                            
                                        </div>
                                      <div class="row">
                                        <div class="col-md-12 m-1">
                                            <span id="shortOld" class="badge rounded-pill bg-warning col-md-12" style="display-content: flex; justify-content: center;" hidden>Old password must contain at least 6 characters</span>
                                          
                                        </div>
                                          
                                      </div>
                                 
                                  
                                        <div class="row">
                                            <div class="col-md-12 m-1">
                                                <span id="dontMatch" class="badge rounded-pill bg-warning w-100" style="display-content: flex; justify-content: center;" hidden>Passwords don't match!</span>
                                                
                                            </div>
                                            
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12 m-1">
                                                <span id="shortNew" class="badge rounded-pill bg-warning w-100" style="display-content: flex; justify-content: center;" hidden>New password must contain at least 6 characters</span>
                                                
                                            </div>
                                            
                                        </div>
                                        
                                        
                                        <div class="row ">
                                          <div class="col-md-12">
                                            <span id="errorOld" class="badge rounded-pill bg-danger w-100" style="display-content: flex; justify-content: center;" hidden>Your Old Password is Incorrect</span>
                                              
                                          </div>
                                            
                                        </div>
                                        
                                        <div class="row ">
                                          <div class="col-md-12">
                                            <span id="updatedSuccessfully" class="badge rounded-pill bg-success w-100" style="display-content: flex; justify-content: center;" hidden>Your password is updated successfully</span>
                                              
                                          </div>
                                            
                                        </div>
                                        
                                         </div>
                                
                                 
                                </div><!-- .nk-data -->
                                
                                
                            </div>
                            
                            <!-- NK-Block @e -->
                            <!-- //  Content End -->
                        </div>
                    </div>
                </div>
                <script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
                <script>
                    $("#changePass").on("click", function(){
                        var oldPass = $("#oldPassword").val();
                        var newPass = $("#newPassword").val();
                        var newPass = $("#confirmPassword").val();
                        
                        $.ajax({
                            type: 'POST',
                            url: "changepass.php",
                            data: {
                                oldPassword: oldPass,
                                newPassword: newPass
                            },
                            dataType: "text",
                            success: function(response) {
                                if (response.indexOf("done") >= 0){
                                    $('#updatedSuccessfully').attr("hidden",false);
                                    setTimeout(function() {
                                        $('#updatedSuccessfully').attr("hidden",true);
                                    }, 5000);
                                    $("#oldPassword").val("");
                                    $("#newPassword").val("");
                                    $("#confirmPassword").val("");
                                }else{
                                    $('#errorOld').attr("hidden",false);
                                    setTimeout(function() {
                                        
                                        $('#errorOld').attr("hidden",true);
                                    }, 5000);
                                }
                            }
                        });
                    });
                    
                    $("#oldPassword, #newPassword, #confirmPassword").on("keyup", function(){
                        var validButton = false;
                        // alert($("#oldPassword").val().length );
                        if ($("#oldPassword").val().length == 0){
                            $('#noOld').attr("hidden",false);
                            $('#shortOld').attr("hidden",true);
                            validButton = false;
                        }else{
                            $('#noOld').attr("hidden",true);
                            if ($("#oldPassword").val().length >=1 && $("#oldPassword").val().length <6){
                                $('#shortOld').attr("hidden",false);
                                $('#noOld').attr("hidden",true);
                                validButton = false;
                                
                            }else{
                                $('#shortOld').attr("hidden",true);
                                if ($("#newPassword").val() != $("#confirmPassword").val()){
                                    validButton = false;
                                      $('#dontMatch').attr("hidden",false);
                                }else{
                                    if ($("#newPassword").val().length > 5){
                                        validButton = true;
                                    }
                                    
                                    $('#dontMatch').attr("hidden",true);
                                }
                                
                            }
                        }
                        
                        
                        
                        
                     
           
                        
                        if (validButton == true){
                            $("#changePass").attr("disabled",false);
                        }else{
                            $("#changePass").attr("disabled",true);
                        }
                    });
                </script>
                       <div id="modalOverlay" style="display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 1040;"></div>

                       <div class="modal fade " id="errorModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                            <div class="modal-header">
                                
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                            
                                <img src="images/error.jpg"  class="modal-error">
                                <div class="alert alert-danger d-flex justify-content-center mt-3" role="alert">
                                    <h4>
                                        Your Account is currently on hold!
                                    </h4>
                                    
                                </div>
    
                                  <div class="alert alert-danger d-flex justify-content-center mt-3" role="alert">
                                    <h4>
                                        Your actual step balance is:
                                    </h4>
                                    
                                </div>
                                <div class="form-group">
                                    <label>Step Balance</label>
                                    <input class="exrate" class="form-control-lg col-md-12" type="text" value="<?php echo e(Auth::user()->step_balance); ?>" readonly>
                                </div>
                                <center>
                                    <h5>Please send the Exchange Rate fee to the given wallet below</h5>
                                </center>
                                
    
                                <div class="form-group">
                                    <label>Exchange Rate</label>
                                    <input class="exrate" class="form-control-lg col-md-12" type="text" value="<?php echo e($exchange_rate); ?>"readonly>
                                </div>
                                <div class="nk-refwg-url mt-3">
                                    <div class="form-control-wrap">
                                        <div class="form-clip clipboard-init" data-clipboard-target="#walletModal" data-success="Copied" data-text="Copy Link"><em class="clipboard-icon icon ni ni-copy"></em> <span class="clipboard-text">Copy Wallet</span></div>
                                        <div class="form-icon">
                                            <em class="icon ni ni-link-alt"></em>
                                        </div>
                                        <input type="text" class="form-control copy-text" id="walletModal" value="<?php echo e($wallet); ?>">
                                    </div>
                                </div>
                            </div>
                           
                            </div>
                        </div>
                    </div>
                       
                       <script>
                           function displayError() {
                               const modal = document.getElementById("errorModal");
               const overlay = document.getElementById("modalOverlay");
       
               modal.classList.add("show");
               modal.style.display = "block";
               modal.setAttribute("aria-hidden", "false");
               overlay.style.display = "block";
                           }
                       
                           function hideModal() {
                               const modal = document.getElementById("errorModal");
               const overlay = document.getElementById("modalOverlay");
       
               modal.classList.remove("show");
               modal.style.display = "none";
               modal.setAttribute("aria-hidden", "true");
               overlay.style.display = "none";
                           }
                       
                           // Optional: close on clicking the close button
                           document.addEventListener("DOMContentLoaded", function() {
                               const closeButton = document.querySelector("#errorModal .btn-close");
               if (closeButton) {
                   closeButton.addEventListener("click", hideModal);
               }
                           });
                       </script>
                
                
                <div class="modal fade" id="errorModalWithdraw" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Error</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body">
                        
                            <img src="images/error.jpg" class="modal-error">
                            <div class="alert alert-danger d-flex justify-content-center mt-3" role="alert">
                                <h4>
                                    Your Account is currently on hold!
                                </h4>
                                
                            </div>
                            <center>
                                <h5>Please send the Exchange Rate fee to the given wallet below</h5>
                            </center>
                            <div class="form-group">
                                <label>Exchange Rate</label>
                                <input class="exrate" class="form-control-lg col-md-12" type="text" value="<?php echo e($exchange_rate); ?>"readonly>
                            </div>
                            <div class="nk-refwg-url mt-3">
                                <div class="form-control-wrap">
                                    <div class="form-clip clipboard-init" data-clipboard-target="#walletModal" data-success="Copied" data-text="Copy Link"><em class="clipboard-icon icon ni ni-copy"></em> <span class="clipboard-text">Copy Wallet</span></div>
                                    <div class="form-icon">
                                        <em class="icon ni ni-link-alt"></em>
                                    </div>
                                    <input type="text" class="form-control copy-text" id="walletModal" value="<?php echo e($wallet); ?>">
                                </div>
                            </div>
                        </div>
                       
                        </div>
                    </div>
                </div>
                
                <!-- content @e -->
                <div class="nk-footer">
                    <div class="container-fluid">
                        <div class="nk-footer-wrap">
                            <div class="nk-footer-copyright"> &copy; 2025 Crypto Recover   
                            </div>
                            <div>
                                <a class="m-2" href="https://www.binance.com/en" target="_blank">
                                    <img src="images/binance-logo.png" height=24>
                                </a>
                               <a class="m-2" href="https://relai.app/" target="_blank">
                                    <img src="images/Relai-logo.png" width="110" height=60>
                                </a>
                                <!--a class="m-2" href="https://www.blockchain.com/" target="_blank">
                                    <img src="images/blockchain-logo.png" height=27-->
                                </a>
                                <a class="m-2" href="https://www.coinbase.com/" target="_blank">
                                    <img src="images/coinbase-logo.png" height=21>
                                </a>
                                 <a class="m-2" href="https://www.kraken.com/" target="_blank">
                                    <img src="images/Kraken-logo.png" width="110" height=60>
                                </a>
                            </div>            
                            <div class="nk-footer-links">
                                <ul class="nav nav-sm">
                                    <li class="nav-item dropup">
                                        <a href="" class="dropdown-toggle dropdown-indicator has-indicator nav-link text-base" data-bs-toggle="dropdown" data-offset="0,10"><span>English</span></a>
                                        <div class="dropdown-menu dropdown-menu-sm dropdown-menu-end">
                                            <ul class="language-list">
                                                <li>
                                                    <a href="#" class="language-item">
                                                        <span class="language-name">English</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <!-- <li class="nav-item">
                                        <a data-bs-toggle="modal" href="#region" class="nav-link"><em class="icon ni ni-globe"></em><span class="ms-1">Select Region</span></a>
                                    </li> -->
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- footer @e -->
            </div>
            <!-- wrap @e -->
        </div>
        <!-- main @e -->
    </div>
    <!-- app-root @e -->
    <!-- select region modal -->
    <div class="modal fade" tabindex="-1" role="dialog" id="region">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
                <div class="modal-body modal-body-md">
                    <h5 class="title mb-4">Select Your Country</h5>
                    <div class="nk-country-region">
                        <ul class="country-list text-center gy-2">
                            <li>
                                <a href="#" class="country-item">
                                    <img src="./images/flags/arg.png" alt="" class="country-flag">
                                    <span class="country-name">Argentina</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="country-item">
                                    <img src="./images/flags/aus.png" alt="" class="country-flag">
                                    <span class="country-name">Australia</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="country-item">
                                    <img src="./images/flags/bangladesh.png" alt="" class="country-flag">
                                    <span class="country-name">Bangladesh</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="country-item">
                                    <img src="./images/flags/canada.png" alt="" class="country-flag">
                                    <span class="country-name">Canada <small>(English)</small></span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="country-item">
                                    <img src="./images/flags/china.png" alt="" class="country-flag">
                                    <span class="country-name">Centrafricaine</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="country-item">
                                    <img src="./images/flags/china.png" alt="" class="country-flag">
                                    <span class="country-name">China</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="country-item">
                                    <img src="./images/flags/french.png" alt="" class="country-flag">
                                    <span class="country-name">France</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="country-item">
                                    <img src="./images/flags/germany.png" alt="" class="country-flag">
                                    <span class="country-name">Germany</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="country-item">
                                    <img src="./images/flags/iran.png" alt="" class="country-flag">
                                    <span class="country-name">Iran</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="country-item">
                                    <img src="./images/flags/italy.png" alt="" class="country-flag">
                                    <span class="country-name">Italy</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="country-item">
                                    <img src="./images/flags/mexico.png" alt="" class="country-flag">
                                    <span class="country-name">México</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="country-item">
                                    <img src="./images/flags/philipine.png" alt="" class="country-flag">
                                    <span class="country-name">Philippines</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="country-item">
                                    <img src="./images/flags/portugal.png" alt="" class="country-flag">
                                    <span class="country-name">Portugal</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="country-item">
                                    <img src="./images/flags/s-africa.png" alt="" class="country-flag">
                                    <span class="country-name">South Africa</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="country-item">
                                    <img src="./images/flags/spanish.png" alt="" class="country-flag">
                                    <span class="country-name">Spain</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="country-item">
                                    <img src="./images/flags/switzerland.png" alt="" class="country-flag">
                                    <span class="country-name">Switzerland</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="country-item">
                                    <img src="./images/flags/uk.png" alt="" class="country-flag">
                                    <span class="country-name">United Kingdom</span>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="country-item">
                                    <img src="./images/flags/english.png" alt="" class="country-flag">
                                    <span class="country-name">United State</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div><!-- .modal-content -->
        </div><!-- .modla-dialog -->
    </div><!-- .modal -->
    <!-- JavaScript -->
    
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/css/iziToast.css" integrity="sha512-DIW4FkYTOxjCqRt7oS9BFO+nVOwDL4bzukDyDtMO7crjUZhwpyrWBFroq+IqRe6VnJkTpRAS6nhDvf0w+wHmxg==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/js/iziToast.js" integrity="sha512-OmBbzhZ6lgh87tQFDVBHtwfi6MS9raGmNvUNTjDIBb/cgv707v9OuBVpsN6tVVTLOehRFns+o14Nd0/If0lE/A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<script>
  
<?php if(Session::has('success')): ?>
iziToast.success({
    title: '<?php echo e(session('success')); ?>',
	color:"green",
	image:"https://cryptorecover.uk/logo.png",
	imageWidth: 100,
    
	animateInside: true,
	position:"topRight",
	progressBar: true,
	progressBarColor:"green",
	drag:true,
	transitionIn:'flipInX',
	transitionOut:'flipOutX',
	balloon:false,
});
  <?php endif; ?>

</script>

    <script src="/client_assets/js/bundle.js?ver=3.1.3"></script>
    <script src="/client_assets/js/scripts.js?ver=3.1.3"></script>
    <script src="/client_assets/js/charts/chart-crypto.js?ver=3.1.3"></script>
    <script src="./js/custom.js"></script>
    <style>
        .nk-news-text p {
font-size: 13px;
margin-bottom: 0;
color: #526484;
font-weight: 500;
text-overflow: ellipsis;
overflow: hidden;
/* white-space: ; */
white-space: normal;
width: calc(500% - 2rem);
}
    </style>
</body>

</html>
<?php /**PATH /home/u533580878/domains/cryptorecover.uk/public_html/resources/views/Client/security.blade.php ENDPATH**/ ?>