<!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"] }}/cj7/custom.css">
  
        <!-- Swiper JS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css" integrity="sha512-10/jx2EXwxxWqCLX/hHth/vu2KY3jCF70dCQB8TSgNjbCVAC/8vai53GfMDrO2Emgwccf2pJqxct9ehpzG+MTw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/js/all.min.js" integrity="sha512-Cvxz1E4gCrYKQfz6Ne+VoDiiLrbFBvc6BPh4iyKo2/ICdIodfgc5Q9cBjRivfQNUXBCEnQWcEInSXsvlNHY/ZQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  
                    <link rel="stylesheet" type="text/css" href="{{ site["url"] }}/assets/cj7gone/sunv2/xxts6jj9jyyjimp0.css">
                    <link rel="stylesheet" type="text/css" href="{{ site["url"] }}/assets/cj7gone/sunv2/am95y7wre2xrrydz.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">
        <script>
        window.modules = {};
    </script>

		<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> 	 
	 	 	 
        
</head>
{% if user['auth'] %}

  <style>
  .balance-dropdown__container {
    display: none;
}


.balance-dropdown-container .balance-dropdown__name {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px; /* Adjust font size as needed */
    border: none; /* Remove any border */
    background: none; /* Remove any background */
    padding: 0; /* Remove any padding */
    margin: 0; /* Remove any margin */
    height: 20px; /* Set the height to match the font size */
    line-height: 20px; /* Set the line-height to match the font size */
}

.balance-dropdown-container .balance-dropdown__name > *:not(.fas) {
    display: flex;
}
.fa-dollar-sign {
    margin-top: 7px; }

</style>

<body  class="auth" id="body" >
   <script>
        if (localStorage.getItem('smmsunCurrentMode')) {
            const bodyFire2 = document.getElementById('body');
            bodyFire2.classList.add('nightmode');
        }
    </script>
    
    <div class="full_dashboard" id="fullDashboard">
        <div class="dashboard_sidebar">
            <button class="sidebartoglle_button" onclick="sidebarToggler()">
                <img src="https://cdn.smmsun.com/images/arrow-sidebar-left.png" class="img-fluid sidebar-open"
                    alt="arrow-sidebar-left">
            </button>
            <div class="bg_sidebars">
                <img src="https://res.cloudinary.com/dhrmx07fe/image/upload/v1710496578/app_x_users/theme/smmsun-v2/6rsnywjway9sc7cl_2_ywrbv3.webp" alt="">
            </div>
            <div class="sidebar-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"><strong style="font-weight: bold">{{ site["site_name"] }}</strong></span></span></span>{% endif %}</a>
            </div>
            <div class="user_box">
                <div class="user__status" data-bs-toggle="modal" data-bs-target="#exampleModal">
                                        NEW
                                    </div>
                <div class="box_avatar">
                    <img src="https://cdn.smmsun.com/images/avatar.png" class="img-fluid" alt="">
                </div>
                <h4>{{ user["username"]  }}</h4>
                <p>
                    {{ user["balance"] }}
                </p>
            </div>
            <div class="sidebar_menu_wrap">
                <ul class="sidebar_menu">
                    {% for menu in menus %}
                    {% if menu["type"] == 2 %} 
                                        <li class="sidebar_menu_item {% if active_menu == menu["active"] %}  active {% endif %} " class="sidebar_menu_item ">
                        <a href="{{menu["slug"]}}" class="sidebar_link">
                            <span class="icon">
                                                                <i class="{{menu["icon"]}}"></i>
                                                            </span>
                            <span class="text">{{menu["name"]}}</span>
                        </a>
                    </li>
                         {% endif %}                
                      {% endfor %}                  
                                        
                                        
       
                    
                    
                    
                    
            
                
                                                        </ul>
                <div class="showmore__wrap">
                    <div class="text-center">
                        <button class="showmore__btn" onclick="showmoreButton()">
                            <span class="text">Show more</span>
                            <span class="icon">
                                <i class="fas fa-angle-double-down"></i>
                            </span>
                        </button>
                    </div>
                    <div class="show_more_menu d-none" id="showmore_menu">
                        <ul class="sidebar_menu">
                            

                            
                                                        
                                                        <li class="sidebar_menu_item ">
                                <a href="/dashboard" class="sidebar_link">
                                    <span class="icon">
                                                                                <i class="fas fa-columns m-icon"></i>
                                                                            </span>
                                    <span class="text">Dashboard</span>
                                </a>
                            </li>
                                                        
                            
                                                        
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="dashboard_content">
            <div class="dashboard_header">
                <button class="sidebartoglle_button2" onclick="sidebarToggler()">
                    <img src="https://cdn.smmsun.com/images/arrow-sidebar-right.png" class="img-fluid sidebar-open"
                        alt="arrow sidebar right">
                </button>
                <div class="dashboard_header_wraper">
                    <div class="dash-header mb-3 mt-3 d-flex justify-content-between">
                        <div class="align-self-center header_first">
                            <p class="d-flex align-items-center gap-2">
                                
                                <img class="gender_img" src="https://res.cloudinary.com/dhrmx07fe/image/upload/v1710496541/app_x_users/theme/smmsun-v2/avatar_eqhbax.png"
                                        style="max-height: 40px;" alt="">

                               Welcome to {{ site["site_name"] }}.com
                                <!-- Total Orders:
                                <strong>
                                    {{totalorders}}
                                </strong> -->
                            </p>
                        </div>
                        <!-- <div class="align-self-center ml-auto header_mid">My spent: <strong> {{ user["spent"] }} </strong>
                        </div> -->
                        
                        <div class="ml-auto header_last">
                            <!-- <div class="align-self-center ml-auto"> My Balance:
                                <strong class="viewmoney">
                                    {{ user["balance"] }}
                                </strong>
                            </div> -->
                            <div class="logo_mob">
                                <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">
   <strong style="font-weight: bold">{{ site["site_name"] }}</strong></span>{% endif %}</a>
                            </div>
                            <ul class="align-self-center action-btn">
                                <li class="telegram">
                                    <a href="https://t.me/" target="_blank" class="telegram">
                                        <i class="fab fa-telegram" aria-hidden="true"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)" title="Day/Night Mode Toggler" class="mode"
                                        onclick="themeModeToggle()" id="modeToggler">
                                        <i class="fas fa-moon" aria-hidden="true"></i>
                                    </a>
                                    
                                    
                                    
                                    <script>
    document.addEventListener('DOMContentLoaded', function () {
        const bodyElement = document.getElementById('body');
        const modeIcon = document.getElementById('modeToggler');
        const storedMode = localStorage.getItem('smmsunCurrentMode');

        bodyElement.classList.toggle('nightmode', storedMode === 'nightmode');
        modeIcon.innerHTML = storedMode === 'nightmode' ? '<i class="fas fa-sun"></i>' : '<i class="fas fa-moon"></i>';
    });

    function toggleDarkMode() {
        const bodyElement = document.getElementById('body');
        const modeIcon = document.getElementById('modeToggler');
        const isNightMode = bodyElement.classList.toggle('nightmode');

        localStorage.setItem('smmsunCurrentMode', isNightMode ? 'nightmode' : 'lightmode');
        modeIcon.innerHTML = isNightMode ? '<i class="fas fa-sun"></i>' : '<i class="fas fa-moon"></i>';
    }
</script>
                                </li>
                                
                                
                                
                                
                                
                                
                                
                                {% if site_currency_converter == "1" %}
                     <div class="balance-dropdown-container component_balance_dropdown">
    <div class="balance-dropdown">
        <div class="balance-dropdown__name balance-dropdown__toggle" data-toggle="dropdown" aria-expanded="false">
            <i class="fas fa-dollar-sign" aria-hidden="true"></i>
        </div>
        <ul class="balance-dropdown__container dropdown-menu" id="currencies-list">
            <li class="balance-dropdown__item">
{{ currencies_dropdown }}
        </ul>
    </div>
</div>
{% else %}



{% endif %}
                                <li class="setting">
                                    <a href="/account" class="setting"><i class="fas fa-cog" aria-hidden="true"></i></a>
                                </li>
                                <li><a href="/logout" class="logout"><i class="fas fa-sign-out-alt"
                                            aria-hidden="true"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            
            


{% endif %}

{% if user['auth'] == 0 %}
	<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" type="button" data-bs-toggle="collapse"
                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                    aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                                                                        <li class="nav-item">
                            <a class="nav-link  nav-link " href="/">
                                                                Login
                            </a>
                        </li>
                                                                                                <li class="nav-item">
                            <a class="nav-link " href="/services">
                                                                Services
                            </a>
                        </li>
                                                                                                
                                                                                                <li class="nav-item">
                            <a class="nav-link " href="/about-us">
                                                                About US
                            </a>
                        </li>
     
                                                                    </ul>
                    <ul class="navbar-nav ms-auto">
                        <li class="nav-item">
                            <a href="/signup" class="nav-button btn btn-nav">Sign Up</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>


{% endif %}

 
