<!DOCTYPE html>
<html lang="en">
<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>{% if pagetitle %}  {{ pagetitle }}  {% else %} {{ title }} {% endif %} </title>
  <meta name="keywords" content="{% if pagekeywords %} {{ pagekeywords }} {% else %} {{ site["keywords"]}}  {% endif %}">
  <meta name="description" content="{% if pagedescription %} {{ pagedescription }} {% else %} {{ site['description'] }}  {% endif %}">
  {% 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/Simplify/bootstrap.css">
      <link rel="stylesheet" type="text/css" href="public/Simplify/{{ settings['site_theme_alt'] }}.css">
   
  
    {{ 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" href="/">{% 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" type="button" data-toggle="collapse" data-target="#navbar-collapse-14" aria-controls="navbar-collapse-14" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-burger">
                        <span class="navbar-burger-line"></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>
                                 			<ul class="navbar-nav">
												<li class="nav-item d-flex align-items-center component-navbar-nav-item component-navbar-private-nav-item component-navbar-balance-wrap__navbar-private">
												<a href="#" class="component-navbar-balance-item__navbar-private" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" ><span> {{ currency["symbol"] }}{{ (user['balance']*currency["value" ]) }} <i class="fa fa-caret-down" aria-hidden="true"></i>

											</span></a>
												
              <ul class="dropdown-menu dropdown-max-height">   {% for curr in currencies %} <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 component-navbar-nav-link-active__navbar-private " href="/account/currency_preferred/{{ curr["id"]}}"> {{ curr["symbol"]}} {{ curr["name"]}}</a></li>    {% endfor %}
       </ul>

</ul>
													
												</li>


											
                 
										<ul class="navbar-nav" style="padding-left:20px;">
<li> 
<br> 
              

								
															<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">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">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" href="/">{% 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" href="/">{% 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" type="button" data-toggle="collapse" data-target="#navbar-collapse-80" aria-controls="navbar-collapse-80" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-burger">
                            <span class="navbar-burger-line"></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>

<br>
<br>
  


{% endif %}
 <style>
 .body .modal .modal-content {
    background: #fff;
    color: black;
}

.modal-header h5 {
    color: black;
}
.modal-footer a {
    color: #fff;
}
.modal-header{
 border-bottom: none;
}
.modal-footer{
 border-top: none;
}
 </style>
 {# <!-----notification popup---------> #}
{% for pop in popupNotif %}
{% if pop["title"] %}
<div class="modal fade" popIds="{{ popupNotif["notifIds"] }}"  id="notificationModal_{{ loop.index }}" tabindex="-1" aria-labelledby="notificationModalLabel_{{ loop.index }}" aria-hidden="true" data-keyboard="false" data-backdrop="static">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="notificationModalLabel">{{ pop["title"] }}</h5>
        <button type="button" class="close" data-dismiss="modal"  data-toggle="modal" data-target="#notificationModal_{{ loop.index+1 }}" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
               {{ pop["description"]|replace({"\n": "<br />"})  }}
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-actions" style="background:#;" data-dismiss="modal" data-toggle="modal" data-target="#notificationModal_{{ loop.index+1 }}">Close</button>
        {% if pop["action_link"] %}
        <a href="{{ pop["action_link"] }}" target="_blank" type="button" class="btn btn-actions">{% if(pop["action_text"] is empty) %} Click Here {% else %}{{ pop["action_text"] }}{% endif %}</a>
        {% endif %}
      </div>
    </div>
  </div>
</div>



{% endif %}
 {% endfor %}