<!---------   
=== 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="wKF1_-LPmAZfK1R_qgUibAAfkf1Z96JD5XF2rXC869A" />
  {% if site['favicon'] %}
    <link rel="shortcut icon" type="image/ico" href="{{ site['favicon'] }}" />
  {% endif %}

<script src="https://res.cloudinary.com/dhrmx07fe/raw/upload/v1709462431/app_x_users/theme/sweetalert.min.js"></script>
<script src="https://res.cloudinary.com/dhrmx07fe/raw/upload/v1709462262/app_x_users/theme/jquery-3.3.1.slim.min.js"></script>



        <!-- 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="https://res.cloudinary.com/dhrmx07fe/raw/upload/v1717926860/app_x_users/theme/smmxfollows/css/zimxbizm7zle2ha6_axizek.css">
					<link rel="stylesheet" type="text/css" href="https://res.cloudinary.com/dhrmx07fe/raw/upload/v1717926883/app_x_users/theme/smmxfollows/css/l44xs71zkhdy90zz_msdq4o.css">
					<link rel="stylesheet" type="text/css" href="https://cdn.mypanel.link/libs/bootstrap-datetimepicker/4.17.47/bootstrap-datetimepicker.min.css">
					<link rel="stylesheet" type="text/css" href="https://cdn.mypanel.link/css/font-awesome/css/all.min.css">
					<link rel="stylesheet" type="text/css" href="https://res.cloudinary.com/dhrmx07fe/raw/upload/v1717926821/app_x_users/theme/smmxfollows/css/ddh6n9p86l2pbigy_fdjkqa.css">



</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 %}

