<!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 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"] }}/assets/cj7/custom.css">
    {{ headerCode }}
     <link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/global/al6pypqnfajj9bb8.css">
					<link rel="stylesheet" type="text/css" href="{{ site["url"] }}/assets/cj7gone/untiteld/7fxfuwbs5gre37ye.css">
					<link rel="stylesheet" type="text/css" href="{{ site["url"] }}/assets/cj7gone/untiteld/bootstrap-datetimepicker.min.css">
					<link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/css/font-awesome/css/all.min.css">
					<link rel="stylesheet" type="text/css" href="{{ site["url"] }}/assets/cj7gone/untiteld/cuw6iix855efzrw3.css">
					<link rel="stylesheet" type="text/css" href="{{ site["url"] }}/assets/cj7gone/untiteld/ny6mhzbbh07u28pq.css">
					<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script>
					
					<style>
					    .navbar-default .badge {
    background-color: #fff;
    color: #e95420;
}
.navbar-inverse .badge {
    background-color: #fff;
    color: #772953;
}
@media (max-width: 767px) {
    .navbar .dropdown-menu a {
        color: #000000;
    }
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #e95420;
    border-radius: 10px;
}
.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'] %}
<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="/">
          {% if site["logo"] %}
            <img src="{{ site['logo'] }}" alt="{{ site["site_name"] }}" title="{{ site["site_name"] }}">
          {% else %}
            {{ site["site_name"] }}
          {% endif %}
        </a>
      </div>
      <div id="navbar" class="collapse navbar-collapse">
        <ul class="nav navbar-nav navbar-left-block">
        {% 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="active" {% endif %}><a href="/">{{ lang['verify.title'] }}</a></li>
        {% else %}
            {% for menu in menus %}
            {% if menu['slug'] == "/tickets" %}
<li class="{% if active_menu == menu["active"] %} active  {% endif %}" >
<a href=" {{menu["slug"]}}" >
                                                                                      <span class="component-navbar-nav-link-icon">
                                             <span class="{{menu["icon"]}}"></span>
                                           </span>
                                                                       {{menu["name"]}}        {% if ticketCount %} <span class="badge" style="background-color: #ffb500">{{ ticketCount }}</span></span>  {% endif %}
                                                                        </a>

            </li>
      {% elseif  menu['slug'] == "/refill" %}
{% if site["refillavailable"] %} 

<li class="{% if active_menu == menu["active"] %} active  {% endif %}" >
<a href=" {{menu["slug"]}}" >
                                                                                      <span class="component-navbar-nav-link-icon">
                                             <span class="{{menu["icon"]}}"></span>
                                           </span>
                                                                       {{menu["name"]}}      </a>

            </li> 

  {% endif %} 
 
{% else %} {% if menu["type"] == 2 %} 
                                                           <li class="{% if active_menu == menu["active"] %} active  {% endif %}" >
<a href=" {{menu["slug"]}}" >
                                                                                      <span class="component-navbar-nav-link-icon">
                                             <span class="{{menu["icon"]}}"></span>
                                           </span>
                                                                               {{menu["name"]}}
                                                                        </a>
                               </li>   {% endif %}   {% endif %}   {% endfor %}
        {% endif %}  
        </ul>
        
        
          
        <ul class="nav navbar-nav  currency_div">

<li class="dropdown">

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
{{ user["currency_type"] }}{{ " " }}{{ user_set_currency_symbol }}
<span style="margin-left:5px;" class="caret"></span></a>

<ul class="dropdown-menu dropdown-max-height">
{{ currencies_dropdown }}
</ul>
</li></ul>
<ul class="nav navbar-nav nav-bar-account navbar-right">
<li>
<a> 
<span class="badge" >
{{ user['balance'] }}</span> 
</a>
</li>

<li class="dropdown ">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fas fa-user"></i>
{{ user["username"] }} 
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="/account">Account</a></li>                 
<li><a href="/logout">Logout</a></li>
</ul>
</li>
</ul>
      </div>
    </div>
  </nav>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

{% else %}
<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 class="navbar-brand" href="/">
        {% if site["logo"] %}
          <img src="{{ site['logo'] }}" alt="{{ site["site_name"] }}" title="{{ site["site_name"] }}">
        {% else %}
          {{ site["site_name"] }}
        {% endif %}
      </a>
    </div>
    <div id="navbar" class="collapse navbar-collapse">
      {% if site['languages']|length > 1 %}
        <ul class="nav navbar-nav navbar-left-block">
          <li class="dropdown">
            {% for lang in site['languages'] %}
              {% if lang['active'] %}
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> {{ lang['name'] }} <span class="caret"></span></a>
              {% endif %}
            {% endfor %}
            <ul class="dropdown-menu dropdown-max-height">
              {% for lang in site['languages'] %}
                <li {% if lang['active'] %} class="active" {% endif %}><a href="?lang={{ lang['code'] }}">{{ lang['name'] }}</a></li>
              {% endfor %}
            </ul>
          </li>
        </ul>
      {% endif %}
      <ul class="nav navbar-nav navbar-right">
        <li class="active">
<a href="/">
                            <span class="component-navbar-nav-link-icon">
                                             <span class="fas fa-sign-in-alt"></span>
                                           </span>Login
                                                                        </a>
                               </li>
                               
                               
                               <li class="">
<a href="/signup">
                            <span class="component-navbar-nav-link-icon">
                                             <span class="fas fa-user-plus"></span>
                                           </span>Signup 
                                                                        </a>
                               </li>	
                               
                               
                               
        {% if servicesPage %}
       <li class="">
<a href="/services">
                            <span class="component-navbar-nav-link-icon">
                                             <span class="fas fa-list-alt"></span>
                                           </span>Services
                                                                        </a>
                               </li>
        {% endif %}
        {% if registerPage %}
     <!--   <li {% if active_menu == "signup" %} class="active" {% endif %}>
          <a href="/signup">{{ lang['signup.title'] }}</a>
        </li>
        {% endif %}
        {% if blogPage %}
        <li {% if active_menu == "blog" %} class="active" {% endif %}>
          <a href="/blog">{{ lang['blog.title'] }}</a>
        </li>
        {% endif %}
        {% if faqPage %}
        <li {% if active_menu == "faq" %} class="active" {% endif %}>
          <a href="/faq">{{ lang['faq.title'] }}</a>
        </li>
        {% endif %}
        {% if termsPage %}
        <li {% if active_menu == "terms" %} class="active" {% endif %}>
          <a href="/terms">{{ lang['terms.title'] }}</a>
        </li> -->
        {% endif %}
        {% if apiPage %}
         <li class="">
<a href="/api">
                            <span class="component-navbar-nav-link-icon">
                                             <span class="fas fa-code"></span>
                                           </span>Api
                                                                        </a>
                               </li>
        {% endif %}
      </ul>
    </div>
  </div>
</nav>
{% endif %}
