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

    <link rel="stylesheet" type="text/css" href="https://res.cloudinary.com/dhrmx07fe/raw/upload/v1711116520/app_x_users/theme/growfollows/css/2lug4h6ujh6g3ur2_qg7rxx.css">
    <link rel="stylesheet" type="text/css" href="https://res.cloudinary.com/dhrmx07fe/raw/upload/v1711116168/app_x_users/theme/growfollows/css/87w3yr_nw9rfh9w_e8rh_phveuq.css">
    <link rel="stylesheet" type="text/css" href="https://res.cloudinary.com/dhrmx07fe/raw/upload/v1711116474/app_x_users/theme/growfollows/css/gyswa80r1cdn7gz4_ixhktl.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/v1711116811/app_x_users/theme/growfollows/css/tpf2jssyocan4ndm1_nfjlb5.css">
    
  
  <!--  Some CDN Link From Old Theme -->
  <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>
  <link rel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.2/umd/popper.min.js"></script>
  <script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
    <!--  /// Some CDN Link From Old Theme -->
    
    
</head>

{% if user['auth'] %}

<body class="dashboard nightmode" id="body" >
  <script>
    if (localStorage.getItem('growFollowsCurrentMode')) {
      const bodyFire2 = document.getElementById('body');
      bodyFire2.classList.add('nightmode');
    }
  </script>
  <main id="main_container">
    <div class="sidebar">
      <button class="sidebar_menu_icon" onclick="toggleSidebar()">
        <img src="https://res.cloudinary.com/dhrmx07fe/image/upload/v1711117065/app_x_users/theme/growfollows/4j6ex4un1721ze8y_xfmcbf.png" class="close_nav_day" alt="">
        <img src="https://res.cloudinary.com/dhrmx07fe/image/upload/v1711117093/app_x_users/theme/growfollows/eco8hx40xz8d3lmf_mj1yht.png" class="open_nav_day" alt="">

        <img src="https://res.cloudinary.com/dhrmx07fe/image/upload/v1711117129/app_x_users/theme/growfollows/ie1rl1p1gwj5znf0_lfxo7n.png" class="close_nav_night" alt="">
        <img src="https://res.cloudinary.com/dhrmx07fe/image/upload/v1711117129/app_x_users/theme/growfollows/ie1rl1p1gwj5znf0_lfxo7n.png" class="open_nav_night" alt="">
      </button>
      <div class="sidebar_top">
        <div class="logo">
<a target="_self" href="/">{% if site["logo"] %}
<img style="max-width:200px;" src="{{ site['logo'] }}" alt="" title="">
{% else %}<span style="text-transform: "><span style="font-size: 24px"><span style="letter-spacing: 1.0px"><span style="line-height: 120px"><strong style="font-weight: bold">{{ site["site_name"] }}</strong></span></span></span></span>{% endif %}</a>

        </div>
        <div class="user_data">
          <div class="user_badges" data-bs-toggle="modal" data-bs-target="#GGstaticBackdrop">
            <h4> NEW</h4>
          </div>
                <div class="total_data">
                  <div class="user_wrap">
                    <div class="v2_avatar">
                        <img src="https://i.ibb.co/NsN20j6/Whats-App-Image-2024-05-10-at-00-23-52-9a84eee4.jpg" class="img-fluid" alt=" Avatar" id="profile1">
                    </div>
                    <div class="v2_user_info">
                      <h5>{{ user["username"]  }}</h5>
                    </div>
                </div>
                <div class="user_balance">
                   Your balance <span class="balance">  {{ user["balance"]  }}</span>
                </div>
                </div>
             </div>
                </div>
                <div class="sidebar_bottom">
                  <div class="sidebar_menu">
                      
                      
                      {% for menu in menus %}
                    {% if menu["type"] == 2 %} 
                        <a href="{{menu["slug"]}}" class="menu_item {% if active_menu == menu["active"] %}  active {% endif %} " >
                               <div class="menu_icon">
                                <i class="{{menu["icon"]}}"></i>
                            </div>
                                                <div class="menu_name">
                            {{menu["name"]}}
                        </div>
                    </a> 
                     
      {% endif %}                
                      {% endfor %}  
   

                                                                </div>
                  <!-- Show More Btn Codes End -->
        </div>
      </div>
    </div>
            <div class="content_area">
      <div class="top_header">
        <div class="top_head_wrap">
          <div class="item">
            <div class="logo_off_nav">
<a target="_self" href="/">{% if site["logo"] %}
<img style="max-width:200px;" src="{{ site['logo'] }}" alt="" title="">
{% else %}<span style="text-transform: "><span style="font-size: 24px"><span style="letter-spacing: 1.0px"><span style="line-height: 120px"><strong style="font-weight: bold">{{ site["site_name"] }}</strong></span></span></span></span>{% endif %}</a>

            </div>
          </div>
          <div class="item">

          </div>
          <div class="item user_settings">
            <!-- Telegram Channel -->
            <a href="/child-panels" class="telegram">
              <i class="fas fa-child"></i>
            </a>
 <!-- Profile -->
                            <a href="" class="telegram">
                                <i class="fab fa-telegram"></i>
                            </a>
                            <!-- Profile -->
                            <a href="/addfunds" class="telegram">
                                <i class="fas fa-wallet"></i>
                            </a>
                                                       <ul id="currency_changer5">
                            <li>
                              <div class="dropdown">
                                <button class="btn btn-primary dropdown-toggle mb-sm-2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="currencyToggler2">
                                <span>
                                  <i class="fas fa-sack"></i>
                                </span>
                          <span class="caret"></span>
                      </button>
                            <ul class="dropdown-menu" id="-list">
                                                                    <li>
                                       {{ currencies_dropdown }}
                            
                                                                    <li>
                                     
                                                            </ul>
                        </div>
                    </li>
                </ul>
                
                              <!-- Profile -->
                            <a href="/account" class="telegram">
                                <i class="fas fa-user"></i>
                            </a>

             
                                      <!-- Logout -->
                            <a href="/logout" class="telegram mr__css">
                              <i class="fas fa-sign-out-alt"></i>
                            </a>   
                      </div>
              </div>
          </div>


            <div class="content">
                <!-- page and other top info -->
                  <div id="page_info">
                         <div class="item">
                                 <h4>You are currently on: <span class="sp_text_primary">{{ title }}</span></h4>
                         </div>
                         <div class="item">
                                <h4>Total Orders: <span class="sp_text_primary">{{totalorders}}</span></h4>
                        </div>
                     
             
                        <div class="item">
                                <h4>Welcome <span class="sp_text_primary">{{ user["username"]  }}</span> </4>
                                
                                </div>
                                
                                <div class="item">
                                    
                                 <h4>Balance is : <span class="sp_text_primary"> {{ user["balance"]  }} </span></h4>
                        </div>
                          <div class="item">
                           <h4>Spent :<span class="sp_text_primary"> {{ user["spent"]  }} </span></h4>
                        </div>
                 </div>
	{% endif %}

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

<script type="text/javascript"  src="https://res.cloudinary.com/dhrmx07fe/raw/upload/v1711116969/app_x_users/theme/growfollows/css/0r4tywzonxftumui_sjykny.js" ></script>

<style>
#navbar {
    background: #161429a6 !important;
    backdrop-filter: blur(10px);
}

#notLogin {
    padding-top: 20px;
}

.particles-js-canvas-el{
    display: none;
}

.noAuth section {
    padding-top: 70px !important;
}

.noAuth #top_services {
    padding-top: 70px !important;
}

#terms {
    padding-top: 70px !important;
}
</style>

<body class="noAuth" >
      <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-static-top" id="navbar">
      <div class="container">
<a target="_self" href="/">{% if site["logo"] %}
<img style="max-width:200px;" src="{{ site['logo'] }}" alt="" title="">
{% else %}<span style="text-transform: "><span style="font-size: 24px"><span style="letter-spacing: 1.0px"><span style="line-height: 50px"><strong style="font-weight: bold">{{ site["site_name"] }}</strong></span></span></span></span>{% endif %}</a>

        <button class="navbar-toggler nav__btn" type="button" data-bs-toggle="collapse"
          data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
          aria-label="Toggle navigation" onclick="navToggleMob()">
           <img src="https://res.cloudinary.com/grow-follows/image/upload/v1687542986/Menu_d5wrxu.svg" class="nav__btn__icon" alt=""> 
          <i class="fas fa-bars"></i>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
              
                    {% for menu in menus %} 
                    <li class="nav-item ">
<a class="nav-link  nav-link {% if active_menu == menu["active"] %} active  {% endif %} "     href=" {{menu["slug"]}}" >

 {{menu["name"]}}
            </a>
           </li>{% endfor %}
</ul>
</nav>

{% endif %}
