https://www.shadermpro.com/account/auth-register

Submitted URL:
https://www.shadermpro.com/account/auth-register
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 41 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 3 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="en" class="light-style customizer-hide" dir="ltr" data-theme="theme-default" data-assets-path="../assets/" data-template="vertical-menu-template-free"><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=0.8, user-scalable=no, minimum-scale=0.8, maximum-scale=0.8">
    <title>Authentication | Regain access to any type of lost account with ease</title>
    <meta name="description" content="">
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="https://shadermpro.com/assets/img/elements/Asset 2.png">
    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&amp;display=swap" rel="stylesheet">
    <!-- Icons. Uncomment required icon fonts -->
    <link rel="stylesheet" href="../assets/vendor/fonts/boxicons.css">
    <!-- Core CSS -->
    <link rel="stylesheet" href="../assets/vendor/css/core.css" class="template-customizer-core-css">
    <link rel="stylesheet" href="../assets/vendor/css/theme-default.css" class="template-customizer-theme-css">
    <link rel="stylesheet" href="../assets/css/demo.css">
    <link rel="stylesheet" href="../assets/css/loader.css">
    <link href="../assets/vendor/fonts/fontawesome/css/fontawesome.css" rel="stylesheet">
    <link href="../assets/vendor/fonts/fontawesome/css/brands.css" rel="stylesheet">
    <link href="../assets/vendor/fonts/fontawesome/css/solid.css" rel="stylesheet">
    <!-- Vendors CSS -->
    <link rel="stylesheet" href="../assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css">
    <link rel="stylesheet" href="../assets/vendor/libs/apex-charts/apex-charts.css">

    <link rel="stylesheet" href="../assets/vendor/css/pages/page-auth.css">
     <script type="text/javascript" charset="utf-8" async="" src="https://www.smartsuppchat.com/loader.js?"></script><script src="../assets/js/qrcodejs/qrcode.js"></script>

    <script src="../assets/vendor/js/helpers.js"></script><style type="text/css">
.layout-menu-fixed .layout-navbar-full .layout-menu,
.layout-page {
  padding-top: 0px !important;
}
.content-wrapper {
  padding-bottom: 0px !important;
}</style>
    <script src="../assets/js/config.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script><style>.swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{animation:swal2-toast-hide .1s forwards}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:rgba(0,0,0,.4)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:#545454;font-family:inherit;font-size:1rem}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible{box-shadow:0 0 0 3px rgba(112,102,224,.5)}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):focus-visible{box-shadow:0 0 0 3px rgba(220,55,65,.5)}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):focus-visible{box-shadow:0 0 0 3px rgba(110,120,129,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus-visible{box-shadow:0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em;text-align:center}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:rgba(0,0,0,.2)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em}div:where(.swal2-container) button:where(.swal2-close){z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:rgba(0,0,0,0);color:#ccc;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:none;background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) .swal2-html-container{z-index:1;justify-content:center;margin:0;padding:1em 1.6em .3em;overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid #d9d9d9;border-radius:.1875em;background:rgba(0,0,0,0);box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:1px solid #b4dbed;outline:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:#fff}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:rgba(0,0,0,0);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:#fff;color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:0.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}div:where(.swal2-icon).swal2-warning{border-color:#facea8;color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}div:where(.swal2-icon).swal2-info{border-color:#9de0f6;color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}div:where(.swal2-icon).swal2-question{border-color:#c9dae1;color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static !important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}</style>
   
   <!-- Smartsupp Live Chat script -->
<script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = '8a89785bf17e64137b747f1051306b0b172e92e7';
window.smartsupp||(function(d) {
  var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
  s=d.getElementsByTagName('script')[0];c=d.createElement('script');
  c.type='text/javascript';c.charset='utf-8';c.async=true;
  c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>
<noscript> Powered by <a href=“https://www.smartsupp.com” target=“_blank”>Smartsupp</a></noscript>
  <style type="text/css">.apexcharts-canvas {
  position: relative;
  user-select: none;
  /* cannot give overflow: hidden as it will crop tooltips which overflow outside chart area */
}


/* scrollbar is not visible by default for legend, hence forcing the visibility */
.apexcharts-canvas ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
}

.apexcharts-canvas ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}


.apexcharts-inner {
  position: relative;
}

.apexcharts-text tspan {
  font-family: inherit;
}

.legend-mouseover-inactive {
  transition: 0.15s ease all;
  opacity: 0.20;
}

.apexcharts-series-collapsed {
  opacity: 0;
}

.apexcharts-tooltip {
  border-radius: 5px;
  box-shadow: 2px 2px 6px -4px #999;
  cursor: default;
  font-size: 14px;
  left: 62px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: nowrap;
  z-index: 12;
  transition: 0.15s ease all;
}

.apexcharts-tooltip.apexcharts-active {
  opacity: 1;
  transition: 0.15s ease all;
}

.apexcharts-tooltip.apexcharts-theme-light {
  border: 1px solid #e3e3e3;
  background: rgba(255, 255, 255, 0.96);
}

.apexcharts-tooltip.apexcharts-theme-dark {
  color: #fff;
  background: rgba(30, 30, 30, 0.8);
}

.apexcharts-tooltip * {
  font-family: inherit;
}


.apexcharts-tooltip-title {
  padding: 6px;
  font-size: 15px;
  margin-bottom: 4px;
}

.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: #ECEFF1;
  border-bottom: 1px solid #ddd;
}

.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
  background: rgba(0, 0, 0, 0.7);
  border-bottom: 1px solid #333;
}

.apexcharts-tooltip-text-y-value,
.apexcharts-tooltip-text-goals-value,
.apexcharts-tooltip-text-z-value {
  display: inline-block;
  font-weight: 600;
  margin-left: 5px;
}

.apexcharts-tooltip-text-y-label:empty,
.apexcharts-tooltip-text-y-value:empty,
.apexcharts-tooltip-text-goals-label:empty,
.apexcharts-tooltip-text-goals-value:empty,
.apexcharts-tooltip-text-z-value:empty {
  display: none;
}

.apexcharts-tooltip-text-y-value,
.apexcharts-tooltip-text-goals-value,
.apexcharts-tooltip-text-z-value {
  font-weight: 600;
}

.apexcharts-tooltip-text-goals-label, 
.apexcharts-tooltip-text-goals-value {
  padding: 6px 0 5px;
}

.apexcharts-tooltip-goals-group, 
.apexcharts-tooltip-text-goals-label, 
.apexcharts-tooltip-text-goals-value {
  display: flex;
}
.apexcharts-tooltip-text-goals-label:not(:empty),
.apexcharts-tooltip-text-goals-value:not(:empty) {
  margin-top: -6px;
}

.apexcharts-tooltip-marker {
  width: 12px;
  height: 12px;
  position: relative;
  top: 0px;
  margin-right: 10px;
  border-radius: 50%;
}

.apexcharts-tooltip-series-group {
  padding: 0 10px;
  display: none;
  text-align: left;
  justify-content: left;
  align-items: center;
}

.apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-marker {
  opacity: 1;
}

.apexcharts-tooltip-series-group.apexcharts-active,
.apexcharts-tooltip-series-group:last-child {
  padding-bottom: 4px;
}

.apexcharts-tooltip-series-group-hidden {
  opacity: 0;
  height: 0;
  line-height: 0;
  padding: 0 !important;
}

.apexcharts-tooltip-y-group {
  padding: 6px 0 5px;
}

.apexcharts-tooltip-box, .apexcharts-custom-tooltip {
  padding: 4px 8px;
}

.apexcharts-tooltip-boxPlot {
  display: flex;
  flex-direction: column-reverse;
}

.apexcharts-tooltip-box>div {
  margin: 4px 0;
}

.apexcharts-tooltip-box span.value {
  font-weight: bold;
}

.apexcharts-tooltip-rangebar {
  padding: 5px 8px;
}

.apexcharts-tooltip-rangebar .category {
  font-weight: 600;
  color: #777;
}

.apexcharts-tooltip-rangebar .series-name {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.apexcharts-xaxistooltip {
  opacity: 0;
  padding: 9px 10px;
  pointer-events: none;
  color: #373d3f;
  font-size: 13px;
  text-align: center;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
  background: #ECEFF1;
  border: 1px solid #90A4AE;
  transition: 0.15s ease all;
}

.apexcharts-xaxistooltip.apexcharts-theme-dark {
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.5);
  color: #fff;
}

.apexcharts-xaxistooltip:after,
.apexcharts-xaxistooltip:before {
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.apexcharts-xaxistooltip:after {
  border-color: rgba(236, 239, 241, 0);
  border-width: 6px;
  margin-left: -6px;
}

.apexcharts-xaxistooltip:before {
  border-color: rgba(144, 164, 174, 0);
  border-width: 7px;
  margin-left: -7px;
}

.apexcharts-xaxistooltip-bottom:after,
.apexcharts-xaxistooltip-bottom:before {
  bottom: 100%;
}

.apexcharts-xaxistooltip-top:after,
.apexcharts-xaxistooltip-top:before {
  top: 100%;
}

.apexcharts-xaxistooltip-bottom:after {
  border-bottom-color: #ECEFF1;
}

.apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: #90A4AE;
}

.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:after {
  border-bottom-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:before {
  border-bottom-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-xaxistooltip-top:after {
  border-top-color: #ECEFF1
}

.apexcharts-xaxistooltip-top:before {
  border-top-color: #90A4AE;
}

.apexcharts-xaxistooltip-top.apexcharts-theme-dark:after {
  border-top-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-xaxistooltip-top.apexcharts-theme-dark:before {
  border-top-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-xaxistooltip.apexcharts-active {
  opacity: 1;
  transition: 0.15s ease all;
}

.apexcharts-yaxistooltip {
  opacity: 0;
  padding: 4px 10px;
  pointer-events: none;
  color: #373d3f;
  font-size: 13px;
  text-align: center;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
  background: #ECEFF1;
  border: 1px solid #90A4AE;
}

.apexcharts-yaxistooltip.apexcharts-theme-dark {
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.5);
  color: #fff;
}

.apexcharts-yaxistooltip:after,
.apexcharts-yaxistooltip:before {
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.apexcharts-yaxistooltip:after {
  border-color: rgba(236, 239, 241, 0);
  border-width: 6px;
  margin-top: -6px;
}

.apexcharts-yaxistooltip:before {
  border-color: rgba(144, 164, 174, 0);
  border-width: 7px;
  margin-top: -7px;
}

.apexcharts-yaxistooltip-left:after,
.apexcharts-yaxistooltip-left:before {
  left: 100%;
}

.apexcharts-yaxistooltip-right:after,
.apexcharts-yaxistooltip-right:before {
  right: 100%;
}

.apexcharts-yaxistooltip-left:after {
  border-left-color: #ECEFF1;
}

.apexcharts-yaxistooltip-left:before {
  border-left-color: #90A4AE;
}

.apexcharts-yaxistooltip-left.apexcharts-theme-dark:after {
  border-left-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-yaxistooltip-left.apexcharts-theme-dark:before {
  border-left-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-yaxistooltip-right:after {
  border-right-color: #ECEFF1;
}

.apexcharts-yaxistooltip-right:before {
  border-right-color: #90A4AE;
}

.apexcharts-yaxistooltip-right.apexcharts-theme-dark:after {
  border-right-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-yaxistooltip-right.apexcharts-theme-dark:before {
  border-right-color: rgba(0, 0, 0, 0.5);
}

.apexcharts-yaxistooltip.apexcharts-active {
  opacity: 1;
}

.apexcharts-yaxistooltip-hidden {
  display: none;
}

.apexcharts-xcrosshairs,
.apexcharts-ycrosshairs {
  pointer-events: none;
  opacity: 0;
  transition: 0.15s ease all;
}

.apexcharts-xcrosshairs.apexcharts-active,
.apexcharts-ycrosshairs.apexcharts-active {
  opacity: 1;
  transition: 0.15s ease all;
}

.apexcharts-ycrosshairs-hidden {
  opacity: 0;
}

.apexcharts-selection-rect {
  cursor: move;
}

.svg_select_boundingRect, .svg_select_points_rot {
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
.apexcharts-selection-rect + g .svg_select_boundingRect,
.apexcharts-selection-rect + g .svg_select_points_rot {
  opacity: 0;
  visibility: hidden;
}

.apexcharts-selection-rect + g .svg_select_points_l,
.apexcharts-selection-rect + g .svg_select_points_r {
  cursor: ew-resize;
  opacity: 1;
  visibility: visible;
}

.svg_select_points {
  fill: #efefef;
  stroke: #333;
  rx: 2;
}

.apexcharts-svg.apexcharts-zoomable.hovering-zoom {
  cursor: crosshair
}

.apexcharts-svg.apexcharts-zoomable.hovering-pan {
  cursor: move
}

.apexcharts-zoom-icon,
.apexcharts-zoomin-icon,
.apexcharts-zoomout-icon,
.apexcharts-reset-icon,
.apexcharts-pan-icon,
.apexcharts-selection-icon,
.apexcharts-menu-icon,
.apexcharts-toolbar-custom-icon {
  cursor: pointer;
  width: 20px;
  height: 20px;
  line-height: 24px;
  color: #6E8192;
  text-align: center;
}

.apexcharts-zoom-icon svg,
.apexcharts-zoomin-icon svg,
.apexcharts-zoomout-icon svg,
.apexcharts-reset-icon svg,
.apexcharts-menu-icon svg {
  fill: #6E8192;
}

.apexcharts-selection-icon svg {
  fill: #444;
  transform: scale(0.76)
}

.apexcharts-theme-dark .apexcharts-zoom-icon svg,
.apexcharts-theme-dark .apexcharts-zoomin-icon svg,
.apexcharts-theme-dark .apexcharts-zoomout-icon svg,
.apexcharts-theme-dark .apexcharts-reset-icon svg,
.apexcharts-theme-dark .apexcharts-pan-icon svg,
.apexcharts-theme-dark .apexcharts-selection-icon svg,
.apexcharts-theme-dark .apexcharts-menu-icon svg,
.apexcharts-theme-dark .apexcharts-toolbar-custom-icon svg {
  fill: #f3f4f5;
}

.apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg,
.apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg,
.apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg {
  fill: #008FFB;
}

.apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover svg,
.apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg,
.apexcharts-theme-light .apexcharts-zoomin-icon:hover svg,
.apexcharts-theme-light .apexcharts-zoomout-icon:hover svg,
.apexcharts-theme-light .apexcharts-reset-icon:hover svg,
.apexcharts-theme-light .apexcharts-menu-icon:hover svg {
  fill: #333;
}

.apexcharts-selection-icon,
.apexcharts-menu-icon {
  position: relative;
}

.apexcharts-reset-icon {
  margin-left: 5px;
}

.apexcharts-zoom-icon,
.apexcharts-reset-icon,
.apexcharts-menu-icon {
  transform: scale(0.85);
}

.apexcharts-zoomin-icon,
.apexcharts-zoomout-icon {
  transform: scale(0.7)
}

.apexcharts-zoomout-icon {
  margin-right: 3px;
}

.apexcharts-pan-icon {
  transform: scale(0.62);
  position: relative;
  left: 1px;
  top: 0px;
}

.apexcharts-pan-icon svg {
  fill: #fff;
  stroke: #6E8192;
  stroke-width: 2;
}

.apexcharts-pan-icon.apexcharts-selected svg {
  stroke: #008FFB;
}

.apexcharts-pan-icon:not(.apexcharts-selected):hover svg {
  stroke: #333;
}

.apexcharts-toolbar {
  position: absolute;
  z-index: 11;
  max-width: 176px;
  text-align: right;
  border-radius: 3px;
  padding: 0px 6px 2px 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.apexcharts-menu {
  background: #fff;
  position: absolute;
  top: 100%;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 3px;
  right: 10px;
  opacity: 0;
  min-width: 110px;
  transition: 0.15s ease all;
  pointer-events: none;
}

.apexcharts-menu.apexcharts-menu-open {
  opacity: 1;
  pointer-events: all;
  transition: 0.15s ease all;
}

.apexcharts-menu-item {
  padding: 6px 7px;
  font-size: 12px;
  cursor: pointer;
}

.apexcharts-theme-light .apexcharts-menu-item:hover {
  background: #eee;
}

.apexcharts-theme-dark .apexcharts-menu {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}

@media screen and (min-width: 768px) {
  .apexcharts-canvas:hover .apexcharts-toolbar {
    opacity: 1;
  }
}

.apexcharts-datalabel.apexcharts-element-hidden {
  opacity: 0;
}

.apexcharts-pie-label,
.apexcharts-datalabels,
.apexcharts-datalabel,
.apexcharts-datalabel-label,
.apexcharts-datalabel-value {
  cursor: default;
  pointer-events: none;
}

.apexcharts-pie-label-delay {
  opacity: 0;
  animation-name: opaque;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
}

.apexcharts-canvas .apexcharts-element-hidden {
  opacity: 0;
}

.apexcharts-hide .apexcharts-series-points {
  opacity: 0;
}

.apexcharts-gridline,
.apexcharts-annotation-rect,
.apexcharts-tooltip .apexcharts-marker,
.apexcharts-area-series .apexcharts-area,
.apexcharts-line,
.apexcharts-zoom-rect,
.apexcharts-toolbar svg,
.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,
.apexcharts-radar-series path,
.apexcharts-radar-series polygon {
  pointer-events: none;
}


/* markers */

.apexcharts-marker {
  transition: 0.15s ease all;
}

@keyframes opaque {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/* Resize generated styles */

@keyframes resizeanim {
  from {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}

.resize-triggers {
  animation: 1ms resizeanim;
  visibility: hidden;
  opacity: 0;
}

.resize-triggers,
.resize-triggers>div,
.contract-trigger:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.resize-triggers>div {
  background: #eee;
  overflow: auto;
}

.contract-trigger:before {
  width: 200%;
  height: 200%;
}</style><style type="text/css" id="notify-bootstrap">.notifyjs-bootstrap-base {
	font-weight: bold;
	padding: 8px 15px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	white-space: nowrap;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 3px 7px;
}
.notifyjs-bootstrap-error {
	color: #B94A48;
	background-color: #F2DEDE;
	border-color: #EED3D7;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtRJREFUeNqkVc1u00AQHq+dOD+0poIQfkIjalW0SEGqRMuRnHos3DjwAH0ArlyQeANOOSMeAA5VjyBxKBQhgSpVUKKQNGloFdw4cWw2jtfMOna6JOUArDTazXi/b3dm55socPqQhFka++aHBsI8GsopRJERNFlY88FCEk9Yiwf8RhgRyaHFQpPHCDmZG5oX2ui2yilkcTT1AcDsbYC1NMAyOi7zTX2Agx7A9luAl88BauiiQ/cJaZQfIpAlngDcvZZMrl8vFPK5+XktrWlx3/ehZ5r9+t6e+WVnp1pxnNIjgBe4/6dAysQc8dsmHwPcW9C0h3fW1hans1ltwJhy0GxK7XZbUlMp5Ww2eyan6+ft/f2FAqXGK4CvQk5HueFz7D6GOZtIrK+srupdx1GRBBqNBtzc2AiMr7nPplRdKhb1q6q6zjFhrklEFOUutoQ50xcX86ZlqaZpQrfbBdu2R6/G19zX6XSgh6RX5ubyHCM8nqSID6ICrGiZjGYYxojEsiw4PDwMSL5VKsC8Yf4VRYFzMzMaxwjlJSlCyAQ9l0CW44PBADzXhe7xMdi9HtTrdYjFYkDQL0cn4Xdq2/EAE+InCnvADTf2eah4Sx9vExQjkqXT6aAERICMewd/UAp/IeYANM2joxt+q5VI+ieq2i0Wg3l6DNzHwTERPgo1ko7XBXj3vdlsT2F+UuhIhYkp7u7CarkcrFOCtR3H5JiwbAIeImjT/YQKKBtGjRFCU5IUgFRe7fF4cCNVIPMYo3VKqxwjyNAXNepuopyqnld602qVsfRpEkkz+GFL1wPj6ySXBpJtWVa5xlhpcyhBNwpZHmtX8AGgfIExo0ZpzkWVTBGiXCSEaHh62/PoR0p/vHaczxXGnj4bSo+G78lELU80h1uogBwWLf5YlsPmgDEd4M236xjm+8nm4IuE/9u+/PH2JXZfbwz4zw1WbO+SQPpXfwG/BBgAhCNZiSb/pOQAAAAASUVORK5CYII=);
}
.notifyjs-bootstrap-success {
	color: #468847;
	background-color: #DFF0D8;
	border-color: #D6E9C6;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAutJREFUeNq0lctPE0Ecx38zu/RFS1EryqtgJFA08YCiMZIAQQ4eRG8eDGdPJiYeTIwHTfwPiAcvXIwXLwoXPaDxkWgQ6islKlJLSQWLUraPLTv7Gme32zoF9KSTfLO7v53vZ3d/M7/fIth+IO6INt2jjoA7bjHCJoAlzCRw59YwHYjBnfMPqAKWQYKjGkfCJqAF0xwZjipQtA3MxeSG87VhOOYegVrUCy7UZM9S6TLIdAamySTclZdYhFhRHloGYg7mgZv1Zzztvgud7V1tbQ2twYA34LJmF4p5dXF1KTufnE+SxeJtuCZNsLDCQU0+RyKTF27Unw101l8e6hns3u0PBalORVVVkcaEKBJDgV3+cGM4tKKmI+ohlIGnygKX00rSBfszz/n2uXv81wd6+rt1orsZCHRdr1Imk2F2Kob3hutSxW8thsd8AXNaln9D7CTfA6O+0UgkMuwVvEFFUbbAcrkcTA8+AtOk8E6KiQiDmMFSDqZItAzEVQviRkdDdaFgPp8HSZKAEAL5Qh7Sq2lIJBJwv2scUqkUnKoZgNhcDKhKg5aH+1IkcouCAdFGAQsuWZYhOjwFHQ96oagWgRoUov1T9kRBEODAwxM2QtEUl+Wp+Ln9VRo6BcMw4ErHRYjH4/B26AlQoQQTRdHWwcd9AH57+UAXddvDD37DmrBBV34WfqiXPl61g+vr6xA9zsGeM9gOdsNXkgpEtTwVvwOklXLKm6+/p5ezwk4B+j6droBs2CsGa/gNs6RIxazl4Tc25mpTgw/apPR1LYlNRFAzgsOxkyXYLIM1V8NMwyAkJSctD1eGVKiq5wWjSPdjmeTkiKvVW4f2YPHWl3GAVq6ymcyCTgovM3FzyRiDe2TaKcEKsLpJvNHjZgPNqEtyi6mZIm4SRFyLMUsONSSdkPeFtY1n0mczoY3BHTLhwPRy9/lzcziCw9ACI+yql0VLzcGAZbYSM5CCSZg1/9oc/nn7+i8N9p/8An4JMADxhH+xHfuiKwAAAABJRU5ErkJggg==);
}
.notifyjs-bootstrap-info {
	color: #3A87AD;
	background-color: #D9EDF7;
	border-color: #BCE8F1;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QYFAhkSsdes/QAAA8dJREFUOMvVlGtMW2UYx//POaWHXg6lLaW0ypAtw1UCgbniNOLcVOLmAjHZolOYlxmTGXVZdAnRfXQm+7SoU4mXaOaiZsEpC9FkiQs6Z6bdCnNYruM6KNBw6YWewzl9z+sHImEWv+vz7XmT95f/+3/+7wP814v+efDOV3/SoX3lHAA+6ODeUFfMfjOWMADgdk+eEKz0pF7aQdMAcOKLLjrcVMVX3xdWN29/GhYP7SvnP0cWfS8caSkfHZsPE9Fgnt02JNutQ0QYHB2dDz9/pKX8QjjuO9xUxd/66HdxTeCHZ3rojQObGQBcuNjfplkD3b19Y/6MrimSaKgSMmpGU5WevmE/swa6Oy73tQHA0Rdr2Mmv/6A1n9w9suQ7097Z9lM4FlTgTDrzZTu4StXVfpiI48rVcUDM5cmEksrFnHxfpTtU/3BFQzCQF/2bYVoNbH7zmItbSoMj40JSzmMyX5qDvriA7QdrIIpA+3cdsMpu0nXI8cV0MtKXCPZev+gCEM1S2NHPvWfP/hL+7FSr3+0p5RBEyhEN5JCKYr8XnASMT0xBNyzQGQeI8fjsGD39RMPk7se2bd5ZtTyoFYXftF6y37gx7NeUtJJOTFlAHDZLDuILU3j3+H5oOrD3yWbIztugaAzgnBKJuBLpGfQrS8wO4FZgV+c1IxaLgWVU0tMLEETCos4xMzEIv9cJXQcyagIwigDGwJgOAtHAwAhisQUjy0ORGERiELgG4iakkzo4MYAxcM5hAMi1WWG1yYCJIcMUaBkVRLdGeSU2995TLWzcUAzONJ7J6FBVBYIggMzmFbvdBV44Corg8vjhzC+EJEl8U1kJtgYrhCzgc/vvTwXKSib1paRFVRVORDAJAsw5FuTaJEhWM2SHB3mOAlhkNxwuLzeJsGwqWzf5TFNdKgtY5qHp6ZFf67Y/sAVadCaVY5YACDDb3Oi4NIjLnWMw2QthCBIsVhsUTU9tvXsjeq9+X1d75/KEs4LNOfcdf/+HthMnvwxOD0wmHaXr7ZItn2wuH2SnBzbZAbPJwpPx+VQuzcm7dgRCB57a1uBzUDRL4bfnI0RE0eaXd9W89mpjqHZnUI5Hh2l2dkZZUhOqpi2qSmpOmZ64Tuu9qlz/SEXo6MEHa3wOip46F1n7633eekV8ds8Wxjn37Wl63VVa+ej5oeEZ/82ZBETJjpJ1Rbij2D3Z/1trXUvLsblCK0XfOx0SX2kMsn9dX+d+7Kf6h8o4AIykuffjT8L20LU+w4AZd5VvEPY+XpWqLV327HR7DzXuDnD8r+ovkBehJ8i+y8YAAAAASUVORK5CYII=);
}
.notifyjs-bootstrap-warn {
	color: #C09853;
	background-color: #FCF8E3;
	border-color: #FBEED5;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABJlBMVEXr6eb/2oD/wi7/xjr/0mP/ykf/tQD/vBj/3o7/uQ//vyL/twebhgD/4pzX1K3z8e349vK6tHCilCWbiQymn0jGworr6dXQza3HxcKkn1vWvV/5uRfk4dXZ1bD18+/52YebiAmyr5S9mhCzrWq5t6ufjRH54aLs0oS+qD751XqPhAybhwXsujG3sm+Zk0PTwG6Shg+PhhObhwOPgQL4zV2nlyrf27uLfgCPhRHu7OmLgAafkyiWkD3l49ibiAfTs0C+lgCniwD4sgDJxqOilzDWowWFfAH08uebig6qpFHBvH/aw26FfQTQzsvy8OyEfz20r3jAvaKbhgG9q0nc2LbZxXanoUu/u5WSggCtp1anpJKdmFz/zlX/1nGJiYmuq5Dx7+sAAADoPUZSAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfdBgUBGhh4aah5AAAAlklEQVQY02NgoBIIE8EUcwn1FkIXM1Tj5dDUQhPU502Mi7XXQxGz5uVIjGOJUUUW81HnYEyMi2HVcUOICQZzMMYmxrEyMylJwgUt5BljWRLjmJm4pI1hYp5SQLGYxDgmLnZOVxuooClIDKgXKMbN5ggV1ACLJcaBxNgcoiGCBiZwdWxOETBDrTyEFey0jYJ4eHjMGWgEAIpRFRCUt08qAAAAAElFTkSuQmCC);
}
</style><style type="text/css" id="core-notify">.notifyjs-corner {
	position: fixed;
	margin: 5px;
	z-index: 9999;
}

.notifyjs-corner .notifyjs-wrapper,
.notifyjs-corner .notifyjs-container {
	position: relative;
	display: block;
	height: inherit;
	width: inherit;
	margin: 3px;
}

.notifyjs-wrapper {
	z-index: 1;
	position: absolute;
	display: inline-block;
	height: 0;
	width: 0;
}

.notifyjs-container {
	display: none;
	z-index: 1;
	position: absolute;
}

.notifyjs-hidable {
	cursor: pointer;
}

[data-notify-text],[data-notify-html] {
	position: relative;
}

.notifyjs-arrow {
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
}</style></head>

<body><div id="loader-page" style="opacity: 0.0750537;">
    <div class="loader" id="line">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </div>
</div>
  
    <!-- Content -->
    <div class="container-xxl">
      <div class="authentication-wrapper authentication-basic container-p-y">
        <div class="authentication-inner">
          <!-- Register Card -->
          <div class="card">
            <div class="card-body">
              <!-- Logo -->
              <div class="app-brand justify-content-center">
                <a href="https://shadermpro.com/" class="app-brand-link gap-2">
                  <img width="250" src="https://shadermpro.com/assets/img/elements/Asset 4.png ">
                </a>
              </div>
              <!-- /Logo -->
              <h4 class="mb-2">Your Adventure starts here with shadermpro 🚀</h4>
              <p class="mb-4">Make your recovery management easy and fun!</p>

              <div id="formAuthentication" class="mb-3">
                <div class="mb-3" id="username_div">
                  <label for="username" class="form-label">Username</label>
                  <input type="text" class="form-control" id="username" name="username" placeholder="Enter your username" autofocus="">
                  <p id="name_error_txt" class="text-danger ms-1"></p>
                </div>
                <div class="mb-3" id="email_div">
                  <label for="email" class="form-label">Email</label>
                  <input type="email" class="form-control" id="email" name="email" placeholder="Enter your email">

                  <p class="text-danger" id="m_error_txt"></p>
                </div>
                <div class="mb-3 form-password-toggle" id="password_div">
                  <label class="form-label" for="password">Password</label>
                  <div class="input-group input-group-merge">
                    <input type="password" id="password" class="form-control popover_error_txt" name="password" placeholder="············" aria-describedby="password" data-bs-trigger="focus" data-bs-toggle="popover_error_txt">
                    <span class="input-group-text cursor-pointer"><i class="bx bx-show"></i></span>
                  </div>
                   <p id="p_error_txt" class="text-danger ms-1"></p>
                </div>

                <!--<div class="mb-3">-->
                <!--  <div class="form-check">-->
                <!--    <input class="form-check-input" type="checkbox" id="terms-conditions" name="terms" />-->
                <!--    <label class="form-check-label" for="terms-conditions">-->
                <!--      I agree to-->
                <!--      <a href="javascript:void(0);">privacy policy & terms</a>-->
                <!--    </label>-->
                <!--  </div>-->
                <!--</div>-->
                <button type="button" class="btn btn-primary d-grid w-100">Sign up</button>
              </div>

              <p class="text-center">
                <span>Already have an account?</span>
                <a href="auth-login">
                  <span>Sign in instead</span>
                </a>
              </p>
            </div>
          </div>
          <!-- Register Card -->
        </div>
      </div>
    </div>

  
    <!-- Core JS -->
    <!-- build:js assets/vendor/js/core.js -->
    <script src="../assets/js/clipboard.min.js"></script>
    <script src="../assets/vendor/libs/jquery/jquery.js"></script>
    <script src="../assets/vendor/libs/popper/popper.js"></script>
    <script src="../assets/vendor/js/bootstrap.js"></script>
    <script src="../assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>

    <script src="../assets/vendor/js/menu.js"></script>
    <!-- endbuild -->

    <!-- Vendors JS -->
    <script src="../assets/vendor/libs/apex-charts/apexcharts.js"></script>

    <!-- Main JS -->
    <script src="../assets/js/main.js"></script>

    <!-- Page JS -->
    <script src="../assets/js/dashboards-analytics.js"></script>

    <script src="../assets/js/notify.js"></script>
    <script src="../assets/js/script.js"></script>
    <script>

function validate(name) {
var regex = /^[A-Za-z][A-Za-z0-9_-]{4,14}$/;
return regex.test(name);
}
$(document).on('input', '#username', function(){
// $('#formAuthentication button').attr('disabled', true);
username_checker();

})


$('input[type=email]').on('input', function(){
email_checker();

})

$('#username_div, #email_div, #password_div, #input_code, #login_email_div, #login_password_div').each(function() {
$(this).on('click', function(){
$(this).find('.error-border-full').removeClass('error-border-full');
$(this).find('p').text('');

})
});


$('#password').on('input', function(){
password_checker();
if (alpnum_len + symb_len <8 || d_len ==0 || uc_len ==0 ) {
$('[data-bs-toggle="popover_error_txt"]').popover('dispose');

}else{
if (get_symb2=='check' && $('.sym2').hasClass("fa-x") || get_symb3=='check' && $('.sym3').hasClass("fa-x") ) {
$('[data-bs-toggle="popover_error_txt"]').popover('dispose');

}else if (alpnum_len + symb_len >=8 && $('.sym1').hasClass("fa-x" )) {
$('[data-bs-toggle="popover_error_txt"]').popover('dispose');

}

}
$('.popover_error_txt').popover({
    placement: 'right',
    container: 'body',
    html: true,
    content: function () {
    return`<ul class="list-unstyled">
            <li><i class="fa-solid fa-${get_symb1} text-${get_color1} sym1"></i> &nbsp Minimum 8 Characters</li>
            <li><i class="fa-solid fa-${get_symb2} text-${get_color2} sym2"></i> &nbsp At least 1 number</li>
            <li><i class="fa-solid fa-${get_symb3} text-${get_color3} sym3"></i> &nbsp At least 1 upper case</li>
        </ul>`;    
    }
})

$('[data-bs-toggle="popover_error_txt"]').popover('show');

if(uc_len >= strong_pass.upperCase && d_len >= strong_pass.digits && pass.length >= strong_pass.chars){
$('#p_error_txt').text('');
$('#password_div input, #password_div span').removeClass('error-border-full');

}else{

$('#p_error_txt').text('Password must be at least 8 characters with 1 upper case letter and 1 number.')
$('#password_div input, #password_div span').addClass('error-border-full');
}
 
})






  $('#formAuthentication button').on('click', function() {
  $('#username_div, #email_div, #password_div').each(function() {
    var inputValue = $(this).find('input').val();
    var inputName = $(this).find('input').attr('name');
    if (inputValue === '') {
      $(this).find('input, span').addClass('error-border-full');
      $(this).find('input').attr('placeholder', 'fill in this input...');
      $(this).find('p').text(`${inputName} cant be empty`);
    }else{

    $(this).find('input').removeClass('error-border-full');
    $('#formAuthentication span').removeClass('error-border-full');

    $(this).attr('placeholder', '');
    }
  });

    username=$('#username').val();
    email=$('#email').val();
    password=$('#password').val();

    password_checker();

    if (username!=='' && email!=='' && password!=='' && username_true && email_true && password_true ) {
     start_load()
    $.ajax({
    url:`route.php?action=verify_user`,
    cache: false,
    data:{
    username:username,
    email:email,
    password:password
    },
    method: 'POST',
    type: 'POST',
    // dataType: "json",
    success:function(resp){
    end_load();
    if (resp==0) {
    $.notify("an error occured please try again later", "error");
    }
    if (resp == 1) {
    start_load();
    $.ajax({
    url:'route.php?action=send_code',
    cache: false,
    contentType: false,
    processData: false,
    method: 'POST',
    type: 'POST',
    success:function(resp){
    if(resp.respo == 1){
    setTimeout(function(){
    location.href="verify-user";
     }, 1000)

    }
    if (resp == 2) {
    $.notify("an error occured while sending code");

    setTimeout(function(){
    location.href="auth-register";
    }, 2000)

    }if (resp == 3) {
    $.notify("couldnt send verification code");

    setTimeout(function(){
    location.href="auth-register";
    }, 2000)

    }


    }
    })


    }

    if(resp == 2){
    $('#m_error_txt').text('An account with this email already exists')
    }

    if (resp == 3) {
    $.notify('An error occured please try again')

    }


    }

    })

}else if(!username_true){
username_checker();
}
else if(!email_true){
email_checker();
}else if (password.length < strong_pass.chars){

var p_length=$('#password').val().length;
var p_calc= 8 - p_length;
$('#formAuthentication #password, #formAuthentication span').addClass('error-border-full');
$('#p_error_txt').text(`Password is too short ${p_calc} characters remaining`)

}else if (pass.length < strong_pass.chars || uc_len < strong_pass.upperCase || d_len < strong_pass.digits ){
$('#formAuthentication #password, #formAuthentication span').addClass('error-border-full');
$('#p_error_txt').text('Password must be at least 8 characters with 1 upper case letter and 1 number.')

}

});

// $(document).ready(function(){
// this is the outside function for when its refreshed or is coming from register

var user_sess='';

if (user_sess !='') {

var resend_time =  '';
var retimer = setInterval(function() {
var now = new Date().getTime();
var distance = resend_time - now;
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
    
 if (distance > 0 ) {
$("#codeAuthentication span").html(`Resend in (${seconds}s)`);
}
 if (distance <= 0 ) {
clearInterval(retimer);
$("#codeAuthentication span").html(`Resend Code`);
$("#codeAuthentication span").one('click', function(){
resend_code();
})

}

}, 1000);


}


//outside settimer out

//function send code start
function resend_code(){
start_load();
$.ajax({
url:'route.php?action=send_code',
cache: false,
contentType: false,
processData: false,
method: 'POST',
type: 'POST',
success:function(resp){
end_load();
if(resp.respo == 1){
$.notify("verification code sent", "success");
setTimeout(function(){
var resend_time1= resp.resend_time;
var retimer1 = setInterval(function() {  

var now1 = new Date().getTime();

var distance1 = resend_time1 - now1;

var seconds1 = Math.floor((distance1 % (1000 * 60)) / 1000);
    

if (distance1 > 0 ) {
$("#codeAuthentication span").html(`Resend in (${seconds1}s)`)

}

 if (distance1 < 0 ) {

clearInterval(retimer1);
$("#codeAuthentication span").html(`Resend Code`);
$("#codeAuthentication span").one('click', function(){
resend_code();
})


}

}, 1000);

 }, 100)



}
if (resp == 2) {
$.notify("an error occured while sending code", "error");

setTimeout(function(){
location.href="register";
}, 2000)

}if (resp == 3) {
$.notify("couldnt send verification code", "error");

setTimeout(function(){
location.href="register";
}, 2000)

}


}
})

 }
 
// function send code end

// })


 $('#verify_code').on('click', function(){

var code_to_verify=$('#verification_code').val();
if (code_to_verify==="") {

$('#info-verify').text('verification code cannot be empty');

$('#codeAuthentication input, #codeAuthentication span').addClass('error-border-full');

}else if($.isNumeric($('#verification_code').val()) && $('#verification_code').val()!==""  ) {
start_load();
$.ajax({
url:'route.php?action=verify_code',
cache: false,
method: 'POST',
type: 'POST',
data:{
verification_code:code_to_verify
},
success:function(resp){
end_load();
if(resp == 1){
$('#verify_code').trigger('reset');
$.notify("code verification success", "success");
setTimeout(function(){
location.href='dashboard';
}, 1000)
}

if (resp == 2) {
$.notify("Invalid verification code", "error");

}
if (resp.respo == 3) {

$.notify(`${resp.message}`, "error");

setTimeout(function(){
location.href='register';
}, 15000)

}if (resp == 4) {

$.notify("verification code expired, please resend code", "error");

}

}
})

}else{
$.notify("An error occured code verification failed", "error");
}
})



function password_checker(){
strong_pass = {
    lowerCase: 8,
    upperCase: 1,
    digits: 1,
    chars: 8,
}
lowerCase = /[a-z]/g;
upperCase = /[A-Z]/g;
digits = /[0-9]/g;
char_symb = /[^a-zA-Z-0-9]/g;
char_alpnum = /[a-zA-Z-0-9]/g;

pass = $('#password').val();
lc_len = pass.match(lowerCase) !== null ? pass.match(lowerCase).length : 0; 
uc_len = pass.match(upperCase) !== null ? pass.match(upperCase).length : 0; 
d_len = pass.match(digits) !== null ? pass.match(digits).length : 0; 
alpnum_len = pass.match(char_alpnum) !== null ? pass.match(char_alpnum).length : 0; 
symb_len = pass.match(char_symb) !== null ? pass.match(char_symb).length : 0; 

get_symb1= alpnum_len + symb_len >= 8 ? "check" : "x"; 
get_color1= alpnum_len + symb_len >= 8 ? "success" : "danger"; 

get_symb2 = d_len >=1 ? "check" : "x"; 
get_color2 = d_len >=1 ? "success" : "danger"; 

get_symb3 = uc_len >=1 ? "check" : "x"; 
get_color3 = uc_len >=1 ? "success" : "danger";

password_true=uc_len >= strong_pass.upperCase && d_len >= strong_pass.digits && pass.length >= strong_pass.chars;
}


function username_checker(){
$('#name_error_txt').text('');
$('#username_div input').removeClass('error-border-full');
name=$('#username').val();
va_num=$('#username').val().substr(0,1);
maxLength = 15;
username_true=!$.isNumeric(va_num) && validate(name) && name.length >= 5 && name.length <= maxLength;

if (username_true) {
$('#name_error_txt').text('');
$('#username_div input').removeClass('error-border-full');
}else if($.isNumeric(va_num) && !validate(name) && name.length <= maxLength){
$('#name_error_txt').text('username cannot begin with a number')
$('#username_div input').addClass('error-border-full');
}else if(!validate(name) && name.length >= 5 && name.length <= maxLength){
$('#name_error_txt').text('Only letters (a-z), numbers (0-9), special characters("-", "_") are allowed')
$('#username_div input').addClass('error-border-full');
}else if( name.length < 5 && name.length > 1  || name.length > maxLength){

$('#username').val(name.substr(0, maxLength));
$('#username_div input').addClass('error-border-full');

$('#name_error_txt').text(`username must be between 1 and ${maxLength} characters long.`)
}else if( name.length ==0 || name.length==1){
}

}


function email_checker(){
email=$('input[type=email]').val();

function isEmail(email) {
  var regex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
  return regex.test(email);
} 

email_true=isEmail(email) && email.length > 5;
if( !isEmail(email) && email.length > 1) {

$('#m_error_txt').text('Please enter a valid email address')
$('#email_div input').addClass('error-border-full');
}else if(!isEmail(email) && email.length < 1){
$('#m_error_txt').text('')

}else if(isEmail(email) && email.length > 5){
$('#m_error_txt').text('')
$('#email_div input').removeClass('error-border-full');

}

}

///login functions begins here______________________________---------------------------------------_________________________________

$('#loginAuthentication button').on('click', function() {

  $('#login_email_div, #login_password_div').each(function() {
    var inputValue = $(this).find('input').val();
    var inputName = $(this).find('input').attr('name');
    if (inputValue === '') {
      $(this).find('input, span').addClass('error-border-full');
      $(this).find('input').attr('placeholder', 'fill in this input...');
      $(this).find('p').text(`${inputName} cant be empty`);
    }else{

    $(this).find('input').removeClass('error-border-full');
    $('#loginAuthentication span').removeClass('error-border-full');

    $(this).attr('placeholder', '');
    }
  });

    username=$('#username').val();
    email=$('#email').val();
    password=$('#password').val();

    password_checker(password);

    if (email!=='' && password!=='') {
    start_load();
    $.ajax({
    url:`route.php?action=auth_user_login`,
    cache: false,
    data:{
    email:email,
    password:password
    },
    method: 'POST',
    type: 'POST',
    // dataType: "json",
    success:function(resp){
    end_load();
    if (resp==0) {
    $.notify("an error occured please try again later", "error");
    }
    if (resp == 1) {
    start_load();
    $.ajax({
    url:'route.php?action=send_code',
    cache: false,
    contentType: false,
    processData: false,
    method: 'POST',
    type: 'POST',
    success:function(resp){
    if(resp.respo == 1){
    setTimeout(function(){
    location.href="verify-user";
     }, 1000)

    }
    if (resp == 2) {
    $.notify("an error occured while sending code");

    setTimeout(function(){
    location.href="auth-login";
    }, 2000)

    }if (resp == 3) {
    $.notify("couldnt send verification code");

    setTimeout(function(){
    location.href="auth-login";
    }, 2000)

    }


    }
    })


    }

    if (resp.respo == 'fail') {

    if (resp.tries >=2) {
    $('#login_pass_error_txt').text(`Incorrect password entered. You have ${resp.tries} more tries to input the correct password`)
    }else if (resp.tries ==1) {
    $('#login_pass_error_txt').text(`Incorrect password entered. You have ${resp.tries} more try to input the correct password`)
    }else if (resp.tries ==0) {
    $('#login_pass_error_txt').text(`your account has been locked for 2 hours, try again later`)
    Swal.fire({
      text: 'Your account has been locked. Please try again in 2 hours.',
      icon: 'error',
      confirmButtonText: 'OK',
      confirmButtonColor: '#696cff',
      width: '400px'
    })
    }
    $.notify("Incorrect password entered", "error");

    }
    if (resp.respo == 2) {
    $.notify(`${resp.message}`, 'error')
    }

    if (resp == 3) {
  Swal.fire({
  text: 'Your account has been locked. Please try again in less than 2 hours.',
  icon: 'error',
  confirmButtonText: 'OK',
  confirmButtonColor: '#696cff',
  width: '400px'
  })


    }

    if (resp == 4) {

    location.href="../../404";

    }


    }

    })

}


})
</script>    <script>


 $('#select_payment_div, #recovery_description_div, #recovery_price_div, #user_name_div, #email_address_div, #email_div, .reco_input_serve').each(function() {
$(this).on('click', function(){
$(this).find('.error-border-full').removeClass('error-border-full');
$(this).find('p').text('');

})
});

$(document).on('click', '.referrer', function(){
var coin_name = $(this).attr("href"); 

var va_num=coin_name.substr(13,100);

// alert(va_num);

})

$(document).on('change', '#select_payment', function(){

var pay=$(this).val();
var pay_id=$(this).find(':selected').attr('id');
$('#selected_payment').text(pay!==''?pay:'no selection');
pay==''? $('.pay-select img').attr('src', `../assets/img/icons/unicons/dollar-circle.svg`) : $('.pay-select img').attr('src', `https://cryptologos.cc/logos/${pay}-${pay_id}-logo.png`);



})

$(document).on('click', '#info-payment-div button', function(){

var to_verify='';

$.ajax({
url:`route.php?action=verify_rec_status`,
cache: false,
method: 'POST',
type: 'POST',
data:{
recovery_id:to_verify
},
success:function(resp){
end_load();
if(resp == 1){
$('#payment_modal').modal('show')
}

if (resp == 2) {
$.notify("an error occured, please try again", "error");

}
if (resp == 3) {

$.notify("transaction still pending verification", "error");

}if (resp.respo == 4) {

$('#payment_modal').modal('show');
transaction_module(resp);
// $.notify("yayyyyyyyyyyyy still pending verification", "error");


}




//start hereeeeeee

}
})

})

$(document).on('click', '#target_btn', function(){

if ($('#modal-tab1').is(':visible')) {

if ($('#select_payment').val()=='') {

$('#select_payment_div select').addClass('error-border-full');

$('#select_payment_div p').text(`select payment method to continue`);
}else{


recovery_id='';
amount='';
coin=$('#select_payment').val();

$.ajax({
url:`route.php?action=add_trx`,
cache: false,
method: 'POST',
type: 'POST',
data:{
recovery_id:recovery_id,
coin:coin,
amount:amount
},
success:function(resp){
// end_load();
if(resp.respo == 1){

transaction_module(resp);

}

if (resp == 2) {
$.notify("an error occured, please try again", "error");

}
if (resp == 3) {

$.notify(`an error occured`, "error");


}

}
})





}
}

})



function transaction_module(resp){

 exptime =  resp.expires;

 retimer = setInterval(function() {

 now = new Date().getTime();

 distance = exptime - now;

 minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 seconds = Math.floor((distance % (1000 * 60)) / 1000);

if (distance > 0 ) {
//did this to get seconds to have 0 at the back;
sec=seconds < 10 ? '0' + seconds : seconds;
min=minutes < 10 ? '0' : ''
 time=min+ minutes + ':' + sec;
$("#time").html(time);
}

if (minutes < 4) {
$("#bg-head").removeClass(`bg-success`)
$("#bg-head").addClass(`bg-danger`)
}
if (distance <= 0 ) {
clearInterval(retimer);
end_trx();
}

}, 1000);


$('#modal-tab1').hide();

$('#modal-tab2').show();

$('.modal-header').hide();
$('.modal-footer .btn-outline-secondary').detach();
$('.modal-footer').addClass('justify-content-center');
$('.modal-footer .btn').addClass('btn-danger');
$('.modal-footer .btn').removeClass('btn-primary');
$('.modal-footer .btn').text('Cancel transaction');
$('.modal-footer .btn').css({"width": "185px"});

$('.modal-footer .btn').on('click', function(){

Swal.fire({
  title: 'End payment process?',
  text: "You won't be able to revert this!",
  icon: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Yes, exit!',
  allowOutsideClick: false,
  allowEscapeKey: false,
  width: '380px'
}).then((result) => {

if (result.isConfirmed) {

$('.modal-footer .btn').html('<div class="loader" id="line2"> <span></span> <span></span> <span></span> <span></span> </div>')

$('.modal-footer .btn').attr('disabled', true);
end_trx();
}

})

})

function end_trx(){
start_load();
$.ajax({
url:`route.php?action=cancel_trx`,
cache: false,
method: 'POST',
type: 'POST',
data:{
trx_id:resp.trx_id
},
success:function(resp){
end_load();
if(resp == 1){
$.notify("success transaction cancelled", "success");

location.reload();
}

if (resp == 2) {
$.notify("an error occured", "error");

}


}
})
}


$('#status').html(`<div class="d-flex bd-highlight  bg-success" id="bg-head"> 
 <div class="p-2 w-100 text-white">
 <div class="spinner-border spinner-border-sm text" role="status"></div> 
Awaiting Payment
</div> 
<div class="p-2 flex-shrink-1 text-white" id="time"></div>
</div>`);



		$('#modal-tab2').append(`<div style="height: 450px;">
          <ul class="p-0 m-0">
            <li class="d-flex mb-2">
              <div class="avatar flex-shrink-0 me-3">
                <img src="https://cryptologos.cc/logos/${resp.coin_name}-${resp.coin_symbol}-logo.png" alt="User" class="rounded" />
              </div>
              <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
                <div class="me-2">
                  <h6 class="mb-0">Pay with</h6>
                </div>
                <div class="user-progress d-flex align-items-center gap-1">
                  <h6 class="mb-0" id="selected_payment">${resp.coin_name} (${resp.coin_network})</h6>
                </div>
              </div>
            </li>
            <li class="d-flex mb-2">
              <div class="avatar flex-shrink-0 me-3">
                <img src="../assets/img/icons/unicons/dollar-bag.svg" alt="User" class="rounded" />
              </div>
              <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
                <div class="me-2">
                  <h6 class="mb-0">Amount payable</h6>
                </div>
                <div class="user-progress d-flex align-items-center gap-1">
                  <h6 class="mb-0">$ </h6>
                </div>
              </div>
            </li>    

			<li class="d-flex mb-2">
              <div class="avatar flex-shrink-0 me-3">
                <img src="../assets/img/icons/unicons/unique-id.svg" alt="User" class="rounded" />
              </div>
              <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
                <div class="me-2">
                  <h6 class="mb-0">Transaction ID</h6>
                </div>
                <div class="user-progress d-flex align-items-center gap-1">
                  <h6 class="mb-0">${resp.trx_id}</h6>
                </div>
              </div>
            </li>
          </ul>
      <ul class="nav nav-tabs" id="myTab" role="tablist">
        <li class="nav-item" role="presentation">
          <button style="width: 150px;" class="nav-link active" id="scan-tab" data-bs-toggle="tab" data-bs-target="#scan_wallet" type="button" role="tab" aria-controls="home" aria-selected="true">Scan</button>
        </li>
        <li class="nav-item" role="presentation">
          <button style="width: 150px;" class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#copy_wallet" type="button" role="tab" aria-controls="profile" aria-selected="false">Copy</button>
        </li>
      </ul>
      <div class="tab-content justify-content-center text-center"  id="myTabContent">
        <div class="tab-pane fade show active" id="scan_wallet" role="tabpanel" aria-labelledby="home-tab">
        <center class="qrcode-item">
          <div class="" id="wallet_address_qr"></div>
        </center> 
      <h6 class="text-center mt-2">scan to reveal wallet address</h6> 
      </div>
      <div class="tab-pane fade" id="copy_wallet" role="tabpanel" aria-labelledby="profile-tab">
        <h6 class="py-1">To complete your payment, please send in $ usdt to the address below </h6>
        <h6 class="p-1 m-0">Amount</h6>
        <h5 class="pb-1">$100</h5>
          <h6 class="p-1 m-0">Wallets address <i data-clipboard-text="${resp.wallet_to}" class="clipboard-icon bx bx-clipboard cursor-pointer"></i></h6>
        <h6 class="text-break">${resp.wallet_to}</h6>
      </div>
      </div>
      </div>
<div id="confirm_trx_info">

</div>
`)

setTimeout(function(){

$('#confirm_trx_info').append(`<div class="align-items-center text-center pt-2">
  <h6 class="m-0 pb-2">Payment sent already? click below to confirm</h6>
 <button class="btn btn-sm btn-primary" id="payment_sent">I have made payment</button></div>`);

}, Math.floor((Math.random()*3000) + 12000))

$(document).on('click', '#payment_sent', function(){

(async () => {

const { value: user_wallet } = await Swal.fire({

  title: 'Submit transaction for verification?',
  text: "This affirms payment has been made!",
  icon: 'warning',
  input: 'text',
  width: '380px',
  inputLabel:'Enter your wallet address',
  showCancelButton: true,
  showConfirmButton: true,
  confirmButtonText: 'Submit',
})

if (user_wallet=='') {
Swal.fire({text: "Please input wallet address or transaction ID", icon: 'warning', width: '380px'})
}
else if(user_wallet) {
clearInterval(retimer);
start_load();
$.ajax({
url:`route.php?action=await_payment`,
cache: false,
method: 'POST',
type: 'POST',
data:{
trx_id:resp.trx_id,
user_wallet:user_wallet
},
success:function(resp){
end_load();
if(resp == 1){
Swal.fire({
  title: "Transaction sent for verification!",
  text: 'Visit this page to check status',
  icon: 'info',
  width: '380px',
  confirmButtonColor: '#3085d6',
  confirmButtonText: 'Okay!',
}).then((result) => {
if (result.isConfirmed) {
location.reload()

}

})

setTimeout(function(){
location.reload()
}, 2500)
}

if (resp == 2) {
$.notify("an error occured", "error");

}


}
})


}

})()


//end
})


var qrcode = new QRCode("wallet_address_qr", {
    text: `${resp.wallet_to}`,
    width: 128,
    height: 128,
    colorDark : "#000000",
    colorLight : "#fff",
    correctLevel : QRCode.CorrectLevel.H
})

var clipboard = new ClipboardJS('.clipboard-icon');


clipboard.on('success', function(e) {

$(`.clipboard-icon`).removeClass('bx-clipboard');
$(`.clipboard-icon`).addClass('bx-check');

setTimeout(function(){
$(`.clipboard-icon`).removeClass('bx-check');
$(`.clipboard-icon`).addClass('bx-clipboard');
},1000)

console.info('Trigger:', e.trigger);

e.clearSelection();



}); 



}

  $('#formAccountSettings').on('submit', function(e) {
	e.preventDefault();
  $('#user_name_div, #email_address_div').each(function() {
    var inputValue = $(this).find('input').val();
    var inputName = $(this).find('input').attr('name');
    if (inputValue === '') {
      $(this).find('input, span').addClass('error-border-full');
      $(this).find('input').attr('placeholder', 'fill in this input...');
      $(this).find('p').text(`${inputName} cant be empty`);
    }else{

    $(this).find('input').removeClass('error-border-full');
    $('#formAuthentication span').removeClass('error-border-full');

    $(this).attr('placeholder', '');
    }
  });

username_checker();
password_checker();
email_checker();


if ($('#user_name_div input').val()!=='' && $('#email_address_div input').val()!=='' && $('#password').val()=='' && username_true && email_true) {
start_load();	
$.ajax({
url:`route.php?action=update_user`,
data: new FormData($(this)[0]),
cache: false,
contentType: false,
processData: false,
method: 'POST',
type: 'POST',
success:function(resp){
user_resp(resp);

}

})

  }else if ($('#user_name_div input').val()!=='' && $('#email_address_div input').val()!=='' && $('#password').val()!=='' && password_true) {

start_load();
$.ajax({
url:`route.php?action=update_user`,
data: new FormData($(this)[0]),
cache: false,
contentType: false,
processData: false,
method: 'POST',
type: 'POST',
success:function(resp){
user_resp(resp);

}

})


 }else if(!username_true){
username_checker();
}
else if(!email_true){
email_checker();
}else if (password.length < strong_pass.chars){

var p_length=$('#password').val().length;
var p_calc= 8 - p_length;
$('#formAuthentication #password, #formAuthentication span').addClass('error-border-full');
$('#p_error_txt').text(`Password is too short ${p_calc} characters remaining`)

}else if (pass.length < strong_pass.chars || uc_len < strong_pass.upperCase || d_len < strong_pass.digits ){
$('#formAuthentication #password, #formAuthentication span').addClass('error-border-full');
$('#p_error_txt').text('Password must be at least 8 characters with 1 upper case letter and 1 number.')

}else{
$.notify("an error occured", "error");
}



 });


function user_resp(resp){
end_load();
if(resp== 1){
$.notify("profile update success", "success");
}
if (resp.respo == 2) {
$.notify(`${resp.info}`, "error");
}
if (resp == 3) {
$.notify(`something went wrong`, "error");
}
if(resp== 4){
$.notify("an error occured", "error")

}
}


function edit_profile(){
start_load();	
$.ajax({
url:`route.php?action=update_user`,
data: new FormData($(this)[0]),
cache: false,
contentType: false,
processData: false,
method: 'POST',
type: 'POST',
success:function(resp){
end_load();

if(resp== 1){
$.notify("profile update success", "success");

}

if (resp.respo == 2) {
$.notify(`${resp.info}`, "error");

}

if (resp == 3) {
$.notify(`something went wrong`, "error");
}

if(resp== 4){
$.notify("an error occured", "error");

}


}

})

}
  $('#forAccountRecovery').on('submit', function(e) {
	e.preventDefault();
  $('.reco_input_serve').each(function() {
    var inputValue = $(this).find('input').val();
    var inputName = $(this).find('input').attr('for');
    if (inputValue === '') {
      $(this).find('input, span').addClass('error-border-full');
      $(this).find('input').attr('placeholder', 'fill in this input...');
      $(this).find('p').text(`${inputName} cant be empty`);
    }else{

    $(this).find('input').removeClass('error-border-full');
    $('#formAuthentication span').removeClass('error-border-full');

    $(this).attr('placeholder', '');
    }
  });
var recovery_name =  ''; 
var recovery_id =  ''; 
if ($('#input1 input').val()!=='' && $('#input2 input').val()!=='') {
start_load();
$('#forAccountRecovery button').attr('disabled', true);	
$('#forAccountRecovery button').html('<div class="loader" id="line2"> <span></span> <span></span> <span></span> <span></span> </div>')	
  setTimeout(function(){
  $("#loader-page").delay(500).fadeIn("fast");
  }, 2500)

$.ajax({
url:`route.php?action=recover_module&recovery_name=${recovery_name}&recovery_id=${recovery_id}`,
data: new FormData($(this)[0]),
cache: false,
contentType: false,
processData: false,
method: 'POST',
type: 'POST',
success:function(resp){
if(resp.respo== 1){


setTimeout(function(){
end_load();

$.ajax({
url:`route.php?action=recover_module`,
cache: false,
method: 'POST',
type: 'POST',
data:{
recovered_data:resp.password,
recovered_account:recovery_name,
},
success:function(resps){
if(resps == 1){
// $.notify("you have mail, please check your mailbox", "success");
}

if (resps == 2) {
$.notify("an error occured, please try again", "error");

}

}
})
$.notify("Account recovery success", "success");

$('#forAccountRecovery').detach();

$('#card-body').html(` <div id="password_view">
                    <div class="card-body">
                    <img class src="../assets/img/elements/forgot-2.png"height="140"/>
                      <h5 class="card-title pt-2">Your account has been recovered</h5>
                      <p class="card-text">
                       You may proceed to make do with the recovered details to get access too your account, please note that this process works, but may not be 100 percent fail proof, we ask that you report back to us on failure by contacting our 24/7 customer suppport and we promise to  assist you accordingly.
                      </p><br>

                      <p class="fw-bold"> your new access is as follows </p>

                      <h6>${resp.password}</h6>


                      <button data-clipboard-text="${resp.password}" class="btn btn-primary password">copy new access</button>
                    </div>
                    </div>`)


$('#forAccountRecovery button').text('proceed')	
$('#recovery-head').text('Account recovery success')	
  $("#loader-page").delay(500).fadeOut("slow");



var clipboard = new ClipboardJS('.password');
clipboard.on('success', function(e) {
$.notify("copy success", "success");
e.clearSelection();



}); 


}, Math.floor((Math.random()*30000) + 15000))

}

if (resp.respo == 2) {
end_load();
$.notify(`${resp.info}`, "error");

}if (resp == 3) {
$.notify('something went wrongss', "error");

}


}

})

  }



 });





$(document).on('submit', '#resetLoginCredentials', function(e){
e.preventDefault();
  $('#resetLoginCredentials input').each(function() {
    var inputValue = $(this).val();
    var inputName = $(this).attr('name');
    if (inputValue === '') {
      $(this).addClass('error-border-full');
      $(this).siblings('span').addClass('error-border-full');
      $(this).attr('placeholder', inputName+' cannot be empty');
      $(this).find('p').text(`${inputName} cant be empty`);
    }else{

    $(this).removeClass('error-border-full');
    $(this).siblings('span').removeClass('error-border-full');
    $(this).attr('placeholder', '');
    }
  });

  email_checker();

if ($('#email').val()!=='' && email_true) {
start_load();
$.ajax({
url:`route.php?action=password_reset`,
data: new FormData($(this)[0]),
cache: false,
contentType: false,
processData: false,
method: 'POST',
type: 'POST',
success:function(resp){
end_load();

if(resp== 1){
$.notify("password reset authentication sent", "success");

$('div.reset-login').children().detach();
$('.reset-login').html(`               
 <div class="text-center p-0 m-0">
<h4 class="mb-2">Reset link has been sent</h4>
<svg  widtth="100" height="100" fill="#696cff" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M1920 428.266v1189.54l-464.16-580.146-88.203 70.585 468.679 585.904H83.684l468.679-585.904-88.202-70.585L0 1617.805V428.265l959.944 832.441L1920 428.266ZM1919.932 226v52.627l-959.943 832.44L.045 278.628V226h1919.887Z" fill-rule="evenodd"></path> </g></svg>
<p class="mb-4">Your reset link has been sent, proceed to check your mailbox and follow the instructions given</p>
                </div>`)

}

if (resp.respo == 2) {
$.notify(`${resp.info}`, "error");

}

if (resp == 3) {
$.notify(`${name} recovery already added`, "error");
}

if(resp== 4){
$.notify("an error occured", "error");

}


}

})

}else if(!email_true){
email_checker();
}else{
$.notify("an error occured", "error");
}
})



$(document).on('click', '#reset-password', function(e){
e.preventDefault();
  $('#authNewPassword input').each(function() {
    var inputValue = $(this).val();
    var inputName = $(this).attr('name');
    if (inputValue === '') {
      $(this).addClass('error-border-full');
      $(this).siblings('span').addClass('error-border-full');
      $(this).attr('placeholder', inputName+' cannot be empty');
      $(this).find('p').text(`${inputName} cant be empty`);
    }else{

    $(this).removeClass('error-border-full');
    $(this).siblings('span').removeClass('error-border-full');
    $(this).attr('placeholder', '');
    }
  });


const params = new Proxy(new URLSearchParams(window.location.search), {
  get: (searchParams, prop) => searchParams.get(prop),
});

// Get the value of "some_key" in eg "https://example.com/?some_key=some_value"
let selector = params.s; // "some_value"
let validator = params.v; // "some_value"
  password=$('#password').val();
  password_checker();

if ($('#email').val()!=='' && password_true) {
start_load();
$.ajax({
url:`route.php?action=password_reset&todo=new_password`,
cache: false,
method: 'POST',
type: 'POST',
data:{
password:password,
selector:selector,
validator:validator
},
success:function(resp){
end_load();
if(resp== 1){

$('div.reset-login').children().detach();
$('.reset-login').html(`               
 <div class="text-center p-0 m-0">
<h4 class="mb-2">Password reset successful</h4>
<svg height="150" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" fill="#696cff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill="#696cff" d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z"></path></g></svg>
<p class="mb-4">Proceed to login to your account with your newly updated password</p>
                </div>`)


$.notify("password reset successful", "success");

}
if (resp.respo == 2) {
$.notify(`${resp.info}`, "error");

}

if(resp== 4){
$.notify("an error occured", "error");

}


}

})

}else if (!password_true && password.length < strong_pass.chars){

var p_length=$('#password').val().length;
var p_calc= 8 - p_length;
$('#formAuthentication #password, #formAuthentication span').addClass('error-border-full');
$('#p_error_txt').text(`Password is too short ${p_calc} characters remaining`)

}else if (pass.length < strong_pass.chars || uc_len < strong_pass.upperCase || d_len < strong_pass.digits ){
$('#formAuthentication #password, #formAuthentication span').addClass('error-border-full');
$('#p_error_txt').text('Password must be at least 8 characters with 1 upper case letter and 1 number.')

}
})



$(document).on('click', '.acc_reco_actions button', function (e) {
start_load()
id=$(this).attr('id');
name=$(this).attr('target-act');

rec_id=id.substr(9);
action=id.substr(0,4);

// alert(rec_id)

if (action=='view') {

$.ajax({
url:'route.php?action=access_actions&actions=view_access_details',
method: 'POST',
type: 'POST',
dataType: "json",
data:{
rec_id:rec_id,
},
success:function(resp){
end_load()
$('#view_trx_modal').modal('show');
$('#transactions_view button').detach();
$('#ul-list').html('');
 $('#confirm-button').text('');
coin_name=resp.coin_name;
email=resp.email;

$.each(resp, function(key, value) {

if(key!=='recovery_id' && key!=='id' && key!=='user_id' && key!=='rec_id' && key!=='input2' && key!=='input1')
   {
  
var to_app=`<li class="d-flex mb-4 pb-1">

    <div class="d-flex w-100 flex-wrap align-items-center justify-content-between gap-2">
      <div class="me-0">
        <h6 class="mb-0">${key=='date_created'? 'Date Created' : key && key=='recovered_data'? 'Recovered Data' : key && key=='recovery_name'? 'Service Name' : key}</h6>
      </div>
      <div class="user-progress d-flex align-items-center gap-1">
        <p class="mb-0" style="word-break:break-all">${value}</p>
      </div>
    </div>
  </li>
  `
   }

    $('#ul-list').prepend(to_app);
    });

end_load();

if (resp == 2) {
$.notify("an error occured", "error");

}

}
})


}else if(action=='dele'){
end_load()
Swal.fire({
  title: `Delete ${name} data`,
  text: "You won't be able to revert this!",
  icon: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Yes, delete!',
  allowOutsideClick: false,
  allowEscapeKey: false,
  width: '380px'
}).then((result) => {

if (result.isConfirmed) {

$.ajax({
url:'route.php?action=access_actions&actions=delete_access_details',
cache: false,
method: 'POST',
type: 'POST',
data:{
rec_id:rec_id,
actions:'delete_access_details'
},
success:function(resp){
end_load();
if(resp == 1){
 $('#rec-ul-body2').load(location.href + ' #rec-ul-body2');

Swal.fire({
  title: `${name} deposit delete success`,
  icon: 'success',
  width: '400px',
  confirmButtonColor: '#3085d6',
  confirmButtonText: 'okay!',
  timer:1500
})

}

if (resp == 2) {
$.notify(`couldnt delete ${name} recovery`, "error");

}


}
})


}

})


}

})




$(document).on('click', '.logout-person', function(){

$.ajax({
url:`route.php?action=logout`,
cache: false,
method: 'POST',
type: 'POST',
data:{
logout:'logout',
},
success:function(resp){
end_load();
if(resp == 1){
location.reload()
}

if (resp == 2) {
$.notify("an error occured", "error");

}


}
})

})

</script>




  

<svg id="SvgjsSvg1001" width="2" height="0" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev" style="overflow: hidden; top: -100%; left: -100%; position: absolute; opacity: 0;"><defs id="SvgjsDefs1002"></defs><polyline id="SvgjsPolyline1003" points="0,0"></polyline><path id="SvgjsPath1004" d="M0 0 "></path></svg></body></html>