<!DOCTYPE html>
{% for lang in site['languages'] %}
{% if lang['active'] %}
<html lang="{{ lang['code'] }}">
{% endif %}
{% endfor %}
<head>
  <base href="{{ site['url'] }}">
  
  
  <title>{% if pagetitle %}  {{ pagetitle }}  {% else %} {{ title }} {% endif %} </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 %}" />
  {% if site['favicon'] %}
    <link rel="shortcut icon" type="image/ico" href="{{ site['favicon'] }}" />
  {% endif %}

 <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="public/X-blur/bootstrap.css">
<link rel="stylesheet" type="text/css" href="public/X-blur/X-blur.css?v=1.2">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" />
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.1.9/css/unicons.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=Lobster&display=swap" rel="stylesheet">

<style>.features-block-icons .card-sp{opacity: 0;transform: translateY(-20px);transition: opacity 2s ease, transform 0.5s ease;}.features-block-icons .card-sp.animate{opacity: 1;transform: translateY(0);}.up{animation-name: slideUp;animation-duration: 1s;animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);animation-fill-mode: forwards;}@keyframes slideUp{0% {transform: translateY(20%);}100% {transform: translateY(0);}}.login-box .alert{margin-bottom: 10px;}</style>
<script>window.addEventListener('load', function() {var cards = document.querySelectorAll('.features-block-icons .card-sp');cards.forEach(function(card, index) {setTimeout(function() {card.classList.add('animate');}, index * 200);});});</script>

{{ headerCode }}
  </head>
{% if user['auth'] %}

<body class="body ">
<div class="wrapper wrapper-sidebar-navbar ">
   <div id="block_82" class="component_private_navbar">
    <span class="component_private_navbar ">
      <div class="component-navbar-private__wrapper">
         <div class="sidebar-block__top component-navbar component-navbar__navbar-private editor__component-wrapper">
            <div>
<nav class="navbar navbar-expand-lg navbar-light">
<div class="sidebar-block__top-brand">
<div class="component-navbar-brand component-navbar-public-brand">
<a target="_self" style="color:#fff;">{% if site["logo"] %}
<img style="max-width:200px;" 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: 120px"><strong style="font-weight: bold">{{ site["site_name"] }}</strong></span></span></span></span>{% endif %}</a>
</div>
</div>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbar-collapse-14" aria-controls="navbar-collapse-14" aria-expanded="false" aria-label="Toggle navigation">
    <span></span>
    <span></span>
    <span></span>
</button>
<div class="collapse navbar-collapse" id="navbar-collapse-14">
 <div class="component-navbar-collapse-divider"></div>
 <div class="d-flex component-navbar-collapse">
    <ul class="navbar-nav navbar-nav-sidebar-menu">





{% for menu in menus %}
            {% if menu['slug'] == "/tickets" %}
<li class="nav-item component-navbar-nav-item component-navbar-private-nav-item">
<a class="component-navbar-nav-link  component-navbar-nav-link__navbar-private 
{% if active_menu == menu["active"] %} component-navbar-nav-link-active__navbar-private  {% endif %} "     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="nav-item component-navbar-nav-item component-navbar-private-nav-item">
<a class="component-navbar-nav-link  component-navbar-nav-link__navbar-private 
{% if active_menu == menu["active"] %} component-navbar-nav-link-active__navbar-private  {% endif %} "     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="nav-item component-navbar-nav-item component-navbar-private-nav-item">
<a class="component-navbar-nav-link  component-navbar-nav-link__navbar-private 
{% if active_menu == menu["active"] %} component-navbar-nav-link-active__navbar-private  {% endif %} "     href=" {{menu["slug"]}}" >
      <span class="component-navbar-nav-link-icon">
     <span class="{{menu["icon"]}}"></span>
   </span>
 {{menu["name"]}}
            </a>
           </li>   {% endif %}   {% endif %}   {% endfor %} </ul>


{% 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 %}



<ul class="navbar-nav">

<li class="nav-item component-navbar-nav-item component-navbar-private-nav-item">
<a class="component-navbar-nav-link  component-navbar-nav-link__navbar-private 
{% if active_menu == "account" %} component-navbar-nav-link-active__navbar-private  {% endif %} "     href="/account" >
      <span class="component-navbar-nav-link-icon">
     <span class="fa fa-user"></span>
   </span> Account </a>

            </li> 



<li class="nav-item component-navbar-nav-item component-navbar-private-nav-item">
<a class="component-navbar-nav-link  component-navbar-nav-link__navbar-private" href="/logout">
      <span class="component-navbar-nav-link-icon">
     <span class="fa fa-sign-out"></span>
   </span>Logout</a>
</li></ul>
</div>
								</div>
							</nav>
						</div>
					</div>
				</div>
			</span>

    <span class="component_private_sidebar ">
      <div class="component-sidebar_wrapper">
         <div class="sidebar-block__left component-sidebar component-sidebar-with-navbar editor__component-wrapper component_private_navbar">
            <div class="component-sidebar__menu-logo">
                <div class="component-navbar-logo">
     <a target="_self" style="color:#fff;">{% if site["logo"] %}
  													<img style="max-width:200px;" 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: 120px"><strong style="font-weight: bold">{{ site["site_name"] }}</strong></span></span></span></span>{% endif %}</a>
 </div>
    </div>
            <ul class="component-sidebar__menu sidebar-block__left-menu">
     {% for menu in menus %}
            {% if menu['slug'] == "/tickets" %}
<li {% if active_menu == menu["active"] %} class="component-sidebar__menu-item component-sidebar__menu-item-active" {% endif %}>
<a class="component-sidebar__menu-item-link" href="{{menu["slug"]}} " >
<span class="sidebar-block__menu-item-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 {% if active_menu == menu["active"] %} class="component-sidebar__menu-item component-sidebar__menu-item-active" {% endif %}>
<a class="component-sidebar__menu-item-link" href="{{menu["slug"]}} " >
<span class="sidebar-block__menu-item-icon">
            <span class="{{menu["icon"]}}"></span>
           </span>
              {{menu["name"]}} 
          </a>
            </li>  {% endif %} 

{% else %} {% if menu["type"] == 2 %} <li {% if active_menu == menu["active"] %} class="component-sidebar__menu-item component-sidebar__menu-item-active" {% endif %}>
   <a class="component-sidebar__menu-item-link" href="{{menu["slug"]}} " >
<span class="sidebar-block__menu-item-icon">
            <span class="{{menu["icon"]}}"></span>
           </span>
              {{menu["name"]}} 
          </a>
 </li>{% endif %} {% endif %} {% endfor %} 
                
        </ul>
         </div>
      </div>
   </span>
</div>
{% else %}









<body class="body ">
<div class="wrapper  wrapper-navbar ">
   <div id="block_80">
    <div class="block-wrapper">
        <div class="component_navbar ">
          <div class="component-navbar__wrapper">
             <div class="sidebar-block__top component-navbar component-navbar__navbar-public editor__component-wrapper">
                <div>
 <nav class="navbar navbar-expand-lg navbar-light">
  <div class="sidebar-block__top-brand">
                <div class="component-navbar-brand component-navbar-public-brand">
      <a target="_self"  style="color:#fff;">{% if site["logo"] %}
  													<img style="max-width:200px;" 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: 120px"><strong style="font-weight: bold">{{ site["site_name"] }}</strong></span></span></span></span>{% endif %}</a>
  </div>
              </div>
  <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbar-collapse-80" aria-controls="navbar-collapse-80" aria-expanded="false" aria-label="Toggle navigation">
    <span></span>
    <span></span>
    <span></span>
  </button>
  <div class="collapse navbar-collapse" id="navbar-collapse-80">
     <div class="component-navbar-collapse-divider"></div>
         <div class="d-flex component-navbar-collapse">
												 
        <ul class="navbar-nav">
      {% for menu in menus %} <li class="nav-item component-navbar-nav-item component-navbar-private-nav-item">
<a class="component-navbar-nav-link  component-navbar-nav-link__navbar-private 
{% if active_menu == menu["active"] %} component-navbar-nav-link-active__navbar-private  {% endif %} "     href=" {{menu["slug"]}}" >
      <span class="component-navbar-nav-link-icon">
     <span class="{{menu["icon"]}}"></span>
   </span>
 {{menu["name"]}}
            </a>
           </li>{% endfor %} 
							   

 </ul>
														  

</nav>
     </div>
      </div> 
</div>
</div>  
</div>



{% endif %}
