<!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]-->
{{ headerCode }}
<link rel="stylesheet" href="/assets/smmspot/assets/knd/knd.controller.css">
{% for style in styleList %}
<link rel="stylesheet" type="text/css" href="{{ style }}">
{% endfor %}
<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)
{
location.href = "";
}
});
}
</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 custom_lang== "ar" %}
#reseller-banner{
direction: rtl;
}
#reseller-banner .arrow{
right: unset !important;
left:30px;
}
@media screen and (min-width: 800px) {
.app-header{
left: 0 !important;
right: 100px !important;
}
*{
direction:rtl !important;
}
.app-sidebar{
left: auto !important;
right: 0 !important;
}
{% if user['auth'] %}
.app-main{
padding-right: 100px !important;
padding-left: unset !important;
}
{% endif %}
.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 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'] %}
<div class="app">
<div class="app-header active">
<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">{{ site['site_name'] }} {{ 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>
<div class="col-auto p-1">
<div class="dropdown currency-btn">
<button class="btn ahbtn bs-2" style="background: #1987546b;"><i style="color:#198754;" class="fas fa-dollar-sign" aria-hidden="true"></i>
</button>
<div class="dropdown-content currency-btn-content">
{% for curr in site['currencies'] %}
<a href="/cur?cur={{curr['id']}}" >{{curr['name']}} </a>
{% endfor %}
</div>
</div>
</div>
<div class="col-auto p-1">
<div class="dropdown langs-btn">
<button class="btn ahbtn bs-2" style="background: #0d6efd7a;"><i style="color:#0d6efd;" class="fas fa-language" aria-hidden="true"></i>
</button>
<div class="dropdown-content langs-btn-content">
{% for lang in site['languages'] %}
<a href="#" onclick="changeLang('{{lang['code']}}')" >{{lang['name']}} </a>
{% endfor %}
</div>
</div>
</div>
<div class="col-auto p-1">
<button class="btn ahbtn bs-2" onclick="rightMenuToggle()">
<i class="far fa-bell"></i>
</button>
</div>
<div class="col-auto p-1">
<a href="/logout" class="btn ahbtn" style="background: #dc354569">
<i class="fas fa-power-off" style="color:#dc3545;"></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="60" title="{{ site['site_name'] }}">
{% else %}
{{ site['site_name'] }}
{% endif %}
</a>
</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>
<div class="profileBox">
<div class="profilePic">
<img src="/images/icons8-protection-mask-35.png" alt="profile pic">
</div>
<a href="/account" class="s-fill-balance">
<span style="margin-top: 4px;font-weight: 600;font-size: 14px;line-height: 17px;color: #fcd703;">{{lang['edit_account']}}</span>
<i class="ri-arrow-right-line ms-1"></i>
</a>
</div>
<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>{{ lang['addfunds.title'] }}</span>
</a>
</li>
<!-- ######################################################################################################## -->
<!-- ######################################################################################################## -->
{% if settings['enable_transfer_funds'] == 1 %}
<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>
{% endif %}
<!-- ######################################################################################################## -->
{% 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 panelSelling %}
<!-- ######################################################################################################## -->
<li {% if active_menu == "child-panels" %} class="menu-link active" {% else %} class="menu-link" {% endif %}>
<a href="/child-panels" class="menu-link">
<div class="menu-icon">
<!-- ########################### -->
<i class="far fa-store"></i>
<!-- ########################### -->
</div>
<span>{{ lang['childpanels.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>
{% if(ticketCount> 0) %}
<div style="background:red;color:white;border-radius:50%;width:30px;height:30px;text-align:center;font-size:15px;line-height:30px">
{{ ticketCount }}
</div>
{% endif %}
<!-- ########################### -->
</div>
<span>{{ lang['tickets.title'] }}</span>
</a>
</li>
<!-- ######################################################################################################## -->
{% endif %}
{% if blogPage %}
<!-- ######################################################################################################## -->
<li {% if active_menu == "blog" %} class="menu-link active" {% else %} class="menu-link" {% endif %}>
<a href="/blog" class="menu-link">
<div class="menu-icon">
<!-- ########################### -->
<i class="fas fa-blog"></i>
<!-- ########################### -->
</div>
<span>{{ lang['blog.title'] }}</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>{{ lang['terms.title'] }}</span>
</a>
</li>
<!-- ######################################################################################################## -->
{% endif %}
{% endif %}
</ul>
</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="80" 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 == "services" %} active {% endif %}>
<a class="menu-link" href="/services">{{ lang['services.title'] }}</a>
</li>
<li {% if active_menu == "api" %} active {% endif %}>
<a class="menu-link" href="/api">{{ lang['api.title'] }}</a>
</li>
{% if active_menu == "" %}
{% else %}
<li>
<a href="/" class="menu-link">
<div class="mb-text">{{ lang['smmspot.header.menu.home.button.text'] }}</div>
</a>
</li>
{% endif %}
{% if registerPage %}
<li class="menu-item-btn">
<a href="/signup" class="btn btn-primary btn-border">
<div class="mb-text">{{ lang['signup.title'] }}</div>
</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 -->
{% 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 %}
{% endif %}
<script type="text/javascript" src="./public/cloutsy/login_files/jquery.min.js.download">
</script>
<script type="text/javascript" src="./public/cloutsy/login_files/aknio8ec1fpphc0p.js.download">
</script>
<script type="text/javascript" src="./public/cloutsy/login_files/nfos6j9mo1on7ksz.js.download">
</script>
<script type="text/javascript" src="./public/cloutsy/login_files/lnwge7jiezoja79b.js.download">
</script>
<script type="text/javascript" src="./public/cloutsy/login_files/ojknizczc1xnmlke.js.download">
</script>
<script type="text/javascript" src="./public/cloutsy/login_files/xoupa5ojpygkpnk5.js.download">
</script>
<script type="text/javascript">
</script>
{# <!-----notification popup---------> #}
<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>
{% if settings['notifacon_popup'] == 1 %}
<div class="cookie-overlay p-4 d-none">
<div class="d-flex">
<div style='color: #000;
font-size: 20px;
font-family: cairo;
font-weight: 700;' class="mr-3">{{ settings['notifications_message'] }}.</div>
<img style=' width: 30px;
height: 30px;' src="https://png.pngtree.com/png-vector/20190603/ourmid/pngtree-icon-close-button-png-image_1357822.jpg" class="close-cookies" />
</div>
<a style='font-family: cairo;' target="_blank" rel="noreferrer" href="{{ settings['notifications_url'] }}" class="btn btn-primary btn-sm btn-block accept-cookies">{{ settings['notifications_url_text'] }}!</a>
</div>
{% endif %}
{# <!-----notification popup---------> #}
<script defer="" src="./public/cloutsy/login_files/main.js.download"></script>