<!DOCTYPE html>
{% for lang in site['languages'] %}
{% if lang['active'] %}
<html lang="{{ lang['code'] }}">
{% endif %}
{% endfor %}
  
  <base href="{{ site['url'] }}/">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>PAINEL SMM - Fornecedor SMM - Melhores Preços API</title>
  <meta name="keywords" content="painel smm, smmpanel, comprar seguidores, comprar seguidores baratos, painel smm fornecedor, painel smm mais barato, painel smm mais barato do brasil, fornecedor smm barato">
  <meta name="description" content="Maior fornecedor smm da América Latina com os melhores preços, serviços de qualidade para diversas plataformas.">

<style>
/*desabilita a seleção no body*/
body {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Chrome/Safari/Opera */
       -khtml-user-select: none; /* Konqueror */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none;
}

/*habilita a seleção nos campos editaveis*/
input, textarea {
    -webkit-touch-callout: initial; /* iOS Safari */
      -webkit-user-select: text; /* Chrome/Safari/Opera */
       -khtml-user-select: text; /* Konqueror */
         -moz-user-select: text; /* Firefox */
          -ms-user-select: text; /* Internet Explorer/Edge */
              user-select: text;
}

/*habilita a seleção nos campos com o atributo contenteditable*/
[contenteditable=true] {
    -webkit-touch-callout: initial; /* iOS Safari */
      -webkit-user-select: all; /* Chrome/Safari/Opera */
       -khtml-user-select: all; /* Konqueror */
         -moz-user-select: all; /* Firefox */
          -ms-user-select: all; /* Internet Explorer/Edge */
              user-select: all;
}
</style>

<head>
    <script language=javascript> document.addEventListener('contextmenu', event => event.preventDefault()); </script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-232859840-1">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-232859840-1');
</script>
  <base href="{{ site['url'] }}/">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{{ title }}</title>
  <meta name="keywords" content="{{ keywords }}">
  <meta name="description" content="{{ description }}">
  {% if site['favicon'] %}
    <link rel="shortcut icon" type="image/ico" href="{{ site['favicon'] }}" />
  {% endif %}

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
  
<link rel="stylesheet" href="/assets/smmspot/assets/knd/knd.controller8.css"> <link rel="stylesheet" type="text/css" href="css/panel/smmspot/bot5.css"> <link rel="stylesheet" type="text/css" href="css/panel/smmspot/33j3i14zsylh56wz.css"> <link rel="stylesheet" type="text/css" href="css/panel/smmspot/modo_escuro10.css"> <link rel="stylesheet" type="text/css" href="css/panel/smmspot/m4cmm0aklrpj3aeu9.css"> <link rel="stylesheet" type="text/css" href="js/datepicker/css/bootstrap-datepicker3.min.css"> <link rel="stylesheet" type="text/css" href="https://cdn.mypanel.link/css/font-awesome/css/all.min.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<link href="https://fonts.googleapis.com/css?family=Overpass+Mono:400,700" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    function changeLang(newLang){
        $.ajax
        ({ 
            url: '/account/change_lang/',
            data: {lang: newLang},
            type: 'post',
            success: function(result)
            {
                window.location = "";
            }
        });
    }
    </script>
    <style>
        .smm-spot-modal {
            background: #C31231;
            height: 450px;
            max-height: 600px;
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }
        
        .modal-icon-bg {
            position: absolute;
            top: 0%;
            left: 0%;
            width: 60px;
            height: 60px;
        }
        
        .modal-text {
            max-height: 232px;
            overflow: scroll;
        }
        @media only screen and (max-width: 420px) {
            .modal-icon-bg {
                width: 45px;
                height: 45px;
            }
            .smm-spot-modal {
                padding-left: 2rem !important;
                padding-right: 2rem !important;
            }
        }
        
        .modal-title {
            font-weight: 800;
        }
        
        .modal-title-line {
            height: 3px;
            background: #fff;
            width: 50px;
        }
        
        .modal-close-button {
            position: absolute;
            top: 0;
            right: 0;
            width: 30px;
            height: 30px;
            margin: 30px 30px 0 0;
            cursor: pointer;
            animation-delay: 2s;
        }
        
        .modal-hide {
             width:100%;
            display: none;
            position: absolute;
            top: 15%;
            z-index: 9999;
        }
        
        
        {% if user['lang'] == "ar" %}
        
        @media screen and (min-width: 800px) {

            .app-header{
                left: 0 !important;
                right: 300px !important;
            }
            *{
                direction:rtl !important;
            }
            .app-sidebar{
                left: auto !important;
                right: 0 !important;
            }
            .app-main{
                padding-right: 320px !important;
                padding-left: unset !important;
            }
            .hpbb-text{
                color: white !important;
            }
            .hpbb-body{
                margin-right: 5% !important;
            }
            .smmspot-sb-btn:after{
                content: "" !important;
            }
            
            .smmspot-sb-dd-item{
                text-align: right !important;
            }
            
            .t-icon .fal{
                margin-top:10px !important;
            }
            
        }
        {% endif %}
    </style>
</head>
<body>
{% if user['auth'] %} 
<div class="spinner">
  <div class="inner">
  </div>
</div>
    <div class="app">
        <div class="app-header">
            <div class="app-header-container">
                <div class="container-fluid">
                           
                    <div class="row">
                        <div class="col-auto">
                            <button class="btn ahbtn bs-1" onclick="sidebarToggle()">
                                <i class="fas fa-bars"></i>
                            </button>
                        </div>
                        <div class="col">
							<div class="d-head">
								<div class="container-fluid" id="ptcReal">
									<div id="ptc" class="page-title-content">
										<h2 class="pg-titlte">{{ lang['smmspot.header.welcome'] }} <span class="p-color">{{ user['username'] }}</span>!</h2>
										<div class="pg-text">{{ lang['smmspot.header.text'] }} </div>
									</div>
								</div>
							</div>
                        </div>
                        
                        
                        
                        {% if user['lang'] == "en" %}
                        
                            <div class="col-auto">
                                <button class="btn ahbtn bs-2" onclick="changeLang('ar')">
                                    <img src="https://www.gov.br/agricultura/pt-br/assuntos/relacoes-internacionais/agro-mais-investimentos/imagens/bandeira-do-brasil.png" width="60%"> 
                                </button>
                            </div>

                        {% else %}
                        
                            <div class="col-auto">
                                <button class="btn ahbtn bs-2" onclick="changeLang('en')">
                                    <img src="https://cdn.discordapp.com/attachments/713221384402108527/965260185444679751/unknown.png" width="60%"> 
                                </button>
                            </div>

                        {% endif %}

                        <div class="col-auto">
                            <a href="/account" class="btn ahbtn bs-2">
                                <i class="fas fa-user-circle"></i>
                            </a>
                        </div>
                        
                        

                        <div class="col-auto">
                            <button class="btn ahbtn bs-2" onclick="rightMenuToggle()">
                              <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
                                <i class='fas fa-medal' style='font-size:24px'></i>
                            </button>
                        </div>
                        <div class="col-auto">
                            <a href="/logout" class="btn ahbtn bs-3">
                                <i class="fas fa-power-off"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div><!-- ./app-header-container -->
        </div><!-- ./app-header -->
        
        <div class="app-sidebar">
            <div class="sidebar-header">
				<a class="sidebar-logo-cont" href="/">
				  {% if site['logo'] %}
					<img src="{{ site['logo'] }}" class="sidebar-big-logo" alt="{{ site['site_name'] }}" height="30" title="{{ site['site_name'] }}">
				  {% else %}
					{{ site['site_name'] }}
				  {% endif %}
				</a>
            </div>
            <div class="profileBox" style="text-align: center;">
                <br>
                <br>
                <br>
<div class="profilePic"></div>
<h4>  {{ user['username'] }}<img src="https://res.cloudinary.com/smmxboost/image/upload/v1645512762/2behggr3l6cn74dd_1_a282rq.png" width="16"></h4>
<p><img src="//i.imgur.com/65AKxWJ.png" alt="online icon"> <span> Online </span></p></div>
            <div class="sidebar-content">
                <div class="sidebar-body">
                    <button class="btn ahbtn bs-1 mb-4 btn-block btn-sb-close" onclick="javascript:sidebarToggle();">
                        <i class="fas fa-times"></i>
                    </button>
                    
                    
                    
                    
					<ul class="sidebar-menu">
					    	


                    {% if ( settings['sms_verify'] == 2 and user['sms_verify'] == 1 ) or (settings['mail_verify'] == 2 and user['mail_verify'] == 1 ) %}
                      <!-- ######################################################################################################## -->
							<li {% if active_menu == "verify" %} class="menu-link active" {% else %} class="menu-link" {% endif %}>
								<a href="/" class="menu-link">
									<div class="menu-icon">
                                        <!-- ########################### -->
										<i class="degis"></i>
                                        <!-- ########################### -->
									</div>
                                    <span>{{ lang['verify.title'] }}</span>
								</a>
							</li>
						<!-- ######################################################################################################## -->
                        {% else %}

                      <!-- ######################################################################################################## -->
							<li {% if active_menu == "neworder" %} class="menu-link active" {% else %} class="menu-link" {% endif %}>
								<a href="/" class="menu-link">
									<div class="menu-icon">
                                        <!-- ########################### -->
										<i class="far fa-box-heart"></i>
                                        <!-- ########################### -->
									</div>
                                    <span>{{ lang['neworder.title'] }}</span>
								</a>
							</li>
						<!-- ######################################################################################################## -->
                        <!-- ######################################################################################################## -->
							<li {% if active_menu == "services" %} class="menu-link active" {% else %} class="menu-link" {% endif %}>
								<a href="/services" class="menu-link">
									<div class="menu-icon">
                                        <!-- ########################### -->
										<i class="fas fa-list-alt"></i>
                                        <!-- ########################### -->
									</div>
                                    <span>{{ lang['services.title'] }}</span>
								</a>
							</li>
						<!-- ######################################################################################################## -->
                        <!-- ######################################################################################################## -->
							<li {% if active_menu == "orders" %} class="menu-link active" {% else %} class="menu-link" {% endif %}>
								<a href="/orders" class="menu-link">
									<div class="menu-icon">
                                        <!-- ########################### -->
										<i class="far fa-box-check"></i>
                                        <!-- ########################### -->
									</div>
                                    <span>{{ lang['orders.title'] }}</span>
								</a>
							</li>
						<!-- ######################################################################################################## -->

                        {% if site["dripfeedcount"] %}
                        <!-- ######################################################################################################## -->
							<li {% if active_menu == "dripfeeds" %} class="menu-link active" {% else %} class="menu-link" {% endif %}>
								<a href="/dripfeeds" class="menu-link">
									<div class="menu-icon">
                                        <!-- ########################### -->
										<i class="far fa-hand-holding-heart"></i>
                                        <!-- ########################### -->
									</div>
                                    <span>{{ lang['dripfeeds.title'] }}</span>
								</a>
							</li>
						<!-- ######################################################################################################## -->
                        {% endif %}

                        {% if site["subscriptionscount"] %}
                        <!-- ######################################################################################################## -->
							<li {% if active_menu == "subscriptions" %} class="menu-link active" {% else %} class="menu-link" {% endif %}>
								<a href="/subscriptions" class="menu-link">
									<div class="menu-icon">
                                        <!-- ########################### -->
										<i class="fas fa-archive"></i>
                                        <!-- ########################### -->
									</div>
                                    <span>{{ lang['subscriptions.title'] }}</span>
								</a>
							</li>
						<!-- ######################################################################################################## -->
                        {% endif %}

                        <!-- ######################################################################################################## -->
							<li {% if active_menu == "addfunds" %} class="menu-link active" {% else %} class="menu-link" {% endif %}>
								<a href="/addfunds" class="menu-link">
									<div class="menu-icon">
                                        <!-- ########################### -->
										<i class="far fa-donate"></i>
                                        <!-- ########################### -->
									</div>
                                    <span>Adicionar Saldo</span>
								</a>
							</li>
						<!-- ######################################################################################################## -->
						
                        <!-- ######################################################################################################## -->
							<li {% if active_menu == "transferfunds" %} class="menu-link active" {% else %} class="menu-link" {% endif %}>
								<a href="/transferfunds" class="menu-link">
									<div class="menu-icon">
                                        <!-- ########################### -->
										<i class="far fa-donate"></i>
                                        <!-- ########################### -->
									</div>
                                    <span>{{ lang['transferfunds.title'] }}</span>
								</a>
							</li>
						<!-- ######################################################################################################## -->


                        {% if affiliates %}
                        <!-- ######################################################################################################## -->
							<li {% if active_menu == "affiliates" %} class="menu-link active" {% else %} class="menu-link" {% endif %}>
								<a href="/affiliates" class="menu-link">
									<div class="menu-icon">
                                        <!-- ########################### -->
										<i class="far fa-handshake-alt"></i>
                                        <!-- ########################### -->
									</div>
                                    <span>{{ lang['affiliates.title'] }}</span>
								</a>
							</li>
						<!-- ######################################################################################################## -->
                        {% endif %}

                    

                        {% if apiPage %}
                        <!-- ######################################################################################################## -->
							<li {% if active_menu == "api" %} class="menu-link active" {% else %} class="menu-link" {% endif %}>
								<a href="/api" class="menu-link">
									<div class="menu-icon">
                                        <!-- ########################### -->
										<i class="far fa-dice-d20"></i>
                                        <!-- ########################### -->
									</div>
                                    <span>{{ lang['api.title'] }}</span>
								</a>
							</li>
						<!-- ######################################################################################################## -->
                        {% endif %}

                        {% if ticketPage %}
                        <!-- ######################################################################################################## -->
							<li {% if active_menu == "tickets" %} class="menu-link active" {% else %} class="menu-link" {% endif %}>
								<a href="/tickets" class="menu-link">
									<div class="menu-icon">
                                        <!-- ########################### -->
										<i class="far fa-user-headset"></i>
                                        <!-- ########################### -->
									</div>
                                    <span>Suporte</span>
								</a>
							</li>
						<!-- ######################################################################################################## -->
                        {% endif %}

                        {% if faqPage %}
                        <!-- ######################################################################################################## -->
							<li {% if active_menu == "faq" %} class="menu-link active" {% else %} class="menu-link" {% endif %}>
								<a href="/faq" class="menu-link">
									<div class="menu-icon">
                                        <!-- ########################### -->
										<i class="far fa-question-circle"></i>
                                        <!-- ########################### -->
									</div>
                                    <span>{{ lang['faq.title'] }}</span>
								</a>
							</li>
						<!-- ######################################################################################################## -->
                        {% endif %}

                        {% if termsPage %}
                        <!-- ######################################################################################################## -->
							<li {% if active_menu == "terms" %} class="menu-link active" {% else %} class="menu-link" {% endif %}>
								<a href="/terms" class="menu-link">
									<div class="menu-icon">
                                        <!-- ########################### -->
										<i class="far fa-scroll-old"></i>
                                        <!-- ########################### -->
									</div>
                                    <span>Termos de uso</span>
								</a>
							</li>
						<!-- ######################################################################################################## -->
                        {% endif %}
                        {% endif %}
					</ul>
					    <div class="col-12">
<div class="well">

  


    
</div>
</div>
                </div>
            </div>
        </div>
        
{% else %}

    <header id="smmspot-na-header" class="sticky-header">
        <div class="container">

            <div class="row align-items-center">
                <div class="col-auto">
                  <a href="/">
                  {% if site['logo'] %}
                    <img src="{{ site['logo'] }}" alt="{{ site['site_name'] }}" height="30" title="{{ site['site_name'] }}">
                    {% else %}
                    {{ site['site_name'] }}
                    {% endif %}
                  </a>
                </div>
                <div class="col-auto ms-auto justify-self-end col-menu">
                    <ul class="header-menu">
                        
                        <li {% if active_menu == "api" %} active {% endif %}>
                            <a class="menu-link" href="/api">Api</a>
                        </li>
						

                        <li {% if active_menu == "services" %} active {% endif %}>
                            <a class="menu-link" href="/services">{{ lang['services.title'] }}</a>
                        </li>

                      
                        {% if active_menu == "" %}
                        <li class="ms-0 ms-lg-5">
                            <a href="#" data-bs-toggle="modal" data-bs-target="#login" class="menu-link">
                                <div class="mb-text">{{ lang['signin.title'] }}</div>
                            </a>
                        </li>
                      {% else %}
                        <li class="ms-0 ms-lg-5">
                            <a href="/" class="menu-link">
                                <div class="mb-text">{{ lang['smmspot.header.menu.home.button.text'] }}</div>
                            </a>
                        </li>
                        <li class="ms-0 ms-lg-5">
                            <a href="#" data-bs-toggle="modal" data-bs-target="#login" class="menu-link">
                                <div class="mb-text">Entrar</div>
                            </a>
                        </li>
                      {% endif %}

                      {% if registerPage %}
                        <li class="menu-item-btn">
                            <a href="/signup" class="button55">
                                <button55>
    Criar conta
    <div class="arrow-wrapper">
        <div class="arrow"></div>

    </div>
</button55>
                            </a>
                        </li>
                        {% endif %}
                    </ul>
                </div>
                <div class="col-auto justify-self-end ms-auto col-menu-btn">
                    <button class="btn ahbtn bs-1 my-4 noAuthMenuBtn">
                        <i class="fas fa-bars"></i>
                    </button>
                </div>
            </div>
        </div>
    </header><!-- smmspot-header -->
  
  

{% endif %}
