steven
4d30803b60
Add static site, shared layout, and Node dev server with standard .gitignore. Co-authored-by: Cursor <cursoragent@cursor.com>
1847 lines
70 KiB
HTML
1847 lines
70 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||
<title>Choose Your Challenge</title>
|
||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
|
||
<link type="text/css" href="../assets/vendor/icon/iconfont.css" rel="stylesheet">
|
||
<link href="../assets/css/style.css" rel="stylesheet">
|
||
<link type="text/css" href="../assets/css/theme.css" rel="stylesheet">
|
||
<link type="text/css" href="../assets/css/index.css" rel="stylesheet">
|
||
<style>
|
||
body {
|
||
background: #000000;
|
||
position: relative;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
body::before {
|
||
content: '';
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
background: linear-gradient(180deg, #000000 0%, #1a0a00 50%, #000000 100%);
|
||
z-index: 0;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.main-wrapper {
|
||
position: relative;
|
||
z-index: 1;
|
||
width: 100%;
|
||
height: 100%;
|
||
overflow-y: auto;
|
||
overflow-x: hidden;
|
||
}
|
||
|
||
.content-container {
|
||
max-width: 1200px;
|
||
margin: 0 auto;
|
||
padding: 60px 20px 80px;
|
||
}
|
||
|
||
|
||
|
||
.challenge-hero {
|
||
text-align: center;
|
||
margin-bottom: 48px;
|
||
}
|
||
|
||
.hero-title-wrapper {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 20px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.hero-title-text {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
|
||
.hero-title-choose {
|
||
font-size: 4.6875rem;
|
||
font-weight: 700;
|
||
color: #F9F9F9;
|
||
line-height: 1.1;
|
||
}
|
||
|
||
.hero-title-your-challenge {
|
||
font-size: 4.6875rem;
|
||
font-weight: 700;
|
||
line-height: 1.1;
|
||
}
|
||
|
||
.hero-title-your {
|
||
color: #F9F9F9;
|
||
}
|
||
|
||
.hero-title-challenge {
|
||
color: #F98715;
|
||
}
|
||
|
||
.hero-trophy-badge {
|
||
width: 4.375rem;
|
||
height: 4.375rem;
|
||
|
||
border-radius: 8px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
flex-shrink: 0;
|
||
|
||
img{
|
||
width: 100%;
|
||
}
|
||
|
||
}
|
||
|
||
.hero-subtitle {
|
||
font-size: 1.5rem;
|
||
color: rgba(249, 249, 249, 0.7);
|
||
line-height: 1.6;
|
||
max-width: 700px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.hero-subtitle-highlight {
|
||
color: #F98715;
|
||
}
|
||
|
||
/* 2) Program Tabs */
|
||
.challenge-tabs {
|
||
max-width: 780px;
|
||
margin: 0 auto 32px;
|
||
background: #0B0B0B;
|
||
border-radius: 999px;
|
||
display: flex;
|
||
gap: 5px;
|
||
padding: 15px 12px;
|
||
}
|
||
|
||
.is-hidden {
|
||
display: none !important;
|
||
}
|
||
|
||
.challenge-tab {
|
||
flex: 1;
|
||
height: 52px;
|
||
border: none;
|
||
background: transparent;
|
||
color: rgba(249, 249, 249, 0.8);
|
||
border-radius: 999px;
|
||
font-size: 20px;
|
||
font-weight: 600;
|
||
|
||
cursor: pointer;
|
||
transition: all 0.2s ease;
|
||
}
|
||
|
||
.challenge-tab:hover {
|
||
color: #F9F9F9;
|
||
}
|
||
|
||
.challenge-tab.active {
|
||
background: #F9F9F9;
|
||
color: #000000;
|
||
}
|
||
|
||
button.challenge-tab:focus,button.instant-tab:focus,button.start-challenge-btn:focus,button.mobile-size-btn:focus {
|
||
outline: none;
|
||
}
|
||
|
||
/* 3) Instant Sub Tabs */
|
||
.instant-subtabs {
|
||
max-width: 280px;
|
||
margin: 0 auto 32px;
|
||
background: #0B0B0B;
|
||
border-radius: 999px;
|
||
padding: 5px 8px;
|
||
display: none;
|
||
gap: 6px;
|
||
}
|
||
|
||
.instant-subtabs.show {
|
||
display: flex;
|
||
}
|
||
|
||
.instant-tab {
|
||
flex: 1;
|
||
height: 44px;
|
||
border: none;
|
||
background: transparent;
|
||
color: rgba(249, 249, 249, 0.8);
|
||
border-radius: 999px;
|
||
font-size: 14px;
|
||
font-weight: 600;
|
||
cursor: pointer;
|
||
transition: all 0.2s ease;
|
||
}
|
||
|
||
.instant-tab:hover {
|
||
color: #F9F9F9;
|
||
}
|
||
|
||
.instant-tab.active {
|
||
background: #F9F9F9;
|
||
color: #000000;
|
||
}
|
||
|
||
.challenge-table-card {
|
||
background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
|
||
border-radius: 24px;
|
||
box-shadow: 0 12px 48px rgba(0, 0, 0, 0.6);
|
||
overflow: hidden;
|
||
padding: 18px 22px;
|
||
}
|
||
|
||
.challenge-table {
|
||
width: 100%;
|
||
border-collapse: separate;
|
||
border-spacing: 0;
|
||
}
|
||
|
||
.challenge-table thead th {
|
||
padding: 20px 12px;
|
||
text-align: center;
|
||
vertical-align: middle;
|
||
border-bottom: 1px solid rgba(249, 249, 249, 0.1);
|
||
}
|
||
|
||
.challenge-table thead th:first-child {
|
||
text-align: left;
|
||
font-size: 18px;
|
||
font-weight: 600;
|
||
color: #F9F9F9;
|
||
}
|
||
|
||
.account-size-header {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
gap: 10px;
|
||
}
|
||
|
||
.account-size-amount {
|
||
font-size: 22px;
|
||
font-weight: 700;
|
||
color: #F9F9F9;
|
||
position: relative;
|
||
}
|
||
|
||
.start-challenge-btn {
|
||
background: #f98715;
|
||
color: var(--aifo-white);
|
||
border: none;
|
||
border-radius: 8px;
|
||
padding: 6px 18px;
|
||
font-size: 12px;
|
||
font-weight: 700;
|
||
cursor: pointer;
|
||
transition: all 0.2s ease;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.start-challenge-btn:hover {
|
||
background: #e07810;
|
||
transform: translateY(-1px);
|
||
box-shadow: 0 4px 12px rgba(249, 135, 21, 0.4);
|
||
}
|
||
|
||
.challenge-table tbody tr {
|
||
border-bottom: 1px solid rgba(249, 249, 249, 0.05);
|
||
}
|
||
|
||
.challenge-table tbody tr:nth-child(even) {
|
||
background: rgba(255, 255, 255, 0.02);
|
||
}
|
||
|
||
.challenge-table tbody td {
|
||
padding: 18px 12px;
|
||
text-align: center;
|
||
vertical-align: middle;
|
||
border-right: 1px solid rgba(249, 249, 249, 0.06);
|
||
font-size: 14px;
|
||
color: rgba(249, 249, 249, 0.9);
|
||
font-weight: 500;
|
||
}
|
||
|
||
.challenge-table tbody td:first-child {
|
||
text-align: left;
|
||
border-right: 1px solid rgba(249, 249, 249, 0.1);
|
||
cursor: pointer;
|
||
transition: background 0.2s ease;
|
||
}
|
||
|
||
.challenge-table tbody td:first-child:hover {
|
||
background: rgba(249, 135, 21, 0.05);
|
||
}
|
||
|
||
.challenge-table tbody td:last-child {
|
||
border-right: none;
|
||
}
|
||
|
||
.param-name-cell {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
}
|
||
|
||
.param-icon {
|
||
width: 20px;
|
||
height: 20px;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.param-name {
|
||
flex: 1;
|
||
font-size: 15px;
|
||
color: #F9F9F9;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.expand-btn {
|
||
width: 22px;
|
||
height: 22px;
|
||
border-radius: 4px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
transition: transform 0.2s ease;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.expand-btn.expanded {
|
||
transform: rotate(180deg);
|
||
}
|
||
|
||
.challenge-row-expand {
|
||
display: none;
|
||
}
|
||
|
||
.challenge-row-expand.show {
|
||
display: table-row;
|
||
}
|
||
|
||
.challenge-row-expand td {
|
||
padding: 16px 24px 20px 56px;
|
||
background: rgba(0, 0, 0, 0.4);
|
||
font-size: 13px;
|
||
color: rgba(249, 249, 249, 0.6);
|
||
line-height: 1.6;
|
||
border-bottom: 1px solid rgba(249, 249, 249, 0.05);
|
||
}
|
||
|
||
/* Add-ons */
|
||
.challenge-addons {
|
||
margin-top: 24px;
|
||
padding-top: 24px;
|
||
border-top: 1px solid rgba(249, 249, 249, 0.1);
|
||
}
|
||
|
||
.addons-title {
|
||
text-align: center;
|
||
font-size: 15px;
|
||
font-weight: 600;
|
||
color: rgba(249, 249, 249, 0.5);
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.addons-content {
|
||
background: rgba(255, 255, 255, 0.03);
|
||
border-radius: 18px;
|
||
padding: 18px 22px;
|
||
}
|
||
|
||
.addon-row {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 16px;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.addon-row:last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.addon-percentage {
|
||
background: rgba(249, 135, 21, 0.15);
|
||
color: #F98715;
|
||
font-size: 15px;
|
||
font-weight: 700;
|
||
min-width: 60px;
|
||
padding: 4px 12px;
|
||
border-radius: 999px;
|
||
text-align: center;
|
||
}
|
||
|
||
.addon-description {
|
||
color: rgba(249, 249, 249, 0.7);
|
||
font-size: 14px;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.mobile-layout {
|
||
display: none;
|
||
}
|
||
|
||
.mobile-account-sizes {
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: 10px;
|
||
overflow-x: auto;
|
||
padding: 4px 0 20px;
|
||
-webkit-overflow-scrolling: touch;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.mobile-account-sizes::-webkit-scrollbar {
|
||
display: none;
|
||
}
|
||
|
||
.mobile-size-btn {
|
||
min-width: 50px;
|
||
width: 50px;
|
||
height: 50px;
|
||
border-radius: 50%;
|
||
border: 1px solid rgba(249, 249, 249, 0.4);
|
||
background: transparent;
|
||
color: #F9F9F9;
|
||
font-size: 11px;
|
||
font-weight: 600;
|
||
cursor: pointer;
|
||
transition: all 0.2s ease;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.mobile-size-btn.active {
|
||
background: #F9F9F9;
|
||
color: #000000;
|
||
border-color: #F9F9F9;
|
||
}
|
||
|
||
.mobile-challenge-card {
|
||
background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
|
||
border-radius: 24px;
|
||
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
|
||
overflow: hidden;
|
||
}
|
||
|
||
.mobile-card-header {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
padding: 24px 20px;
|
||
border-bottom: 1px solid rgba(249, 249, 249, 0.1);
|
||
}
|
||
|
||
.mobile-account-label {
|
||
font-size: 20px;
|
||
font-weight: 700;
|
||
color: #F9F9F9;
|
||
}
|
||
|
||
.mobile-amount-cta {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: flex-end;
|
||
gap: 8px;
|
||
}
|
||
|
||
.mobile-amount {
|
||
font-size: 24px;
|
||
font-weight: 700;
|
||
color: #F9F9F9;
|
||
}
|
||
|
||
.mobile-start-btn {
|
||
background: #F98715;
|
||
color: var(--aifo-white);
|
||
border: none;
|
||
border-radius: 10px;
|
||
padding: 8px 20px;
|
||
font-size: 13px;
|
||
font-weight: 700;
|
||
cursor: pointer;
|
||
transition: all 0.2s ease;
|
||
}
|
||
|
||
.mobile-start-btn:hover {
|
||
background: #e07810;
|
||
}
|
||
|
||
.mobile-params-list {
|
||
padding: 0;
|
||
}
|
||
|
||
.mobile-param-row {
|
||
display: flex;
|
||
align-items: center;
|
||
padding: 16px 20px;
|
||
border-bottom: 1px solid rgba(249, 249, 249, 0.05);
|
||
cursor: pointer;
|
||
transition: background 0.2s ease;
|
||
}
|
||
|
||
.mobile-param-row:hover {
|
||
background: rgba(249, 135, 21, 0.05);
|
||
}
|
||
|
||
.mobile-param-left {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
flex: 1;
|
||
}
|
||
|
||
.mobile-param-value {
|
||
font-size: 14px;
|
||
color: rgba(249, 249, 249, 0.9);
|
||
font-weight: 600;
|
||
margin-left: auto;
|
||
}
|
||
|
||
.mobile-param-description {
|
||
display: none;
|
||
padding: 12px 20px 16px 52px;
|
||
background: rgba(0, 0, 0, 0.3);
|
||
font-size: 12px;
|
||
color: rgba(249, 249, 249, 0.6);
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.mobile-param-description.show {
|
||
display: block;
|
||
}
|
||
|
||
.mobile-addons {
|
||
padding: 20px;
|
||
}
|
||
|
||
.mobile-addons-title {
|
||
text-align: center;
|
||
font-size: 13px;
|
||
color: rgba(249, 249, 249, 0.5);
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.mobile-addons-card {
|
||
background: rgba(255, 255, 255, 0.03);
|
||
border-radius: 18px;
|
||
padding: 14px;
|
||
}
|
||
|
||
@media (min-width: 992px) {
|
||
.mobile-layout {
|
||
display: none !important;
|
||
}
|
||
}
|
||
|
||
|
||
.section-challenge {
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
.section-challenge-bg{
|
||
position: absolute;
|
||
inset: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
inset: -1px 0 -1px 0;
|
||
object-fit: fill;
|
||
}
|
||
|
||
|
||
|
||
.section-challenge > *:not(.section-challenge-bg) {
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
|
||
.currency-tabs {
|
||
display: flex;
|
||
gap: 10px;
|
||
/* position: absolute; */
|
||
top: 8px;
|
||
justify-content: center;
|
||
}
|
||
|
||
.currency-tabs.pos-absolute{
|
||
position: absolute;
|
||
}
|
||
|
||
.currency-btn {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
padding: 7px 14px;
|
||
background: rgba(0, 0, 0, 0.5);
|
||
cursor: pointer;
|
||
border-radius: 15px;
|
||
transition: all 0.2s ease;
|
||
font-size: 15px;
|
||
}
|
||
|
||
.currency-btn img {
|
||
width: 18px;
|
||
height: 18px;
|
||
object-fit: cover;
|
||
border-radius: 50%;
|
||
}
|
||
|
||
.currency-btn.active {
|
||
color: #fff;
|
||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||
background: rgba(247, 147, 30, 0.3);
|
||
}
|
||
|
||
|
||
|
||
|
||
.instant-subtabs button{
|
||
width: 129px;
|
||
}
|
||
|
||
.best-value-lable{
|
||
background-image: url(../assets/images/backgrounds/best_value_bg.png);
|
||
background-repeat: no-repeat;
|
||
background-size:contain;
|
||
position: relative;
|
||
background-size: 100% 100%;
|
||
}
|
||
|
||
.best-value-lable::before{
|
||
content: '';
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
background-image: url(../assets/images/backgrounds/best_value.png);
|
||
background-repeat: no-repeat;
|
||
height: 57px;
|
||
}
|
||
|
||
.best-value-lable .account-size-amount img{
|
||
position: absolute;
|
||
top: -14px;
|
||
right: -36px;
|
||
}
|
||
|
||
.challenge-tab{
|
||
position:relative;
|
||
}
|
||
|
||
.challenge-tab .popular-icon{
|
||
position: absolute;
|
||
top: -25px;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
}
|
||
|
||
.section-challenge .challenge-table-card {
|
||
padding-top: 0px !important;
|
||
}
|
||
|
||
.flag_instant{
|
||
position: relative;
|
||
margin-bottom: 32px;
|
||
min-height: 50px;
|
||
}
|
||
|
||
.section-challenge .instant-subtabs.show {
|
||
position: absolute;
|
||
right: 66px;
|
||
}
|
||
|
||
@media (min-width:992px){
|
||
.section-challenge .challenge-table-card.no-commission {
|
||
width: 67% !important;
|
||
margin: 0 auto;
|
||
padding-right: 0;
|
||
}
|
||
}
|
||
|
||
|
||
@media (max-width: 1200px) {
|
||
|
||
.section-challenge table.challenge-table {
|
||
min-width: unset;
|
||
}
|
||
|
||
|
||
}
|
||
|
||
@media (max-width: 1100px) {
|
||
|
||
.section-challenge table.challenge-table {
|
||
min-width: unset;
|
||
}
|
||
|
||
.currency-tabs.pos-absolute{
|
||
position: static;
|
||
}
|
||
|
||
.section-challenge .instant-subtabs.show {
|
||
position: static;
|
||
margin-top:20px;
|
||
}
|
||
}
|
||
|
||
|
||
@media (max-width: 991px) {
|
||
.content-container {
|
||
padding: 40px 16px 60px;
|
||
}
|
||
|
||
|
||
.hero-title-choose,
|
||
.hero-title-your-challenge {
|
||
font-size: 32px;
|
||
}
|
||
|
||
.hero-trophy-badge {
|
||
width: 32px;
|
||
height: 32px;
|
||
}
|
||
|
||
.hero-subtitle {
|
||
font-size: 13px;
|
||
}
|
||
|
||
.challenge-tabs {
|
||
max-width: 100%;
|
||
padding: 6px 8px;
|
||
}
|
||
|
||
.challenge-tab {
|
||
height: 40px;
|
||
font-size: 13px;
|
||
}
|
||
|
||
.instant-subtabs {
|
||
max-width: 100%;
|
||
padding: 5px 8px;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.instant-tab {
|
||
height: 34px;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.challenge-table-card {
|
||
display: none;
|
||
}
|
||
|
||
.mobile-layout {
|
||
display: block !important;
|
||
}
|
||
|
||
.currency-tabs {
|
||
position: static;
|
||
margin-bottom: 32px;
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 10px;
|
||
}
|
||
|
||
.section-challenge .instant-subtabs.show {
|
||
position: static;
|
||
}
|
||
|
||
}
|
||
@view-transition { navigation: auto; }
|
||
|
||
</style>
|
||
|
||
|
||
|
||
</head>
|
||
|
||
<body class="aifo-bg-primary">
|
||
|
||
<section class="section-challenge" id="section-challenge">
|
||
<img src="../assets/images/backgrounds/Backgroun40.webp" class="section-challenge-bg" alt="" loading="eager" decoding="async" >
|
||
<div class="content-container">
|
||
<!-- 1 title -->
|
||
<div class="challenge-hero">
|
||
<div class="hero-title-wrapper">
|
||
<div class="mb-md text-center">
|
||
<h2 class="heading h1 fade-in show">Choose <img src="../assets/images/backgrounds/icon/section-icon-1.png" alt="Funded Trading" class="why-img floating-img"></h2>
|
||
<h2 class="heading h1 fade-in show">Your <span class="text-orange">Challenge<span></span></span></h2>
|
||
<div class="fluid-paragraph text-center mt-4">
|
||
<p class="lead lh-180 fade-in show">
|
||
Whether you’re taking your first step or working toward larger accounts, AIFO has <span class="text-orange">flexible challenges</span> designed to match your style and support your growth.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 2 Program Tabs -->
|
||
<div class="challenge-tabs">
|
||
<button class="challenge-tab active" data-program="1step">1 STEP</button>
|
||
<button class="challenge-tab popular" data-program="2step"> <img class="popular-icon" src="../assets/images/backgrounds/popular-icon.png"> 2 STEP</button>
|
||
<button class="challenge-tab" data-program="3step"> 3 STEP</button>
|
||
<button class="challenge-tab popular" data-program="instant"><img class="popular-icon" src="../assets/images/backgrounds/popular-icon.png"> INSTANT</button>
|
||
</div>
|
||
|
||
<div class="flag_instant">
|
||
<div class="currency-tabs" id="currencyTabs">
|
||
<div class="currency-btn active" data-currency="USD">
|
||
<img src="https://flagcdn.com/us.svg" alt="USD">
|
||
USD
|
||
</div>
|
||
|
||
<div class="currency-btn" data-currency="GBP">
|
||
<img src="https://flagcdn.com/gb.svg" alt="GBP">
|
||
GBP
|
||
</div>
|
||
|
||
<div class="currency-btn" data-currency="EUR">
|
||
<img src="https://flagcdn.com/eu.svg" alt="EUR">
|
||
EUR
|
||
</div>
|
||
|
||
<div class="currency-btn" data-currency="CAD">
|
||
<img src="https://flagcdn.com/ca.svg" alt="CAD">
|
||
CAD
|
||
</div>
|
||
|
||
<div class="currency-btn" data-currency="AUD">
|
||
<img src="https://flagcdn.com/au.svg" alt="AUD">
|
||
AUD
|
||
</div>
|
||
</div>
|
||
|
||
<div class="instant-subtabs" id="instantSubTabs">
|
||
<button class="instant-tab " data-instant-type="pro">PRO</button>
|
||
<button class="instant-tab " data-instant-type="aifo">AIFO</button>
|
||
<button class="instant-tab active" data-instant-type="NoCommission">No Commission</button>
|
||
</div>
|
||
|
||
</div>
|
||
<!-- 3 Instant Sub Tabs -->
|
||
|
||
<div class="challenge-table-card">
|
||
<table class="challenge-table">
|
||
<thead>
|
||
<tr id="desktopTableHead">
|
||
|
||
|
||
</tr>
|
||
</thead>
|
||
<tbody id="desktopTableBody">
|
||
|
||
</tbody>
|
||
|
||
</table>
|
||
|
||
<!-- Add-ons -->
|
||
<div class="challenge-addons">
|
||
<div class="addons-title">
|
||
Add-ons for Challenger
|
||
</div>
|
||
<div class="addons-content">
|
||
<div class="addon-row">
|
||
<div class="addon-percentage">
|
||
+20%
|
||
</div>
|
||
<div class="addon-description">
|
||
Profit split increase up to 85%
|
||
</div>
|
||
</div>
|
||
<div class="addon-row">
|
||
<div class="addon-percentage">
|
||
+10%
|
||
</div>
|
||
<div class="addon-description">
|
||
Fast payout (payout on demand)
|
||
</div>
|
||
</div>
|
||
|
||
<!-- <div class="addon-row">
|
||
<div class="addon-percentage">
|
||
+20%
|
||
</div>
|
||
<div class="addon-description">
|
||
Challenge fee refundable on first payout (not include addon)
|
||
</div>
|
||
</div>
|
||
|
||
<div class="addon-row">
|
||
<div class="addon-percentage">
|
||
+15%
|
||
</div>
|
||
<div class="addon-description">
|
||
Trading commission free
|
||
</div>
|
||
</div>
|
||
|
||
<div class="addon-row">
|
||
<div class="addon-percentage">
|
||
+50%
|
||
</div>
|
||
<div class="addon-description">
|
||
All
|
||
</div>
|
||
</div> -->
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div><!-- 5 (<992px) -->
|
||
|
||
<div class="mobile-layout">
|
||
<div class="mobile-account-sizes" id="mobileAccountSizes">
|
||
|
||
|
||
|
||
</div>
|
||
|
||
<div class="mobile-challenge-card">
|
||
<div class="mobile-card-header">
|
||
<div class="mobile-account-label">
|
||
Account Size
|
||
</div>
|
||
<div class="mobile-amount-cta">
|
||
<div class="mobile-amount" id="mobileAmount">
|
||
$10K
|
||
</div><button class="mobile-start-btn">Start Challenge</button>
|
||
</div>
|
||
</div>
|
||
<div class="mobile-params-list" id="mobileParamsList">
|
||
|
||
</div>
|
||
<!-- Add-ons -->
|
||
<div class="mobile-addons">
|
||
<div class="mobile-addons-title">
|
||
Add-ons for Challenger
|
||
</div>
|
||
<div class="mobile-addons-card">
|
||
<div class="addon-row">
|
||
<div class="addon-percentage">
|
||
+20%
|
||
</div>
|
||
<div class="addon-description">
|
||
Profit split increase up to 8%
|
||
</div>
|
||
</div>
|
||
<div class="addon-row">
|
||
<div class="addon-percentage">
|
||
+10%
|
||
</div>
|
||
<div class="addon-description">
|
||
Fast payout (payout on demand)
|
||
</div>
|
||
</div>
|
||
|
||
<!-- <div class="addon-row">
|
||
<div class="addon-percentage">
|
||
+20%
|
||
</div>
|
||
<div class="addon-description">
|
||
Challenge fee refundable on first payout (not include addon)
|
||
</div>
|
||
</div>
|
||
|
||
<div class="addon-row">
|
||
<div class="addon-percentage">
|
||
+15%
|
||
</div>
|
||
<div class="addon-description">
|
||
Trading commission free
|
||
</div>
|
||
</div>
|
||
|
||
<div class="addon-row">
|
||
<div class="addon-percentage">
|
||
+50%
|
||
</div>
|
||
<div class="addon-description">
|
||
All
|
||
</div>
|
||
</div> -->
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
|
||
|
||
<script>
|
||
|
||
(function($){
|
||
|
||
const appState = {
|
||
programType: '1step',
|
||
instantMode: 'NoCommission',
|
||
accountSize: '10k',
|
||
expandedParam: null,
|
||
currency: 'USD'
|
||
};
|
||
|
||
const currencyRates = {
|
||
USD: { symbol: '$', rate: 1 },
|
||
GBP: { symbol: '£', rate: 1 },
|
||
CAD: { symbol: '$', rate: 1 },
|
||
AUD: { symbol: '$', rate: 1 },
|
||
EUR: { symbol: '€', rate: 1 },
|
||
};
|
||
|
||
const programData = {
|
||
'1step': {
|
||
USD: {
|
||
defaultSize: '10k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['10k','25k','50k','100k','200k'],
|
||
data: {
|
||
'10k': { fee: '89', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:2},
|
||
'25k': { fee: '179', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:3 },
|
||
'50k': { fee: '359', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:4 },
|
||
'100k': { fee: '579', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:5 },
|
||
'200k': { fee: '1,239', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:7 }
|
||
}
|
||
},
|
||
GBP: {
|
||
defaultSize: '10k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['10k','20k','35k','70k','140k'],
|
||
data: {
|
||
'10k': { fee: '68', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:2},
|
||
'20k': { fee: '136', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:3 },
|
||
'35k': { fee: '272', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:4 },
|
||
'70k': { fee: '438', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:5 },
|
||
'140k': { fee: '937', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:7 }
|
||
}
|
||
},
|
||
CAD: {
|
||
defaultSize: '15k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['15k','30k','65k','130k','260k'],
|
||
data: {
|
||
'15k': { fee: '125', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:2},
|
||
'30k': { fee: '251', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:3 },
|
||
'65k': { fee: '502', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:4 },
|
||
'130k': { fee: '810', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:5 },
|
||
'260k': { fee: '1732', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:7 }
|
||
}
|
||
},
|
||
AUD: {
|
||
defaultSize: '15k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['15k','30k','65k','130k','260k'],
|
||
data: {
|
||
'15k': { fee: '129', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:2},
|
||
'30k': { fee: '259', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:3 },
|
||
'65k': { fee: '519', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:4 },
|
||
'130k': { fee: '836', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:5 },
|
||
'260k': { fee: '1789', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:7 }
|
||
}
|
||
},
|
||
EUR: {
|
||
defaultSize: '10k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['10k','20k','40k','80k','160k'],
|
||
data: {
|
||
'10k': { fee: '78', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:2},
|
||
'20k': { fee: '155', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:3 },
|
||
'40k': { fee: '311', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:4 },
|
||
'80k': { fee: '502', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:5 },
|
||
'160k': { fee: '1073', daily: '3%', max: '5%', target: '8%', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:13, variant_id:7 }
|
||
}
|
||
}
|
||
},
|
||
'2step': {
|
||
USD: {
|
||
defaultSize: '10k',
|
||
best_value_lable:['100k'],
|
||
discount_lable:[],
|
||
availableSizes: ['10k', '25k', '50k', '100k', '200k'],
|
||
data: {
|
||
'10k': { fee: '109', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:9 },
|
||
'25k': { fee: '219', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:10 },
|
||
'50k': { fee: '359', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:11 },
|
||
'100k': { fee: '589', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:12 },
|
||
'200k': { fee: '1,249', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:14 }
|
||
}
|
||
},
|
||
GBP: {
|
||
defaultSize: '10k',
|
||
best_value_lable:['70k'],
|
||
discount_lable:[],
|
||
availableSizes: ['10k','20k','35k','70k','140k'],
|
||
data: {
|
||
'10k': { fee: '83', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:9 },
|
||
'20k': { fee: '166', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:10 },
|
||
'35k': { fee: '272', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:11 },
|
||
'70k': { fee: '446', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:12 },
|
||
'140k': { fee: '945', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:14 }
|
||
}
|
||
},
|
||
CAD: {
|
||
defaultSize: '15k',
|
||
best_value_lable:['130k'],
|
||
discount_lable:[],
|
||
availableSizes: ['15k','30k','65k','130k','260k'],
|
||
data: {
|
||
'15k': { fee: '153', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:9 },
|
||
'30k': { fee: '307', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:10 },
|
||
'65k': { fee: '502', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:11 },
|
||
'130k': { fee: '824', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:12 },
|
||
'260k': { fee: '1746', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:14 }
|
||
}
|
||
},
|
||
AUD: {
|
||
defaultSize: '15k',
|
||
best_value_lable:['130k'],
|
||
discount_lable:[],
|
||
availableSizes: ['15k','30k','65k','130k','260k'],
|
||
data: {
|
||
'15k': { fee: '158', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:9 },
|
||
'30k': { fee: '317', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:10 },
|
||
'65k': { fee: '519', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:11 },
|
||
'130k': { fee: '851', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:12 },
|
||
'260k': { fee: '1803', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:14 }
|
||
}
|
||
},
|
||
EUR: {
|
||
defaultSize: '10k',
|
||
best_value_lable:['80k'],
|
||
discount_lable:[],
|
||
availableSizes: ['10k','20k','40k','80k','160k'],
|
||
data: {
|
||
'10k': { fee: '95', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:9 },
|
||
'20k': { fee: '190', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:10 },
|
||
'40k': { fee: '311', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:11 },
|
||
'80k': { fee: '510', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:12 },
|
||
'160k': { fee: '1082', daily: ' 3%', max: '8%', target: 'Phase 1 <span class="text-orange"> 5%</span><br> Phase 2 <span class="text-orange"> 8%</span>', split: '80%~95%', payout: '14 days', news: 'Allowed', product_id:14, variant_id:14 }
|
||
}
|
||
}
|
||
},
|
||
'3step': {
|
||
USD: {
|
||
defaultSize: '10k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['10k', '25k', '50k', '100k', '200k'],
|
||
data: {
|
||
'10k': { fee: '69', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:16},
|
||
'25k': { fee: '149', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:17 },
|
||
'50k': { fee: '299', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:18 },
|
||
'100k': { fee: '459', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:19 },
|
||
'200k': { fee: '909', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:21 }
|
||
}
|
||
},
|
||
GBP: {
|
||
defaultSize: '10k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['10k','20k','35k','70k','140k'],
|
||
data: {
|
||
'10k': { fee: '53', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:16},
|
||
'20k': { fee: '113', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:17 },
|
||
'35k': { fee: '227', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:18 },
|
||
'70k': { fee: '348', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:19 },
|
||
'140k': { fee: '688', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:21 }
|
||
}
|
||
},
|
||
CAD: {
|
||
defaultSize: '15k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['15k','30k','65k','130k','260k'],
|
||
data: {
|
||
'15k': { fee: '97', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:16},
|
||
'30k': { fee: '209', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:17 },
|
||
'65k': { fee: '418', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:18 },
|
||
'130k': { fee: '642', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:19 },
|
||
'260k': { fee: '1271', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:21 }
|
||
}
|
||
},
|
||
AUD: {
|
||
defaultSize: '15k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['15k','30k','65k','130k','260k'],
|
||
data: {
|
||
'15k': { fee: '100', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:16},
|
||
'30k': { fee: '216', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:17 },
|
||
'65k': { fee: '432', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:18 },
|
||
'130k': { fee: '663', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:19 },
|
||
'260k': { fee: '1313', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:21 }
|
||
}
|
||
},
|
||
EUR: {
|
||
defaultSize: '10k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['10k','20k','40k','80k','160k'],
|
||
data: {
|
||
'10k': { fee: '60', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:16},
|
||
'20k': { fee: '129', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:17 },
|
||
'40k': { fee: '259', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:18 },
|
||
'80k': { fee: '398', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:19 },
|
||
'160k': { fee: '787', daily: ' 3%', max: '5%', target: 'Phase 1 <span class="text-orange"> 3%</span><br>Phase 2 <span class="text-orange"> 3%</span><br>Phase 3 <span class="text-orange"> 5%</span>', split: '80%~95%', payout: '14 days', news: 'Allow', product_id:15, variant_id:21 }
|
||
}
|
||
}
|
||
},
|
||
'instant': {
|
||
pro: {
|
||
USD: {
|
||
defaultSize: '10k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['10k', '25k', '50k'],
|
||
data: {
|
||
'10k': { fee: '109', daily: '2%', max: '5%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:4, variant_id:23 },
|
||
'25k': { fee: '219', daily: '2%', max: '5%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:4, variant_id:24 },
|
||
'50k': { fee: '399', daily: '2%', max: '5%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:4, variant_id:25 },
|
||
}
|
||
},
|
||
GBP: {
|
||
defaultSize: '10k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['10k','20k','35k'],
|
||
data: {
|
||
'10k': { fee: '83', daily: '2%', max: '5%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:4, variant_id:23 },
|
||
'20k': { fee: '166', daily: '2%', max: '5%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:4, variant_id:24 },
|
||
'35k': { fee: '302', daily: '2%', max: '5%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:4, variant_id:25 },
|
||
}
|
||
},
|
||
CAD: {
|
||
defaultSize: '15k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['15k','30k','65k'],
|
||
data: {
|
||
'15k': { fee: '153', daily: '2%', max: '5%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:4, variant_id:23 },
|
||
'30k': { fee: '307', daily: '2%', max: '5%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:4, variant_id:24 },
|
||
'65k': { fee: '558', daily: '2%', max: '5%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:4, variant_id:25 },
|
||
}
|
||
},
|
||
AUD: {
|
||
defaultSize: '15k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['15k','30k','65k'],
|
||
data: {
|
||
'15k': { fee: '158', daily: '2%', max: '5%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:4, variant_id:23 },
|
||
'30k': { fee: '317', daily: '2%', max: '5%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:4, variant_id:24 },
|
||
'65k': { fee: '576', daily: '2%', max: '5%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:4, variant_id:25 },
|
||
}
|
||
},
|
||
EUR: {
|
||
defaultSize: '10k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['10k','20k','40k'],
|
||
data: {
|
||
'10k': { fee: '95', daily: '2%', max: '5%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:4, variant_id:23 },
|
||
'20k': { fee: '190', daily: '2%', max: '5%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:4, variant_id:24 },
|
||
'40k': { fee: '346', daily: '2%', max: '5%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:4, variant_id:25 },
|
||
}
|
||
}
|
||
},
|
||
aifo: {
|
||
USD: {
|
||
defaultSize: '100k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['100k', '200k'],
|
||
data: {
|
||
'100k': { fee: '749', daily: '2%', max: '4%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:5, variant_id:33 },
|
||
'200k': { fee: '1,199', daily: '2%', max: '4%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:5, variant_id:35 }
|
||
}
|
||
},
|
||
GBP: {
|
||
defaultSize: '70k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['70k','140k'],
|
||
data: {
|
||
'70k': { fee: '567', daily: '2%', max: '4%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:5, variant_id:33 },
|
||
'140k': { fee: '907', daily: '2%', max: '4%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:5, variant_id:35 }
|
||
}
|
||
},
|
||
CAD: {
|
||
defaultSize: '130k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['130k','260k'],
|
||
data: {
|
||
'130k': { fee: '1047', daily: '2%', max: '4%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:5, variant_id:33 },
|
||
'260k': { fee: '1676', daily: '2%', max: '4%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:5, variant_id:35 }
|
||
}
|
||
},
|
||
AUD: {
|
||
defaultSize: '130k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['130k','260k'],
|
||
data: {
|
||
'130k': { fee: '1082', daily: '2%', max: '4%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:5, variant_id:33 },
|
||
'260k': { fee: '1731', daily: '2%', max: '4%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:5, variant_id:35 }
|
||
}
|
||
},
|
||
EUR: {
|
||
defaultSize: '80k',
|
||
best_value_lable:[],
|
||
discount_lable:[],
|
||
availableSizes: ['80k','160k'],
|
||
data: {
|
||
'80k': { fee: '649', daily: '2%', max: '4%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:5, variant_id:33 },
|
||
'160k': { fee: '1039', daily: '2%', max: '4%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:5, variant_id:35 }
|
||
}
|
||
}
|
||
},
|
||
NoCommission: {
|
||
USD: {
|
||
defaultSize: '100k',
|
||
best_value_lable:['100k'],
|
||
discount_lable:[],
|
||
availableSizes: ['100k'],
|
||
data: {
|
||
'100k': { fee: '869', daily: '2%', max: '4%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow', product_id:19, variant_id:36},
|
||
}
|
||
},
|
||
GBP: {
|
||
defaultSize: '70k',
|
||
best_value_lable:['70k'],
|
||
discount_lable:[],
|
||
availableSizes: ['70k'],
|
||
data: {
|
||
'70k': { fee: '658', daily: '2%', max: '4%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow',product_id:19, variant_id:36 },
|
||
}
|
||
},
|
||
CAD: {
|
||
defaultSize: '130k',
|
||
best_value_lable:['130k'],
|
||
discount_lable:[],
|
||
availableSizes: ['130k'],
|
||
data: {
|
||
'130k': { fee: '1215', daily: '2%', max: '4%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow',product_id:19, variant_id:36 },
|
||
}
|
||
},
|
||
AUD: {
|
||
defaultSize: '130k',
|
||
best_value_lable:['130k'],
|
||
discount_lable:[],
|
||
availableSizes: ['130k'],
|
||
data: {
|
||
'130k': { fee: '1255', daily: '2%', max: '4%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow',product_id:19, variant_id:36 },
|
||
}
|
||
},
|
||
EUR: {
|
||
defaultSize: '80k',
|
||
best_value_lable:['80k'],
|
||
discount_lable:[],
|
||
availableSizes: ['80k'],
|
||
data: {
|
||
'80k': { fee: '753', daily: '2%', max: '4%', target: '4%', split: '80%~95%', payout: 'payout on demand', news: 'Allow',product_id:19, variant_id:36 },
|
||
}
|
||
}
|
||
}
|
||
}
|
||
};
|
||
|
||
const parameterDescriptions = {
|
||
'Challenge Fee': 'One-time fee to participate in the challenge program',
|
||
'Daily Drawdown': 'Maximum percentage loss allowed in a single trading day based on the previous day’s closing balance or equity.',
|
||
'Max Drawdown': 'The Maximum Loss Limit is the maximum allowable loss calculated based on the highest equity value your account reaches during the evaluation or trading phase.',
|
||
'Profit Target': 'The percentage gain required to successfully complete each phase of the challenge.',
|
||
'withdrawable profit': 'The Profit Target refers to the required percentage of withdrawable profit that the account must achieve before a payout can be requested.',
|
||
'Profit split': 'Percentage of profits you keep. The firm keeps the remainder.',
|
||
'Payout period': 'Minimum time required before you can request a withdrawal of profits.',
|
||
'News Trading': ''
|
||
};
|
||
|
||
const parameterNames = ['Challenge Fee', 'Daily Drawdown', 'Max Drawdown', 'Profit Target', 'Profit split', 'Payout period'];
|
||
const parameterNames_instant = ['Challenge Fee', 'Daily Drawdown', 'Max Drawdown', 'withdrawable profit', 'Profit split', 'Payout period'];
|
||
|
||
var assets_url = (typeof assets_url !== 'undefined' && assets_url)
|
||
? assets_url
|
||
: 'https://aifo.com/wp-content/themes/aifo/';
|
||
|
||
function getIconSVG(paramName) {
|
||
const icons = {
|
||
'Challenge Fee': `<img src="../assets/images/backgrounds/svg/Component 26.svg" class="chall-icon">`,
|
||
'Daily Drawdown': `<img src="../assets/images/backgrounds/svg/Component 27.svg" class="chall-icon">`,
|
||
'Max Drawdown': `<img src="../assets/images/backgrounds/svg/Component 28.svg" class="chall-icon">`,
|
||
'Profit Target': `<img src="../assets/images/backgrounds/svg/Component 29.svg" class="chall-icon">`,
|
||
'withdrawable profit': `<img src="../assets/images/backgrounds/svg/Component 29.svg" class="chall-icon">`,
|
||
'Profit split': `<img src="../assets/images/backgrounds/svg/Component 30.svg" class="chall-icon">`,
|
||
'Payout period': `<img src="../assets/images/backgrounds/svg/Component 31.svg" class="chall-icon">`,
|
||
'News Trading': `<img src="../assets/images/backgrounds/svg/Component 32.svg" class="chall-icon">`
|
||
};
|
||
return icons[paramName] || '';
|
||
}
|
||
|
||
function formatPrice(amount, currency) {
|
||
return new Intl.NumberFormat('en-US', {
|
||
style: 'currency',
|
||
currency: currency
|
||
}).format(amount);
|
||
}
|
||
|
||
function changeCurrency(newCurrency){
|
||
programData.currency = newCurrency;
|
||
renderProgram();
|
||
}
|
||
|
||
function formatCurrency(usdPrice) {
|
||
const currency = currencyRates[appState.currency];
|
||
const number = parseFloat(usdPrice.replace(/[^0-9.]/g, ''));
|
||
const converted = number * currency.rate;
|
||
|
||
return currency.symbol + converted.toLocaleString(undefined, {
|
||
maximumFractionDigits: 0
|
||
});
|
||
}
|
||
|
||
function getCurrentProgramConfig() {
|
||
if (appState.programType === 'instant') {
|
||
return programData.instant[appState.instantMode][appState.currency];
|
||
}
|
||
/* console.log("========getCurrentProgramConfig()===========");
|
||
console.log("appState.programType:"+appState.programType);
|
||
console.log("appState.currency:"+appState.currency); */
|
||
return programData[appState.programType][appState.currency];
|
||
}
|
||
|
||
function getDataForSize(size) {
|
||
const config = getCurrentProgramConfig();
|
||
return config.data[size];
|
||
}
|
||
|
||
function formatAccountSize(size) {
|
||
const formats = {
|
||
'10k': '$10K',
|
||
'25k': '$25K',
|
||
'50k': '$50K',
|
||
'100k': '$100K',
|
||
'200k': '$200K'
|
||
};
|
||
return formats[size] || size;
|
||
}
|
||
|
||
function getParamKey(paramName) {
|
||
const keyMap = {
|
||
'Challenge Fee': 'fee',
|
||
'Daily Drawdown': 'daily',
|
||
'Max Drawdown': 'max',
|
||
'Profit Target': 'target',
|
||
'withdrawable profit':'target',
|
||
'Profit split': 'split',
|
||
'Payout period': 'payout',
|
||
'News Trading': 'news'
|
||
};
|
||
return keyMap[paramName];
|
||
}
|
||
|
||
|
||
|
||
function renderDesktopTable(type) {
|
||
const config = getCurrentProgramConfig();
|
||
const sizes = config.availableSizes;
|
||
const best_value_lable = config.best_value_lable;
|
||
const discount_lable = config.discount_lable;
|
||
|
||
/* AccountSizes */
|
||
/* head account size */
|
||
let headHtml = `<th style="width: 274px;">Account Size</th>`;
|
||
|
||
|
||
sizes.forEach(size => {
|
||
|
||
let best_value_class = "";
|
||
if(best_value_lable && best_value_lable.includes(size)){
|
||
best_value_class = 'best-value-lable';
|
||
}
|
||
let discount="";
|
||
|
||
if(discount_lable && discount_lable.includes(size)){
|
||
discount = '<img src="../assets/images/backgrounds/dis_10.png" alt="USD">';
|
||
}
|
||
|
||
headHtml += `<th class="ch-pro ${best_value_class}">
|
||
<div class="account-size-header">
|
||
<div class="account-size-amount">
|
||
${discount}
|
||
${currencyRates[appState.currency].symbol}${size}
|
||
|
||
</div><button class="start-challenge-btn" data-size="${size}">Start Challenge</button>
|
||
</div>
|
||
</th>`;
|
||
});
|
||
|
||
let html = '';
|
||
|
||
var param = parameterNames;
|
||
if(type=="aifo" || type=="pro" || type=="instant"){
|
||
param = parameterNames_instant;
|
||
}
|
||
|
||
param.forEach(paramName => {
|
||
const paramKey = getParamKey(paramName);
|
||
const rowId = paramName.replace(/\s+/g, '-').toLowerCase();
|
||
|
||
/* Account Size tr */
|
||
html += `<tr class="param-data-row" data-param="${paramName}">`;
|
||
html += `<td>
|
||
<div class="param-name-cell">
|
||
<div class="param-icon">${getIconSVG(paramName)}</div>
|
||
<div class="param-name">${paramName}</div>
|
||
<div class="expand-btn ${appState.expandedParam === paramName ? 'expanded' : ''}">
|
||
<img src="../assets/images/backgrounds/arraw-icon.png" alt="Funded Trading" class="arraw-icon-table">
|
||
</div>
|
||
</div>
|
||
</td>`;
|
||
|
||
/* fee */
|
||
sizes.forEach(size => {
|
||
const data = getDataForSize(size);
|
||
|
||
let value = data[paramKey];
|
||
|
||
if (paramKey === 'fee') {
|
||
value = formatCurrency(value);
|
||
}
|
||
|
||
html += `<td>${value}</td>`;
|
||
|
||
});
|
||
|
||
html += `</tr>`;
|
||
html += `<tr class="challenge-row-expand ${appState.expandedParam === paramName ? 'show' : ''}" data-expand="${paramName}">`;
|
||
html += `<td colspan="6">${parameterDescriptions[paramName]}</td>`;
|
||
html += `</tr>`;
|
||
});
|
||
|
||
$('#desktopTableHead').html(headHtml);
|
||
$('#desktopTableBody').html(html);
|
||
}
|
||
|
||
function renderMobileAccountSizes() {
|
||
const config = getCurrentProgramConfig();
|
||
const sizes = config.availableSizes;
|
||
|
||
const buttons = sizes.map(size => {
|
||
const label = formatAccountSize(size);
|
||
const activeClass = size === appState.accountSize ? 'active' : '';
|
||
return `<button class="mobile-size-btn ${activeClass}" data-size="${size}">${label}</button>`;
|
||
}).join('');
|
||
|
||
$('#mobileAccountSizes').html(buttons);
|
||
|
||
if (!sizes.includes(appState.accountSize)) {
|
||
appState.accountSize = config.defaultSize;
|
||
}
|
||
}
|
||
|
||
/*
|
||
type: 1step 2step 3step instant
|
||
*/
|
||
function renderMobileParams(type) {
|
||
const data = getDataForSize(appState.accountSize);
|
||
|
||
let html = '';
|
||
|
||
var param = parameterNames;
|
||
if(type=="aifo" || type=="pro" || type=="instant"){
|
||
param = parameterNames_instant;
|
||
}
|
||
|
||
param.forEach(paramName => {
|
||
|
||
const paramKey = getParamKey(paramName);
|
||
let value = data[paramKey];
|
||
|
||
if (paramKey === 'fee') {
|
||
value = formatCurrency(value);
|
||
}
|
||
|
||
html += `<div>
|
||
<div class="mobile-param-row" data-param="${paramName}">
|
||
<div class="mobile-param-left">
|
||
<div class="param-icon">${getIconSVG(paramName)}</div>
|
||
<div class="param-name">${paramName}</div>
|
||
<div class="expand-btn ${appState.expandedParam === paramName ? 'expanded' : ''}">
|
||
<img src="../assets/images/backgrounds/arraw-icon.png" alt="Funded Trading" class="arraw-icon-table">
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mobile-param-value">${value}</div>
|
||
</div>
|
||
<div class="mobile-param-description ${appState.expandedParam === paramName ? 'show' : ''}" data-desc="${paramName}">
|
||
${parameterDescriptions[paramName]}
|
||
</div>
|
||
</div>`;
|
||
});
|
||
|
||
renderMobileAccountSizes();
|
||
$('#mobileParamsList').html(html);
|
||
|
||
}
|
||
|
||
function updateMobileAmount() {
|
||
$('#mobileAmount').text(formatAccountSize(appState.accountSize));
|
||
}
|
||
|
||
function changeProgramType(newType) {
|
||
appState.programType = newType;
|
||
const config = getCurrentProgramConfig();
|
||
appState.accountSize = config.defaultSize;
|
||
appState.expandedParam = null;
|
||
|
||
renderDesktopTable(newType);
|
||
renderMobileAccountSizes();
|
||
renderMobileParams(newType);
|
||
updateMobileAmount();
|
||
}
|
||
|
||
function changeInstantMode(newMode) {
|
||
appState.instantMode = newMode;
|
||
const config = getCurrentProgramConfig();
|
||
|
||
if (!config.availableSizes.includes(appState.accountSize)) {
|
||
appState.accountSize = config.defaultSize;
|
||
}
|
||
|
||
appState.expandedParam = null;
|
||
|
||
renderDesktopTable(newMode);
|
||
renderMobileAccountSizes();
|
||
renderMobileParams(newMode);
|
||
updateMobileAmount();
|
||
}
|
||
|
||
function changeMobileAccountSize(newSize) {
|
||
appState.accountSize = newSize;
|
||
appState.expandedParam = null;
|
||
|
||
updateMobileAmount();
|
||
$('#mobileParamsList').fadeOut(150, function() {
|
||
|
||
const tabs = document.querySelectorAll('.challenge-tab');
|
||
var type = "step";
|
||
tabs.forEach(tab => {
|
||
if (tab.classList.contains('active')) {
|
||
const program = tab.dataset.program;
|
||
if(program == "instant"){
|
||
type = "instant";
|
||
}
|
||
}
|
||
});
|
||
renderMobileParams(type);
|
||
|
||
$(this).fadeIn(150);
|
||
});
|
||
}
|
||
|
||
$(document).on('click', '.challenge-tab', function() {
|
||
$('.challenge-tab').removeClass('active');
|
||
$(this).addClass('active');
|
||
|
||
const newProgram = $(this).data('program');
|
||
const addons = document.querySelector('.challenge-addons');
|
||
|
||
if (newProgram === 'instant') {
|
||
|
||
$('#instantSubTabs').addClass('show');
|
||
|
||
if (addons) {
|
||
addons.classList.add('is-hidden');
|
||
}
|
||
|
||
document.querySelector('.currency-tabs').classList.add('pos-absolute');
|
||
|
||
|
||
document.querySelector('.challenge-table-card').classList.remove('no-commission');
|
||
if(appState.instantMode=="NoCommission"){
|
||
document.querySelector('.challenge-table-card').classList.add('no-commission');
|
||
}
|
||
|
||
} else {
|
||
|
||
|
||
document.querySelector('.currency-tabs').classList.remove('pos-absolute');
|
||
document.querySelector('.challenge-table-card').classList.remove('no-commission');
|
||
|
||
$('#instantSubTabs').removeClass('show');
|
||
|
||
if (addons) {
|
||
addons.classList.remove('is-hidden');
|
||
}
|
||
}
|
||
|
||
changeProgramType(newProgram);
|
||
});
|
||
|
||
$(document).on('click', '.instant-tab', function() {
|
||
$('.instant-tab').removeClass('active');
|
||
$(this).addClass('active');
|
||
const newMode = $(this).data('instant-type');
|
||
|
||
document.querySelector('.challenge-table-card').classList.remove('no-commission');
|
||
if(newMode=="NoCommission"){
|
||
document.querySelector('.challenge-table-card').classList.add('no-commission');
|
||
}
|
||
|
||
changeInstantMode(newMode);
|
||
});
|
||
|
||
$(document).on('click', '.mobile-size-btn', function() {
|
||
$('.mobile-size-btn').removeClass('active');
|
||
$(this).addClass('active');
|
||
|
||
const newSize = $(this).data('size');
|
||
changeMobileAccountSize(newSize);
|
||
});
|
||
|
||
$(document).on('click', '.param-data-row', function() {
|
||
const paramName = $(this).data('param');
|
||
if(paramName=="News Trading"){
|
||
return;
|
||
}
|
||
|
||
if (appState.expandedParam === paramName) {
|
||
appState.expandedParam = null;
|
||
} else {
|
||
appState.expandedParam = paramName;
|
||
}
|
||
|
||
$('.challenge-row-expand').removeClass('show');
|
||
$('.param-data-row .expand-btn').removeClass('expanded');
|
||
|
||
if (appState.expandedParam) {
|
||
$(`.challenge-row-expand[data-expand="${appState.expandedParam}"]`).addClass('show');
|
||
$(this).find('.expand-btn').addClass('expanded');
|
||
}
|
||
});
|
||
|
||
$(document).on('click', '.mobile-param-row', function() {
|
||
const paramName = $(this).data('param');
|
||
|
||
if (appState.expandedParam === paramName) {
|
||
appState.expandedParam = null;
|
||
} else {
|
||
appState.expandedParam = paramName;
|
||
}
|
||
|
||
$('.mobile-param-description').removeClass('show');
|
||
$('.mobile-param-row .expand-btn').removeClass('expanded');
|
||
|
||
if (appState.expandedParam) {
|
||
$(`.mobile-param-description[data-desc="${appState.expandedParam}"]`).addClass('show');
|
||
$(this).find('.expand-btn').addClass('expanded');
|
||
}
|
||
});
|
||
|
||
$(document).on('click', '.start-challenge-btn', function() {
|
||
const size = $(this).data('size');
|
||
console.log('Start Challenge:', {
|
||
programType: appState.programType,
|
||
instantMode: appState.instantMode,
|
||
accountSize: size,
|
||
});
|
||
|
||
if(appState.programType=='instant'){
|
||
const instant_data = programData[appState.programType][appState.instantMode][appState.currency].data;
|
||
/* const cart_id = instant_data[size].cart; */
|
||
const product_id = instant_data[size].product_id;
|
||
const variant_id = instant_data[size].variant_id;
|
||
window.open('https://dashboard.aifo.com/checkout?product_id=' + product_id + '&variant_id='+variant_id, '_blank');
|
||
}else{
|
||
const step_data = programData[appState.programType][appState.currency].data;
|
||
const product_id = step_data[size].product_id;
|
||
const variant_id = step_data[size].variant_id;
|
||
window.open('https://dashboard.aifo.com/checkout?product_id=' + product_id + '&variant_id='+variant_id, '_blank');
|
||
}
|
||
|
||
});
|
||
|
||
$(document).on('click', '.mobile-start-btn', function() {
|
||
|
||
const size = appState.accountSize;
|
||
console.log('Start Challenge:', {
|
||
programType: appState.programType,
|
||
instantMode: appState.instantMode,
|
||
accountSize: appState.accountSize
|
||
});
|
||
|
||
if(appState.programType=='instant'){
|
||
const instant_data = programData[appState.programType][appState.instantMode][appState.currency].data;
|
||
const product_id = instant_data[size].product_id;
|
||
const variant_id = instant_data[size].variant_id;
|
||
window.open('https://dashboard.aifo.com/checkout?product_id=' + product_id + '&variant_id='+variant_id, '_blank');
|
||
|
||
}else{
|
||
|
||
const step_data = programData[appState.programType][appState.currency].data;
|
||
const product_id = step_data[size].product_id;
|
||
const variant_id = step_data[size].variant_id;
|
||
window.open('https://dashboard.aifo.com/checkout?product_id=' + product_id + '&variant_id='+variant_id, '_blank');
|
||
}
|
||
|
||
});
|
||
|
||
$(document).on('click', '.currency-btn', function() {
|
||
|
||
$('.currency-btn').removeClass('active');
|
||
$(this).addClass('active');
|
||
|
||
|
||
const newCurrency = $(this).data('currency');
|
||
appState.currency = newCurrency;
|
||
|
||
if (appState.programType === 'instant') {
|
||
console.log(appState.instantMode);
|
||
console.log(appState.currency);
|
||
console.log(appState.programType);
|
||
|
||
document.querySelector('.challenge-table-card').classList.remove('no-commission');
|
||
if(appState.instantMode=="NoCommission"){
|
||
document.querySelector('.challenge-table-card').classList.add('no-commission');
|
||
}
|
||
appState.accountSize = programData.instant[appState.instantMode][appState.currency]['defaultSize'];
|
||
}else{
|
||
appState.accountSize = programData[appState.programType][appState.currency]['defaultSize'];
|
||
}
|
||
|
||
renderDesktopTable(appState.programType);
|
||
renderMobileParams(appState.programType);
|
||
});
|
||
|
||
$(document).ready(function() {
|
||
renderDesktopTable();
|
||
renderMobileAccountSizes();
|
||
renderMobileParams();
|
||
updateMobileAmount();
|
||
});
|
||
|
||
|
||
|
||
})(jQuery);
|
||
|
||
</script>
|
||
|
||
</body>
|
||
</html> |