File "header.twig"
Full Path: /home/cananyalcin/public_html/core/temp/client/Amazing/header.twig
File size: 19.71 KB
MIME-type: text/html
Charset: utf-8
<!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 }}
{% if user['lang'] == "ar" %}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-v4-rtl/4.6.0-1/css/bootstrap-rtl.min.css" integrity="sha512-+1C9xBCl0azgGjU6bIsATfB4XOQ0MSFduPs388NiyzwYt4nfelS72KSPSFZT338FjP7F3mMme2re8+gUJe2HZQ==" crossorigin="anonymous" />
{% endif %}
{% for style in styleList %}
<link rel="stylesheet" type="text/css" href="{{ style }}">
{% endfor %}
<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=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" />
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.2/umd/popper.min.js"></script>
</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="dashboard-body {% if user['lang'] == 'ar' %} rtl-enable rtl{% endif %}">
<script>
var app = document.getElementsByTagName("BODY")[0];
if (localStorage.lightMode == "dark") {
app.setAttribute("class", "dark");
}
</script>
<div class="app-container">
<div class="app-sidebar">
<div class="close-sidebar-btn" onclick="dashMenuToggle()">
<i class="fal fa-times"></i>
</div>
<div class="sidebar-header">
<div class="app-sb-content">
<a href="/">
{% if site["logo"] %}
<img src="{{ site['logo'] }}" class="logo-lg" alt="{{ site["site_name"] }}" title="{{ site["site_name"] }}">
{% else %}
{{ site["site_name"] }}
{% endif %}
</a>
</div>
</div>
<div class="sidebar-user pt-4">
<a href="/addfunds" class="btn btn-block btn-secondary btn-border sidebar-balance mb-3">
<div class="sb-content">
<div class="sb-icon">
<i class="fal fa-user"></i>
</div>
<div class="sb-right">
<h3>{{user['username']}}</h3>
<h4>{{ currency["symbol"] }} {{ (user["balance"]*currency["value"]) |round(2, 'floor') }}</h4>
</div>
</div>
</a>
</div>
<!-- sidebar-user -->
<div class="sidebar-content">
<ul class="sidebar-menu">
<ul class="nav navbar-nav navbar-left-block langs showOnMob menu-link mb-3" style="width: 100%; border-radius: 0px!important; padding: 10px 19px!important;">
<li class="dropdown">
<a href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" class="menu-link dropdown-toggle"><i class="fa fa-fw fas fa-dollar-sign" style="color: #28cb69!important;"></i> {% if user['lang'] == "ar" %}عملة{% else %}Currency{% endif %} <i class="fas fa-chevron-down" style="color: #fff!important; margin-left: 5px;"></i> </a>
<ul style="width: 200% !important; will-change: transform;" class="dropdown-menu dropdown-max-height beforeauthdrop" id="currencies-list">
{% for curr in site['currencies'] %}
<li>
<a href="/cur?cur={{curr['id']}}" >{{curr['name']}} </a>
</li>
{% endfor %}
</ul>
</li>
</ul>
{% 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="/" {% if active_menu == "verify" %} class="menu-link active" {% else %} class="menu-link" {% endif %}>
<span class="menu-text">{{ lang['verify.title'] }}</span>
</a>
</li>
{% else %}
<li {% if active_menu == "neworder" %} class="active" {% endif %}>
<a href="/" class="menu-link">
<i class="m-icon ri-add-box-line"></i>
<span class="menu-text">{{ lang['neworder.title'] }}</span>
</a>
</li>
<li {% if active_menu == "massorder" %} class="active" {% endif %}>
<a href="/massorder" class="menu-link">
<i class="m-icon ri-add-box-line"></i>
<span class="menu-text">Mass Order</span>
</a>
</li>
<li {% if active_menu == "services" %} class="active" {% endif %}>
<a href="/services" class="menu-link">
<i class="m-icon ri-dashboard-line"></i>
<span class="menu-text">{{ lang['services.title'] }}</span>
</a>
</li>
<li {% if active_menu == "orders" %} class="active" {% endif %}>
<a href="/orders" class="menu-link">
<i class="m-icon ri-shopping-bag-3-line"></i>
<span class="menu-text">{{ lang['orders.title'] }}</span>
</a>
</li>
<li {% if active_menu == "refill" %} class="active" {% endif %}>
<a href="/refill" class="menu-link">
<i class="m-icon ri-recycle-line"></i>
<span class="menu-text">Refill</span>
</a>
</li>
{% if site["dripfeedcount"] %}
<li {% if active_menu == "dripfeeds" %} class="active" {% endif %}>
<a href="/dripfeeds" class="menu-link">
<i class="m-icon ri-calendar-check-line"></i>
<span class="menu-text">{{ lang['dripfeed.title'] }}</span>
</a>
</li>
{% endif %}
{% if site["subscriptionscount"] %}
<li {% if active_menu == "subscriptions" %} class="active" {% endif %}>
<a href="/subscriptions" class="menu-link">
<i class="m-icon ri-dvd-line"></i>
<span class="menu-text">{{ lang['subscriptions.title'] }}</span>
</a>
</li>
{% endif %}
<li {% if active_menu == "addfunds" %} class="active" {% endif %}>
<a href="/addfunds" class="menu-link">
<i class="m-icon ri-wallet-3-line"></i>
<span class="menu-text">{{ lang['addfunds.title'] }}</span>
</a>
</li>
<li>
<a href="/kupon" class="menu-link">
<i class="m-icon ri-wallet-3-line"></i>
<span class="menu-text">{% if user['lang'] == "ar" %}قسيمة{% else %}Coupon{% endif %}
</a>
</li>
{% if settings['enable_transfer_funds'] == 1 %}
<li {% if active_menu == "transferfunds" %} class="active" {% endif %}>
<a href="/transferfunds" class="menu-link">
<i class="m-icon ri-file-transfer-line"></i>
<span class="menu-text">{{ lang['transferfunds.title'] }}</span>
</a>
</li>
{% endif %}
{% if affiliates %}
<li {% if active_menu == "affiliates" %} class="active" {% endif %}>
<a href="/affiliates" class="menu-link">
<i class="m-icon ri-mail-star-line"></i>
<span class="menu-text">{{ lang['affiliates.title'] }}</span>
</a>
</li>
{% endif %}
{% if panelSelling %}
<li {% if active_menu == "child-panels" %} class="active" {% endif %}>
<a href="/child-panels" class="menu-link">
<i class="m-icon ri-store-2-line"></i>
<span class="menu-text">{{ lang['childpanels.title'] }}</span>
</a>
</li>
{% endif %}
{% if apiPage %}
<li {% if active_menu == "api" %} class="active" {% endif %}>
<a href="/api" class="menu-link">
<i class="m-icon ri-terminal-window-line"></i>
<span class="menu-text">{{ lang['api.title'] }}</span>
</a>
</li>
{% endif %}
{% if ticketPage %}
<li {% if active_menu == "tickets" %} class="active" {% endif %}>
<a href="/tickets" class="menu-link">
<i class="m-icon ri-customer-service-2-line"></i>
<span class="menu-text">{{ lang['tickets.title'] }} {% if ticketCount %} <span class="badge">{{ ticketCount }}</span> {% endif %}</span>
</a>
</li>
{% endif %}
{% if blogPage %}
<li {% if active_menu == "blog" %} class="active" {% endif %}>
<a href="/blog" class="menu-link">
<i class="m-icon ri-file-text-line"></i>
<span class="menu-text">{{ lang['blog.title'] }}</span>
</a>
</li>
{% endif %}
{% if faqPage %}
<li {% if active_menu == "faq" %} class="active" {% endif %}>
<a href="/faq" class="menu-link">
<i class="m-icon ri-questionnaire-line"></i>
<span class="menu-text">{{ lang['faq.title'] }}</span>
</a>
</li>
{% endif %}
{% if termsPage %}
<li {% if active_menu == "terms" %} class="active" {% endif %}>
<a href="/terms" class="menu-link">
<i class="m-icon ri-newspaper-line"></i>
<span class="menu-text">{{ lang['terms.title'] }}</span>
</a>
</li>
{% endif %}
{% endif %}
</ul>
<!-- sidebar-menu -->
</div>
<!-- sidebar-content -->
</div>
<!-- sidebar -->
<div class="app-header">
<div class="container-fluid">
<div class="row row-80">
<div class="col-auto align-self-center">
<div class="dash-menu-btn" onclick="dashMenuToggle()">
<i class="fal fa-bars"></i>
</div>
</div>
<div class="col d-inline-block d-md-none align-self-center text-center">
<div class="app-logo">
<a href="/">
{% if site["logo"] %}
<img src="{{ site['logo'] }}" class="logo-lg" alt="{{ site["site_name"] }}" title="{{ site["site_name"] }}">
{% else %}
{{ site["site_name"] }}
{% endif %}
</a>
</div>
</div>
<div class="col col-1 d-none d-md-inline-block align-self-center">
<ul class="nav navbar-nav navbar-left-block langs">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<i class="far fa-globe" style="color: #28c968;font-weight: 600;"></i>
</a>
<ul class="dropdown-menu dropdown-max-height beforeauthdrop">
{% for lang in site['languages'] %}
<li><a href="#" onclick="changeLang('{{lang['code']}}')" >{{lang['name']}} </a></li>
{% endfor %}
</ul>
</li>
</ul>
</div>
<div class="col col-100 d-none d-md-inline-block align-self-center">
<ul class="nav navbar-nav navbar-left-block langs">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-dollar-sign" style="color: #28c968;font-weight: 600;"></i> {% if user['lang'] == "ar" %}عملة{% else %}Currency{% endif %}<i class="fas fa-chevron-down" style="color: #fff!important; margin-left: 5px;"></i> </a>
<ul class="dropdown-menu dropdown-max-height beforeauthdrop currency-btn">
{% for curr in site['currencies'] %}
<li>
<a href="/cur?cur={{curr['id']}}" >{{curr['name']}} </a>
</li>
{% endfor %}
</ul>
</li>
</ul>
</div>
<div class="col-auto align-self-center">
<button class="darkmode" onclick="change_mode()">
<div class="d-flex align-items-center dark-s"><i class="fal fa-sun"></i> <span>{% if user['lang'] == "ar" %}الوضع النهاري{% else %}Light{% endif %}</span></div>
<div class="d-flex align-items-center light-s"><i class="fal fa-moon"></i> <span>{% if user['lang'] == "ar" %}الوضع الليالي{% else %}Dark{% endif %}</span></div>
</button>
<button type="button" class="dropdown-toggle dd-top dd-orange" data-toggle="dropdown">
<i class="fal fa-chevron-circle-down"></i>
</button>
<div class="dropdown-menu menu-dd">
<a href="/blog" class="dropdown-item">
<i class="fal fa-blog mr-2"></i>{% if user['lang'] == "ar" %}المدونة{% else %}Blog{% endif %} </a>
<a href="/terms" class="dropdown-item">
<i class="fal fa-file-alt mr-2"></i>{% if user['lang'] == "ar" %}شروط الاستخدام{% else %}Terms{% endif %} </a>
<a href="/account" class="dropdown-item">
<i class="fal fa-user mr-2"></i>{% if user['lang'] == "ar" %}حساب{% else %}Account{% endif %} </a>
<a href="/logout" class="dropdown-item">
<i class="fal fa-power-off mr-2"></i>{% if user['lang'] == "ar" %}تسجيل خروج{% else %}Logout{% endif %} </a>
</div>
</div>
</div>
<!-- row -->
</div>
</div>
<!-- header -->
{% else %}
<body class="{% if user['lang'] == 'ar' %} rtl-enable rtl{% endif %}">
<div class="header">
<div class="container">
<div class="row" style="height: 99px;">
<div class="col-auto align-self-center">
<div class="row">
<div class="col align-self-center">
<div class="site-name">
<a href="/">
{% if site["logo"] %}
<img src="{{ site['logo'] }}" height="70" class="py-3" alt="{{ site["site_name"] }}" title="{{ site["site_name"] }}">
{% else %}
{{ site["site_name"] }}
{% endif %}
</a>
</div>
</div>
</div>
</div>
<div class="col">
<div class="head-menu">
<div class="row">
<div class="col text-lg-right mmff">
<div class="header-menu">
<ul>
{% if servicesPage %}
<li {% if active_menu == "services" %} class="active" {% else %} {% endif %}>
<a class="nav-link p-0 mt-3 mt-lg-0 mr-4" href="/services">{{ lang['services.title'] }}</a>
</li>
{% endif %}
{% if blogPage %}
<li {% if active_menu == "blog" %} class="active" {% else %} {% endif %}>
<a class="nav-link p-0 mt-3 mt-lg-0 mr-4" href="/blog">{{ lang['blog.title'] }}</a>
</li>
{% endif %}
{% if termsPage %}
<li {% if active_menu == "terms" %} class="active" {% else %} {% endif %}>
<a class="nav-link p-0 mt-3 mt-lg-0 mr-4" href="/terms">{{ lang['terms.title'] }}</a>
</li>
{% endif %}
{% if apiPage %}
<li {% if active_menu == "api" %} class="active" {% else %}{% endif %}>
<a class="nav-link p-0 mt-3 mt-lg-0 mr-4" href="/api">{{ lang['api.title'] }}</a>
</li>
{% endif %}
</ul>
</div>
</div>
<div class="col-auto align-self-center mmff">
<a href="/" class="btn btn-secondary">
{% if user['lang'] == 'ar' %}تسجيل الدخول{% else %}Sign In{% endif %}
</a>
</div>
<div class="col-auto align-self-center mmff">
<a href="/signup" class="btn btn-primary">
{% if user['lang'] == 'ar' %}تسجيل{% else %}Sign Up{% endif %}
</a>
</div>
</div>
</div>
</div>
<div class="col-auto for-mobile align-self-center">
<div class="home-menu-btn px-3 py-4" onclick="homeMenuToggle()" style="color: #fff;">
<i class="fal fa-bars"></i>
</div>
</div>
</div>
</div>
</div>
{% endif %}
<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>