<!---------   
=== Theme Author : Evan Ahmed EMon
=== Theme Designed By: TWG
=== Contact Whatsapp: +8801864614704
 ----------->  
 
<!DOCTYPE html>
{% for lang in site['languages'] %}
{% if lang['active'] %}
<html lang="{{ lang['code'] }}">
{% endif %}
{% endfor %}
<head>
  <base href="{{ site['url'] }}">
  <title>{% if pagetitle %}  {{ pagetitle }}  {% else %} {{ title }} {% endif %} </title>
<meta property="og:title" content="{% if pagetitle %} {{ pagetitle }} {% else %} {{ title }} {% endif %}" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="{% if pagekeywords %} {{ pagekeywords }} {% else %} {{ site['keywords'] }} {% endif %}">
<meta name="description" content="{% if pagedescription %} {{ pagedescription }} {% else %} {{ site['description'] }} {% endif %}">
<meta property="og:description" content="{% if pagedescription %} {{ pagedescription }} {% else %} {{ site['description'] }} {% endif %}" />
<meta name="google-site-verification" content="{{ site['google_verification'] }}" />
			
{% if site['meta_logo'] %}
        <meta property="og:image" itemprop="image" content="{{ site['meta_logo'] }}">
    {% endif %}			
{% if site['favicon'] %}
    <link rel="shortcut icon" type="image/ico" href="{{ site['favicon'] }}"/>
    <link rel="icon" type="image/png" sizes="192x192" href="{{ site['favicon'] }}"/>
    <link rel="icon" type="image/png" sizes="512x512" href="{{ site['favicon'] }}"/>
    <link rel="icon" type="image/png" sizes="32x32" href="{{ site['favicon'] }}"/>
    <link rel="icon" type="image/png" sizes="16x16" href="{{ site['favicon'] }}"/>
    <link rel="apple-touch-icon" href="{{ site['favicon'] }}"/>
{% endif %}


        <link rel="stylesheet" type="text/css" href="{{ site["url"] }}/assets/cj7/custom.css">
		
<!-- CDN Links for plugins -->
            <!-- Remix Icon CDN -->
            <link href="https://cdn.jsdelivr.net/npm/remixicon@2.2.0/fonts/remixicon.css" rel="stylesheet">
            <script src="https://code.iconify.design/iconify-icon/1.0.3/iconify-icon.min.js"></script>
            <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" />

            <!-- Clash Display Font CDN -->
            <link href="https://api.fontshare.com/v2/css?f[]=clash-display@200,400,700,500,600,1,300&display=swap" rel="stylesheet">
            <!-- Poppins Font CDN From Google -->
            <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=Poppins:wght@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">

					<link rel="stylesheet" type="text/css" href="{{ site["url"] }}/assets/cj7gone/smmxfollows/zimxbizm7zle2ha6.css">
					<link rel="stylesheet" type="text/css" href="{{ site["url"] }}/assets/cj7gone/smmxfollows/27a9rl1xrmum3hd0.css">
					<link rel="stylesheet" type="text/css" href="{{ site["url"] }}/assets/cj7gone/smmxfollows/bootstrap-datetimepicker.min.css">
				<!--	<link rel="stylesheet" type="text/css" href="{{ site["url"] }}/assets/cj7gone/smmxfollows/all.min.css"> --->
					<link rel="stylesheet" type="text/css" href="{{ site["url"] }}/assets/cj7gone/smmxfollows/cuw6iix855efzrw3.css">
					<link rel="stylesheet" type="text/css" href="{{ site["url"] }}/assets/cj7gone/smmxfollows/ny6mhzbbh07u28pq.css">
		      		<link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/css/font-awesome/css/all.min.css">
    

<style>
	    
	    .particle-snow{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;pointer-events:none}.particle-snow canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.christmas-garland{text-align:center;white-space:nowrap;overflow:hidden;position:absolute;z-index:1;padding:0;pointer-events:none;width:100%;height:85px}.christmas-garland .christmas-garland__item{position:relative;width:28px;height:28px;border-radius:50%;display:inline-block;margin-left:20px}.christmas-garland .christmas-garland__item .shape{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:flash-1;animation-name:flash-1;-webkit-animation-duration:2s;animation-duration:2s}.christmas-garland .christmas-garland__item .apple{width:22px;height:22px;border-radius:50%;margin-left:auto;margin-right:auto;margin-top:8px}.christmas-garland .christmas-garland__item .pear{width:12px;height:28px;border-radius:50%;margin-left:auto;margin-right:auto;margin-top:6px}.christmas-garland .christmas-garland__item:nth-child(2n+1) .shape{-webkit-animation-name:flash-2;animation-name:flash-2;-webkit-animation-duration:.4s;animation-duration:.4s}.christmas-garland .christmas-garland__item:nth-child(4n+2) .shape{-webkit-animation-name:flash-3;animation-name:flash-3;-webkit-animation-duration:1.1s;animation-duration:1.1s}.christmas-garland .christmas-garland__item:nth-child(odd) .shape{-webkit-animation-duration:1.8s;animation-duration:1.8s}.christmas-garland .christmas-garland__item:nth-child(3n+1) .shape{-webkit-animation-duration:1.4s;animation-duration:1.4s}.christmas-garland .christmas-garland__item:before{content:"";position:absolute;background:#222;width:10px;height:10px;border-radius:3px;top:-1px;left:9px}.christmas-garland .christmas-garland__item:after{content:"";top:-9px;left:14px;position:absolute;width:52px;height:18px;border-bottom:solid #222 2px;border-radius:50%}.christmas-garland .christmas-garland__item:last-child:after{content:none}.christmas-garland .christmas-garland__item:first-child{margin-left:-40px}

	    
	</style> 	 
	<style>
	    /* Dropdown button styling */
#changeCurrencyDd {
    background-color: #dc3545; /* Red background for danger button */
    color: #fff; /* White text */
    border: none; /* Remove border */
    border-radius: 25px; /* Rounded corners for button */
    padding: 10px 20px; /* Add padding for a balanced look */
    font-size: 16px; /* Font size for readability */
    font-weight: 500; /* Slightly bold text */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    transition: background-color 0.2s ease, box-shadow 0.2s ease; /* Smooth hover effect */
}

#changeCurrencyDd:hover {
    background-color: #c82333; /* Slightly darker red on hover */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); /* More pronounced shadow on hover */
}

#changeCurrencyDd:focus {
    outline: none; /* Remove focus outline */
    box-shadow: 0 0 8px rgba(220, 53, 69, 0.5); /* Focus shadow with red tint */
}

/* Dropdown menu styling */
#currencies-list {
    background-color: #f8f9fa; /* Light background */
    border: 1px solid #ddd; /* Light border */
    border-radius: 10px; /* Rounded corners */
    padding: 8px 0; /* Padding around items */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for separation */
    max-height: 300px; /* Limit height for long lists */
    overflow-y: auto; /* Add scroll for lengthy content */
}

/* Dropdown items styling */
#currencies-list li {
    list-style: none; /* Remove bullet points */
    margin: 0; /* Remove default margin */
}

#currencies-list li a {
    display: block; /* Block display for better alignment */
    padding: 10px 15px; /* Add padding for clickable area */
    color: #333; /* Neutral text color */
    text-decoration: none; /* Remove underline */
    font-size: 14px; /* Font size for readability */
    transition: background-color 0.2s ease, color 0.2s ease; /* Smooth hover effect */
}

#currencies-list li a:hover {
    background-color: #dc3545; /* Red background on hover */
    color: #fff; /* White text on hover */
    border-radius: 4px; /* Slightly rounded on hover */
}

/* Aligning the dropdown in the button group */
.btn-group .dropdown-menu {
    margin-top: 5px; /* Slight gap from the button */
}
	</style> 

</head>

{% if user['auth'] %}

	<body id="appDashboard">
		        <div class="appAuth">
            <!-- Sidebar -->
            <div class="appSidebar">
                <div class="sbLogo">
                  <a href="/">
{% if site["logo"] %}<img style="width: 180px;" src="{{ site['logo'] }}" class="sb-logo" alt="" title="">{% else %}{% endif %}
{% if site["favicon"] %}<img style="width: 50px;" src="{{ site['favicon'] }}" class="sb-icon" alt="" title="">{% else %}{% endif %}

                                      </a>
                </div>
                <div class="sbUsrWr">
                  <div class="sbUsr">
                    <div class="avtWr">
                      <img src="https://res.cloudinary.com/dhrmx07fe/image/upload/v1717941219/app_x_users/theme/smmxfollows/png_svg_img/3ogsnxfewi4gb00p_mwfeke.png" alt="Avatar">
                    </div>
                    <div class="riWr">
                      <div class="sbName">
                        <span>{{ user["name"] }}</span>
                        <i class="fas fa-check-circle"></i>
                      </div>
                      <div class="app__balance__edit">
                         <div class="sbFund mb-2">{{ user["balance"] }}</div>
                      <div id="changeCurrency" class="d-block d-sm-block d-md-none d-lg-none">
                                                    <div class="dropdown ">
                              <button class="btn btn-primary dropdown-toggle" role="button" data-bs-toggle="dropdown" id="currencies-listee" aria-haspopup="true" aria-expanded="false">
                                <span>
                                                                      {{ user["currency_type"] }}{{ " " }}{{ user_set_currency_symbol }}
                                                                  </span>
                                <span class="caret"></span>
                              </button>
                              <ul class="dropdown-menu" id="currencies-list" aria-labelledby="currencies-listee">
{{ currencies_dropdown }}


                                                              </ul>
                            </div>
                                                 </div>
                      </div>
                    </div>
                  </div>
                  
                </div>
                      <div class="sbMenuWr">
                        <ul class="sbMenu">
                                                    <li class="mItem">
                                                         <a {% if active_menu == "neworder" %} href="/" class="mLink active {% endif %}" class="mLink " href="/" >
                              
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fas fa-shopping-cart"></i>
                                                                            </span>
                                    <span class="mText">
                                        New order
                                    </span>
                                </a>
                            </li>
                                                    <li class="mItem">
                                                        <a {% if active_menu == "services" %} href="/" class="mLink active {% endif %}" class="mLink " href="/services" >
                              
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fas fa-server"></i>
                                                                            </span>
                                    <span class="mText">
                                        Services
                                    </span>
                                </a>
                            </li>
                                                    <li class="mItem">
                                                        <a {% if active_menu == "orders" %} href="/" class="mLink active {% endif %}" class="mLink " href="/orders" >
                               
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fas fa-redo"></i>
                                                                            </span>
                                    <span class="mText">
                                        Orders
                                    </span>
                                </a>
                            </li>
                                                    <li class="mItem">
                                                        <a {% if active_menu == "addfunds" %} href="/" class="mLink active {% endif %}" class="mLink " href="/addfunds" >
                              
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fal fa-credit-card"></i>
                                                                            </span>
                                    <span class="mText">
                                        Add funds
                                    </span>
                                </a>
                            </li>
                                                    <li class="mItem">
                                                        <a {% if active_menu == "api" %} href="/" class="mLink active {% endif %}" class="mLink " href="/api" >
                               
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fas fa-code"></i>
                                                                            </span>
                                    <span class="mText">
                                        API
                                    </span>
                                </a>
                            </li>
                                                    <li class="mItem">
                                                        <a {% if active_menu == "refer" %} href="/" class="mLink active {% endif %}" class="mLink " href="/refer" >
                                
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fad fa-share-alt"></i>
                                                                            </span>
                                    <span class="mText">
                                        Affiliates
                                    </span>
                                </a>
                            </li>
                                                    <li class="mItem">
                                                        <a {% if active_menu == "child-panels" %} href="/" class="mLink active {% endif %}" class="mLink " href="/child-panels" >
                               
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fas fa-child"></i>
                                                                            </span>
                                    <span class="mText">
                                        Child panel
                                    </span>
                                </a>
                            </li>
                                                    <li class="mItem">
                                                        <a {% if active_menu == "tickets" %} href="/" class="mLink active {% endif %}" class="mLink " href="/tickets" >
                            
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fas fa-ticket-alt"></i>
                                                                            </span>
                                    <span class="mText">
                                        Tickets
                                    </span>
                                </a>
                            </li>
                                                    <li class="mItem">
                                                        <a {% if active_menu == "massorder" %} href="/" class="mLink active {% endif %}" class="mLink " href="/massorder" >
                          
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fas fa-align-center"></i>
                                                                            </span>
                                    <span class="mText">
                                        Mass order
                                    </span>
                                </a>
                            </li>
                                                    <li class="mItem">
                                                        <a {% if active_menu == "updates" %} href="/" class="mLink active {% endif %}" class="mLink " href="/updates" >
                          
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fas fa-cloud"></i>
                                                                            </span>
                                    <span class="mText">
                                        Updates
                                    </span>
                                </a>
                            </li>
                           
                    <!-- If need Show more buttons  -->
                    <!-- <li class="mItem mSMoreItem">
                      <a href="#" class="mSMore">
                        <span class="mText">Show More</span>
          
                        <span class="mIcon"><i class="ri-arrow-down-s-fill"></i></span>
                      </a>
                      <ul class="subMenu">
                        <li class="mItem">
                          <a class="mLink">
                            <span class="mIcon"><i class="ri-dashboard-2-line"></i></span>
                            <span class="mText">Hidden button</span>
                          </a>
                        </li>
                      </ul>
                    </li> -->

                  </ul>
                </div>
            </div>
            <!-- ### Sidebar -->
            <!-- Top Bar -->
            <div class="appHeader">
                <div class="container-fluid">
                        <div class="container-fluid">
                  <button class="menu-btn" onclick="authMenuToggle();">
                    <i class="ri-menu-line"></i>
                    <i class="ri-close-line"></i>
                  </button>

                  

                  <div class="row apHdRw">
                    <div class="col d-none d-md-block">
                      <h2 class="apPgTi">{{ title }}</h2>
                      <p class="apPgTx"> We're the best!</p>
                    </div>

                    <div class="col-auto m-auto">
                      <div class="col-auto">
                        <a href="/">
       {% if site["logo"] %}<img style="max-width:200px;" src="{{ site['logo'] }}" class="img-fluid mobile__logo" alt="" title="">{% else %}{% endif %}
                            </a>
                      </div>
                      <div class="btn-group d-none d-sm-none d-md-block">
                                                    <button class="btn btn-danger dropdown-toggle btn-rounded apHdCr" type="button" id="changeCurrencyDd"
                            data-bs-toggle="dropdown" aria-expanded="false">
                              <span>
                                                                  {{ user["currency_type"] }}{{ " " }}{{ user_set_currency_symbol }}
                                                              </span>
                              <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu" id="currencies-list">
{{ currencies_dropdown }}
                                                          </ul>
                                            </div>
                    </div>
                   
                 <!---    <div class="col-auto ms-auto"> -->
                      <!-- Multi languages -->
                <!---   <div class="dropdown"> 
                                                                  <a href="javascript:void(0)" class="dropdown-toggle btn btn-language" data-bs-toggle="dropdown" role="button" aria-haspopup="true" id="langHome" aria-expanded="false">
                                                    <img src="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/1.0.0/flags/1x1/us.svg" class="lang-icon" alt="">
                                                    <span class="lang-text d-none d-sm-none d-md-block">English</span>
                        </a>
                                                              <ul class="dropdown-menu" aria-labelledby="langHome">
                                              <li >
                          <a  class="dropdown-item  active " href="/en">English</a>
                        </li>
                                          </ul>
                  </div> -->
                  <!-- ### Multi languages -->
                  <!---    </div> -->
                    <div class="col-auto">
                      <div class="btn-group">
                        <button type="button" class="btn dropdown-toggle btn-rounded apHdIt" data-bs-toggle="dropdown" aria-expanded="false">
                          <div class="colIc">
                            <div class="icon avatar">
                              <img src="https://res.cloudinary.com/dhrmx07fe/image/upload/v1717941219/app_x_users/theme/smmxfollows/png_svg_img/3ogsnxfewi4gb00p_mwfeke.png" alt="Avatar">
                            </div>
                          </div>
                          <div class="colTx d-none d-md-block">
                            <div class="title">
                                                              My Profile
                                                          </div>
                            <div class="text">
                                                              See Account
                                                          </div>
                          </div>
                        </button>
                        <ul class="dropdown-menu">
                          <li><a class="dropdown-item" href="/account">
                                                          Account
                                                      </a></li>
                          <li><a class="dropdown-item" href="/api">
                            API
                          </a></li>
                          <li><a class="dropdown-item" href="/addfunds">
                                                          Add Funds
                                                      </a></li>
                          <li>
                            <hr class="dropdown-divider" />
                          </li>
                          <li><a class="dropdown-item danger-color" href="/logout">
                                                          Log out
                                                      </a></li>
                         </ul>
                      </div>
                    </div>

                  </div>
                </div>
              </div>
              </div>
            <!-- ### Top Bar -->
		

{% endif %}

{% if user['auth'] == 0 %}

   <!---------   

=== Theme Author : Evan Ahmed EMon
=== Theme Designed By: TWG
=== Contact Whatsapp: +8801864614704

 -------------> 

		          <div class="mobile-header">
            <div class="container">
              <div class="row align-items-center">
                <div class="col">
                  <a href="/">
                                          <img src="{{ site['logo'] }}" class="mobile-logo" style="width: 150px;" alt="">
                                      </a>
                </div>
                <div class="col-auto">
                  <button class="menu-btn" onclick="noAuthMenuToggle();">
                    <i class="ri-menu-line"></i>
                  </button>
                </div>
              </div>
            </div>
          </div>

          <header id="noAuthHeader">
            <button class="close-menu" onclick="noAuthMenuToggle();">
              <i class="ri-close-line"></i>
            </button>
            <div class="container">
              <div class="row align-items-center">
                <div class="col-lg-auto logo_with_lang">
                  <a href="/" class="hdLogoL">
                                          <img src="{{ site['logo'] }}" style="width: 150px;" alt="">
                                      </a>
                  <!-- Multi languages -->
                  <!-- <div class="dropdown">
                                                                  <a href="javascript:void(0)" class="dropdown-toggle btn btn-language" data-bs-toggle="dropdown" role="button" aria-haspopup="true" id="langHome" aria-expanded="false">
                                                    <img src="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/1.0.0/flags/1x1/us.svg" class="lang-icon" alt="">
                                                    <span class="lang-text">English</span>
                        </a>
                                                              <ul class="dropdown-menu" aria-labelledby="langHome">
                                              <li >
                          <a  class="dropdown-item  active " href="/en">English</a>
                        </li>
                                          </ul>
                  </div> -->
                  <!-- ### Multi languages -->
                </div>
            <div class="col-lg">
                  <ul class="hdMn">
                                                                  <li class="hdMnIt">
                          <a {% if active_menu == "auth" %} href="/" class="hdMnLi active {% endif %}" class="hdMnLi " href="/" >
                         
                             Home                           </a>
                        </li>
                                                                                        <li class="hdMnIt">
                           <a {% if active_menu == "services" %} href="services" class="hdMnLi active {% endif %}" class="hdMnLi " href="/services" >
                              Services</a>
                        </li>
                                                                                        <li class="hdMnIt">
                          <a {% if active_menu == "api" %} href="/api" class="hdMnLi  active" {% endif %} class="hdMnLi " href="/api"> API</a>
                        </li>
                                                                

                                                            </ul>
                </div>
                <div class="col-lg-auto">
                  <a href="/" class="btn btn-login-header btlrh btn-rounded me-3">
                                          Login
                                      </a>
                                    <a href="/signup" class="btn btn-primary btlrh btn-rounded btn-icon">
                                      <span>
                                              Register
                                          </span>
                    <span class="icon icon-circle"><i class="ri-arrow-right-line"></i></span>
                  </a>
                </div>
              </div>
            </div>
          </header>




{% endif %}

