<!DOCTYPE html>
{% for lang in site['languages'] %}
{% if lang['active'] %}
<html lang="{{ lang['code'] }}">
{% endif %}
{% endfor %}
<head>
  <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" type="text/css" href="/public/Eternity/static.css"> 
  
   
   
  
  
  
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script>
  
  
  
  
  
  
  
  
  
  
  
  
  <link rel="stylesheet" type="text/css" href="https://sktamilsmm.com/skv/smmfollow/style.css">
   
  
  	<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@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
				<link rel="stylesheet" type="text/css" href="https://sktamilsmm.com/skv/smmfollow/h1.css">
					
					<link rel="stylesheet" type="text/css" href="https://sktamilsmm.com/skv/smmfollow/h2.css">
					
					<link rel="stylesheet" type="text/css" href="https://sktamilsmm.com/skv/smmfollow/h3.css">
					
					<link rel="stylesheet" type="text/css" href="https://sktamilsmm.com/skv/smmfollow/h4.css">
					
					<link rel="stylesheet" type="text/css" href="https://sktamilsmm.com/skv/smmfollow/h5.css">
					<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.2/umd/popper.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/js/fontawesome.min.js" integrity="sha512-PoFg70xtc+rAkD9xsjaZwIMkhkgbl1TkoaRrgucfsct7SVy9KvTj5LtECit+ZjQ3ts+7xWzgfHOGzdolfWEgrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

					
   
   
   <!-- end -->
	
  </head>

	{%  if settings['demo_mode'] == 1 %}
    	
       <style>
            .fixed-footer{
                position: fixed;
                background: #fff;
                border:1px solid #000;
                width:100%;
                bottom:0;
                z-index:99999;
                padding:10px;
            }
        </style>
        
    <div class="fixed-footer">
            <h4 style="color:#000">Choose Theme: 
                
                   {% for thm in site['themes'] %}
<a href="/select-theme/{{thm['dirname']}}" style="color:blue;margin:0 10px;font-size:16px">[ {{thm['name']}} ]</a>
{% endfor %}

            </h4>
    </div>
  
{% endif %}
 

{% if user['auth'] %}

<body class="auth  daymode  ">
    
    
    	<nav class="navbar navbar-default navbar-static-top ">
    	    
    	    <div class="container-fluid">
				<div class="navbar-header">
				   
				   	<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button> 
				    
           	<a class="navbar-brand" href="/"><strong>{{ site["site_name"] }}</strong></a>
				</div>
            
            
            
            <div id="navbar" class="collapse navbar-collapse">
					<ul class="nav navbar-nav navbar-left-block">
													<li  {% if active_menu == "neworder" %} class="active" {% endif %}>
								<a href="/" >
									🛒New order
								</a>
							</li>
												<li  {% if active_menu == "massorder" %} class="active" {% endif %}>
								<a href="/massorder" >
									⚖️Mass order
								</a>
							</li> 
													<li {% if active_menu == "services" %} class="active" {% endif %}>
								<a href="/services" >
									📑Services
								</a>
							</li>
													<li {% if active_menu == "orders" %} class="active" {% endif %}>
								<a href="/orders" >
									🎁Orders
								</a>
							</li>
													<li {% if active_menu == "addfunds" %} class="active" {% endif %}>
								<a href="/addfunds" >
									💸Add funds
								</a>
							</li>
											<!--		<li >
								<a href="/faq" >
									FAQ
								</a>
							</li> -->
													<li {% if active_menu == "api" %} class="active" {% endif %}>
								<a href="/api" >
									🔗API
								</a>
							</li>
													<li {% if active_menu == "tickets" %} class="active" {% endif %}>
								<a href="/tickets" >
									📝Tickets
								</a>
							</li>
												<!--	<li >
								<a href="/terms" >
									Terms
								</a>
							</li> -->	<!--		<li >
								<a href="/updates" >
									Updates
								</a>
							</li> -->
							
							<li >
										
										{% if site_currency_converter == "1" %}
<ul class="navbar-nav navbar-nav-currencies">
<div class="balance-dropdown-container component_balance_dropdown">
<div class="balance-dropdown ">
<div class="balance-dropdown__name balance-dropdown__toggle" data-toggle="dropdown" data-hover="dropdown" aria-expanded="false">{{ user["balance"] }}</div>
<ul class="balance-dropdown__container dropdown-menu" id="currencies-list">
{{ currencies_dropdown }}
</ul></div>
</div></ul>
{% else %}

<br>

{% endif %}
</li>

										
											</ul>
											
											



									
																																				<li >
									<a href="/account" >Account</a>
								</li>
																												<li >
									<a href="/logout" >Logout</a>
								</li>
																		</ul>
				</div>
			</div>
		</nav>
		<div class="wrapper">
			<div class="sidebar-wrap">
				<div class="sidebar-logo">
					<a target="_self" href="/">{% if site["logo"] %}
  													<img style="max-width:150px;" 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: 60px"><strong style="font-weight: bold">{{ site["site_name"] }}</strong></span></span></span></span>{% endif %}</a>
				</div>
				<div class="sidebar-profile">
					<img class="img-responsive user-pic" src="https://i.postimg.cc/PrByrdF9/1681399220404.png" alt="{{ site["site_name"] }}">
					<h3 class="username">{{ user['username'] }}</h3>
					<a class="user-balance" href="/addfunds"><b> {{ user["balance"] }}&nbsp;</b>Account Balance</a>
				</div>
				<div class="sidebar">
					<ul class="sidebar-nav">
													<li  {% if active_menu == "neworder" %} class="active" {% endif %}>
								<a href="/" >
									🛒New order
								</a>
							</li>
											<li  {% if active_menu == "massorder" %} class="active" {% endif %}>
								<a href="/massorder" >
									⚖️Mass order
								</a>
							</li> 
													<li {% if active_menu == "services" %} class="active" {% endif %}>
								<a href="/services" >
									📑Services
								</a>
							</li>
													<li {% if active_menu == "orders" %} class="active" {% endif %}>
								<a href="/orders" >
									🎁Orders
								</a>
							</li>
													<li {% if active_menu == "addfunds" %} class="active" {% endif %}>
								<a href="/addfunds" >
									💸Add funds
								</a>
							</li>
												<!--	<li >
								<a href="/faq" >
									FAQ
								</a>
							</li> -->
													<li {% if active_menu == "api" %} class="active" {% endif %}>
								<a href="/api" >
									🔗API
								</a>
							</li>
													<li {% if active_menu == "tickets" %} class="active" {% endif %}>
								<a href="/tickets" >
									📝Tickets
								</a>
							</li>
												<!--	<li >
								<a href="/terms" >
									Terms
								</a>
							</li> -->
													<li {% if active_menu == "affiliates" %} class="active" {% endif %}>
								<a href="/affiliates" >
									🧾Affiliates
								</a>
							</li>
													<li {% if active_menu == "child-panels" %} class="active" {% endif %}>
								<a href="/child-panels" >
									🤝Child panel
								</a>
							</li>
													<li >
								{% if site_currency_converter == "1" %}
<ul class="navbar-nav navbar-nav-currencies">
<div class="balance-dropdown-container component_balance_dropdown">
<div class="balance-dropdown ">
<div class="balance-dropdown__name balance-dropdown__toggle" data-toggle="dropdown" data-hover="dropdown" aria-expanded="false">{{ user["balance"] }}</div>
<ul class="balance-dropdown__container dropdown-menu" id="currencies-list">
{{ currencies_dropdown }}
</ul></div>
</div></ul>
{% else %}

<br>

{% endif %}
</li>
</ul>

			
											
				</div>
			</div>
			<div class="inner-wraper">
				<div class="top-nav">
					<div class="container-fluid">
						<div class="top-nav-left">
							<ul>
								<li><a  class="pinner"><i class="fas fa-bars"></i></a></li>
								<li><ahref="/" class="bread"><span>Currently on </span>{{ title }}</a></li>
							</ul>
						</div>
						<div class="top-nav-right">
							<ul>
														
														
								
							
								
								
																<li><a class="right-nav-link" href="/account"><i class="fas fa-cog"></i></a></li>
								<li><a class="right-nav-link daynight" href="javascript:toggleMode()"><i class="fas fa-sun"></i></a></li>
								<li><a class="right-nav-link" href="/logout"><i class="fas fa-power-off"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
         
         
         
         
         
         
{% else %}
<body class="guest">
			<nav class="navbar navbar-default navbar-static-top ">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a target="_self" href="/">{% if site["logo"] %}
  													<img style="max-width:150px;" 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: 60px"><strong style="font-weight: bold">{{ site["site_name"] }}</strong></span></span></span></span>{% endif %}</a>
				</div>
				<div id="navbar" class="collapse navbar-collapse">
										<ul class="nav navbar-nav navbar-center">
													<li  class="active" >
								<a href="/" >Sign in</a>
							</li>
													<li >
								<a href="/services" >Services</a>
							</li>
													<li >
								<a href="/api" >Api</a>
							</li>
													<li >
								<a href="/signup" >Sign up</a>
							</li>
													<li >
								<a href="/blog" >Blog</a>
							</li>
												<li >
							<a href="/faq">FAQ</a>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li><a class="register-btn" href="/signup">Sign up<i class="fas fa-chevron-circle-right"></i></a></li>
						<li><div class="onOff" data-on="off"><span class="fa fa-moon"></span></div></li>
					</ul>
				</div>
			</div>
		</nav>
		
{% endif %}


 
  		
<style>
    .cookie-overlay {
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  background: #fff;
  z-index: 2051;
  line-height: 20px;
  font-size: 14px;
  border-radius: 6px;

  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

  > div:first-child {
    width: 458px;
  }

  a {
    text-decoration: underline;
  }

  .close-cookies {
    cursor: pointer;
  }

  @include media-breakpoint-down(md) {
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0;

    > div:first-child {
      width: auto;
    }
  }
}
</style>


<script>
    
    
      $('.langs-btn').hover(function(){
    $('.langs-btn-content').toggle();
  });
  
    $('.currency-btn').hover(function(){
    $('.currency-btn-content').toggle();
  });
  
   $('.theme-btn').hover(function(){
    $('.theme-btn-content').toggle();
  });
  
$(document).on('ready', function() {
  if (document.cookie.indexOf("accepted_cookies=") < 0) {
    $('.cookie-overlay').removeClass('d-none').addClass('d-block');
  }

  $('.accept-cookies').on('click', function() {
    document.cookie = "accepted_cookies=yes;"
    $('.cookie-overlay').removeClass('d-block').addClass('d-none');
  })

  // expand depending on your needs
  $('.close-cookies').on('click', function() {
    $('.cookie-overlay').removeClass('d-block').addClass('d-none');
  })
  

  
  
})
</script>


<script src="https://unpkg.com/wavesurfer.js"></script>

<script>


 $('.langs-btn').hover(function(){
    $('.langs-btn-content').toggle();
  });
  
    $('.currency-btn').hover(function(){
    $('.currency-btn-content').toggle();
  });
  
  
 function changeLang(newLang){
        $.ajax
        ({ 
            url: '/account/change_lang/',
            data: {lang: newLang},
            type: 'post',
            success: function(result)
            {
                
               location.href  = "";
            }
        });
    }
    
    var wavesurfer = WaveSurfer.create({
    container: '#waveform',
    waveColor: 'violet',
    progressColor: 'purple',
    mediaControls:true
});
wavesurfer.load('{{settings['music_url']}}');

wavesurfer.on('ready', wavesurfer.play.bind(wavesurfer));


</script>