<!DOCTYPE html>
<html lang="en">
	<head>
	         <!-- PWA START -->   
  <link rel="manifest" href="/manifest.json">
  <meta name="theme-color" content="#f15f23"> 
		<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 %}" />
  
    <meta property="og:image" content="{{ settings['meta_logo'] }}">{% if site['favicon'] %}
			<link rel="shortcut icon" type="image/ico" href="{{ site['favicon'] }}"/>
		{% endif %}


		<link rel="stylesheet" type="text/css" href="/public/Eternity/bootstrap.css">

		<link rel="stylesheet" type="text/css" href="{{ site['url'] }}/public/Eternity/{{settings["site_theme_alt"]}}.css">
		<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" />

		<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script>
		<script src='https://www.google.com/recaptcha/api.js'></script>
		{% include 'get_broadcasts.twig' %}
		{{ headerCode }}

		<style>
		iframe{border:none;}
			#block_342 .navbar-collapse {
				padding-top: 0;
			}
			#block_342 .navbar-languages {
				margin-left: 24px;
				display: flex;
				align-items: center;
			}


			.body .navbar-dropdown {
				position: relative;
				display: inline-block;
				margin-top: 4px;
				padding-bottom: 4px;
				font-size: "";
			}

			.body .navbar-dropdown__name {
				white-space: nowrap;
				display: flex;
				justify-content: space-between;
				align-items: center;
				color: #07264a;
				background: #ffffff;
				border-color: transparent;
				box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.2);
				border-style: solid;
				border-left-width: 1px;
				border-right-width: 1px;
				border-top-width: 1px;
				border-bottom-width: 1px;
				padding: 6px 12px;
				border-top-left-radius: 12px;
				border-top-right-radius: 12px;
				border-bottom-left-radius: 12px;
				border-bottom-right-radius: 12px;
				font-size: "";
				font-weight: 600;
				font-style: normal;
			}

			.body .navbar-dropdown__container {
				position: absolute;
				padding: 0;
				margin: 5px 0 0;
				top: 100%;
				background: #ffffff;
				min-width: 100%;
				border-top-left-radius: 4px;
				border-top-right-radius: 4px;
				border-bottom-left-radius: 4px;
				border-bottom-right-radius: 4px;
				border-color: transparent;
				box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.2);
				border-style: solid;
				border-left-width: 0;
				border-right-width: 0;
				border-top-width: 0;
				border-bottom-width: 0;
			}

			.body .navbar-dropdown__link {
				display: block;
				width: 100%;
				text-decoration: none;
				font-size: 1em;
				color: #07264a;
				padding: 6px 12px;
			}

			.body .navbar-dropdown__item {
				list-style: none;
			}

			.body .navbar-dropdown__toggle:after {
				display: inline-block;
				content: '\f107';
				font-family: 'Font Awesome 5 Pro';
				margin-left: 12px;
			}

			.body-rtl {
				direction: rtl;
				text-align: inherit !important;
			}

			@media(max-width: 991px) {
				#block_342 .navbar-languages {
					margin-top: 20px;
					margin-left: 0;
				}
				.body .navbar-dropdown {
					width: 100%;
					margin-top: 0;
					padding-bottom: 0;
				}
				.body .navbar-dropdown__name {
					width: 100%;
				}
				.body .navbar-dropdown__container {
					position: relative;
					visibility: visible;
				}

			}


			{% if settings["site_theme_alt"] == "lilac" %}


				#service_description,
				#service_avg_time {
					padding: 13px;
					border-radius: 10px;
					color: #393e46;
					box-shadow: 1px 1px 1px #F8F0FF;
					background-color: #F8F0FF;
				}

			{% elseif settings["site_theme_alt"] == "coral" %}

				#service_description,
				#service_avg_time {
					padding: 13px;
					border-radius: 10px;
					color: #393e46;
					box-shadow: 1px 1px 1px #FFF5E0;
					background-color: #FFF5E0;
				}
			{% elseif settings["site_theme_alt"] == "azure" %}

				#service_description,
				#service_avg_time {
					padding: 13px;
					border-radius: 10px;
					color: #393e46;
					box-shadow: 1px 1px 1px #E1F4FA;
					background-color: #E1F4FA;
				}
			{% elseif settings["site_theme_alt"] == "grey" %}

				#service_description,
				#service_avg_time {
					padding: 13px;
					border-radius: 10px;
					color: #393e46;
					box-shadow: 1px 1px 1px #F1F2F3;
					background-color: #F1F2F3;
				}
			{% elseif settings["site_theme_alt"] == "lime" %}

				#service_description,
				#service_avg_time {
					padding: 13px;
					border-radius: 10px;
					color: #3f3f44;
					box-shadow: 1px 1px 1px #E6EEE2;
					background-color: #E6EEE2;
				}

			{% elseif settings["site_theme_alt"] == "navy" %}
				#service_description,
				#service_avg_time {
					padding: 13px;
					border-radius: 10px;
					color: #393e46;
					box-shadow: 1px 1px 1px #E4E1EE;
					background-color: #E4E1EE;
				}

			{% elseif settings["site_theme_alt"] == "pink" %}
				#service_description,
				#service_avg_time {
					padding: 13px;
					border-radius: 10px;
					color: #393e46;
					box-shadow: 1px 1px 1px #FDE7F3;
					background-color: #FDE7F3;
				}

			{% elseif settings["site_theme_alt"] == "raspberry" %}
				#service_description,
				#service_avg_time {
					padding: 13px;
					border-radius: 10px;
					color: #393e46;
					box-shadow: 1px 1px 1px #E9E6FA;
					background-color: #E9E6FA;
				}


			{% else %}
				#service_description,
				#service_avg_time {
					padding: 13px;
					border-radius: 10px;
					color: #fff;
					box-shadow: 1px 1px 1px #252427;
					background-color: #252427;
				}

			{% endif %}
		</style>
<style>
/* Import Google Fonts */
{{ settings.user_font_import|raw }}

/* Link */
.navbar-nav .nav-item a{
 font-family: '{{ settings.user_font }}', {{ settings.user_font_type }}  ;
}

/* Sidebar block  top */
.block-wrapper .sidebar-block__top{
 font-family: '{{ settings.user_font }}', {{ settings.user_font_type }}  ;
}

/* Link (hover) */
.navbar-nav .nav-item a:hover{
 background-color:rgba(255,255,255,0.25);
 color:#ffffff !important;
}

/* Import Google Fonts */
{{ settings.user_font_import|raw }}

/* Body */
body{
 font-family: '{{ settings.user_font }}', {{ settings.user_font_type }}  ;
}
/* Link */
.navbar-nav .nav-item a{
 border-radius:12px;
}
/* Navbar Unknowndown  toggle */
.navbar-languages .navbar-dropdown .navbar-dropdown__toggle{
 display:none;
}

/* Navbar collapse */
.sidebar-block__top .navbar .navbar-collapse{
 padding-top:10px !important;
}

@media (max-width:991px){

 /* Navbar collapse */
 .sidebar-block__top .navbar .navbar-collapse{
  padding-top:0px !important;
  margin-top:-20px;
 }
 
}
@media (max-width: 991px) {
    .body .component-navbar-collapse {
        padding-top: 20px;
        padding-bottom: 0px;
    }
}

.body .component-navbar-nav-link-active__navbar-private{
 background-color:rgba(255,255,255,0.25) !important;
 color:#ffffff !important;
}
/* Import Google Fonts */
{{ settings.user_font_import|raw }}

/* Navigation */
.sidebar-block__top div nav{
 font-family: '{{ settings.user_font }}', {{ settings.user_font_type }}  ;
}

/* Component sidebar  menu */
#block_11 .sidebar-block__left .component-sidebar__menu{
 font-family: '{{ settings.user_font }}', {{ settings.user_font_type }}  ;
}

/* Component sidebar  menu logo */
.sidebar-block__left .component-sidebar__menu-logo{
 display:inline-block;
 transform:translatex(0px) translatey(0px) !important;
}

/* Link */
.body .component-sidebar__menu-item-link {
 font-family: '{{ settings.user_font }}', {{ settings.user_font_type }}  !important;
}
@media (max-width:991px){

 /* Flex */
 .navbar .navbar-collapse .d-flex{
  padding-top:30px !important;
 }
 
}

/* Svg */
svg{
 background-image:url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgICAgICAgICAgIDxnIGZpbGw9IiNmZmZmZmYiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTg1My44OTMsODYuOTk4Yy0zOC44NTksMC01OC44MTEtMTYuNDU1LTc3Ljk1Ni0zNS4wNTFjMTguMjk1LTEwLjUzNiw0MC44OTEtMTguMjc2LDczLjM3OC0xOC4yNzYgYzM4LjY4NSwwLDY0LjEzMiwxMi41NjQsODUuNDg5LDI4LjM0N0M5MTYuMTkyLDcyLjAxMiw5MDAuOCw4Ni45OTgsODUzLjg5Myw4Ni45OTh6IE01MjYuMjY1LDgwLjk0NSBjLTYuNTE3LTAuNTYyLTEzLjU5OS0wLjg3OS0yMS40MS0wLjg3OWMtNzAuNzk5LDAtOTEuMzM3LDI3LjIyOS0xMzQuNDMzLDM1LjY2MmMxNC45MDEsMy43MiwzMi4xMTgsNi4wNyw1Mi44OTgsNi4wNyBDNDcwLjE3MSwxMjEuNzk3LDUwMC4zNCwxMDMuNDIxLDUyNi4yNjUsODAuOTQ1eiIgZmlsbC1vcGFjaXR5PSIuMyIvPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTY2My40NTgsMTA5LjY3MWMtNjcuMTM3LDAtODAuMzQ1LTIzLjgyNC0xMzcuMTkzLTI4LjcyNkM1NjcuMDg2LDQ1LjU1NSw1OTcuMzgxLDAsNjY1LjY5MSwwIGM2MS44NTcsMCw4NS4zNjksMjcuNzgyLDExMC4yNDYsNTEuOTQ3QzczNi44ODgsNzQuNDM0LDcxNy40NTksMTA5LjY3MSw2NjMuNDU4LDEwOS42NzF6IE0yMTcuNjgsOTQuMTYzIGM1NS45NzEsMCw2Mi41MjYsMjQuMDI2LDEyNi4zMzcsMjQuMDI2YzkuODU4LDAsMTguNTA4LTAuOTE2LDI2LjQwNC0yLjQ2MWMtNTcuMTg2LTE0LjI3OC04MC4xNzctNDguODA4LTEzOC42NTktNDguODA4IGMtNzcuMDYzLDAtOTkuOTYsNDguNTY5LTE1MS43NTEsNDguNTY5Yy00MC4wMDYsMC02MC4wMDgtMTIuMjA2LTgwLjAxMS0yOS41MDZ2MTYuODA2YzIwLjAwMywxMC44OTEsNDAuMDA1LDIxLjc4Miw4MC4wMTEsMjEuNzgyIEMxNjAuMDE0LDEyNC41NywxNTguNjA4LDk0LjE2MywyMTcuNjgsOTQuMTYzeiBNMTIwMC4xMTIsNDYuMjkyYy01Ny40OTMsMC01Ni45MzUsNDYuNTk1LTExNS4wMTUsNDYuNTk1IGMtNTMuNjEyLDAtNTkuNzU1LTM5LjYxOC0xMTUuNjAyLTM5LjYxOGMtMTUuMjY3LDAtMjUuMzgxLDMuNzUxLTM0LjY5LDguNzQ5YzM2LjA5NiwyNi42NzUsNjAuNTAzLDYyLjU1MiwxMTcuMzQyLDYyLjU1MiBjNjkuMjQ5LDAsNzUuOTUxLTQzLjU1OSwxNDcuOTY0LTQzLjU1OWMzOS44MDQsMCw1OS45ODYsMTAuOTQzLDc5Ljg4OCwyMS43NzdWODUuOTgyIEMxMjYwLjA5Nyw2OC43NzEsMTIzOS45MTYsNDYuMjkyLDEyMDAuMTEyLDQ2LjI5MnoiIGZpbGwtb3BhY2l0eT0iLjUiLz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMDUyLjE0NywxMjQuNTdjLTU2Ljg0LDAtODEuMjQ3LTM1Ljg3Ni0xMTcuMzQyLTYyLjU1MmMtMTguNjEzLDkuOTk0LTM0LjAwNSwyNC45OC04MC45MTIsMjQuOTggYy0zOC44NTksMC01OC44MTEtMTYuNDU1LTc3Ljk1Ni0zNS4wNTFjLTM5LjA1LDIyLjQ4Ny01OC40NzksNTcuNzI0LTExMi40OCw1Ny43MjRjLTY3LjEzNywwLTgwLjM0NS0yMy44MjQtMTM3LjE5My0yOC43MjYgYy0yNS45MjUsMjIuNDc1LTU2LjA5Myw0MC44NTItMTAyLjk0Niw0MC44NTJjLTIwLjc3OSwwLTM3Ljk5Ni0yLjM0OS01Mi44OTgtNi4wN2MtNy44OTUsMS41NDUtMTYuNTQ2LDIuNDYxLTI2LjQwNCwyLjQ2MSBjLTYzLjgxMSwwLTcwLjM2Ni0yNC4wMjYtMTI2LjMzNy0yNC4wMjZjLTU5LjA3MiwwLTU3LjY2NSwzMC40MDctMTM3LjY2OSwzMC40MDdjLTQwLjAwNiwwLTYwLjAwOC0xMC44OTEtODAuMDExLTIxLjc4MlYxNDBoMTI4MCB2LTM3LjIxMmMtMTkuOTAzLTEwLjgzNS00MC4wODQtMjEuNzc3LTc5Ljg4OC0yMS43NzdDMTEyOC4wOTgsODEuMDExLDExMjEuMzk3LDEyNC41NywxMDUyLjE0NywxMjQuNTd6Ii8+CiAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L3N2Zz4=");
 height:50px;
}

/* G */
svg g{
 opacity:0;
}
</style>
	</head>


	{% if user['auth'] %}
		<body class="body {{body_rtl}}">

			<div class="wrapper  wrapper-sidebar-navbar ">

				<div id="block_11" ="component_private_navbar">
					<span class="component_private_navbar ">
						<div class="component-navbar-private__wrapper component_private_sidebar">
							<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="navbar-private__header">
											<div class="sidebar-block__top-brand">
												<div class="component-navbar-logo">
													
													<a target="_self" href = '/' style="color:#fff;">
														<span style="text-transform: uppercase">
															<span style="font-size: 24px">
																<span style="letter-spacing: 1.0px">
																	<span style="line-height: 48px">
																		<strong style="font-weight: bold">
																			{% 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>
																								<strong style="font-weight: bold">{{ site["site_name"] }}</strong>
																							</span>
																						</span>
																					</span>
																				</span>
																			{% endif %}
																		</strong>
																	</span>
																</span>
															</span>
														</span>
													</a>
												</div>
											</div>
											<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse-11" aria-controls="navbar-collapse-11" aria-expanded="false" aria-label="Toggle navigation">
												<span class="navbar-burger">
													<span class="navbar-burger-line"></span>
												</span>
											</button>
										</div>
										<div class="navbar-collapse collapse" id="navbar-collapse-11" style="">
											<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["type"] == 2 %}
<li class="nav-item component-navbar-nav-item component-navbar-private-nav-item {% if active_menu == menu["active"] %} active  {% endif %}">
<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 menu['slug'] == "/tickets" %}
																		{% if ticketCount %} 
																			<span style="background-color:yellow; color:black;" class="badge">{{ ticketCount }}
																			</span>
																		{% endif %}
{% endif %}
</a></li>
{% 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 {% if active_menu == menu["active"] %} active  {% endif %}">
												<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="/account"><span class="sidebar-block__menu-item-icon">
											<span class="fas fa-user-alt"></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="sidebar-block__menu-item-icon">
											<span class="fas fa-sign-in-alt"></span>
										</span>
										Logout 
									</a>
								</li>
									</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 component_private_navbar editor__component-wrapper">
						<div class="component-sidebar__menu">
							<div class="component-sidebar__menu-logo">
								<a target="_self" href = '/' style="color:#fff;">
									<span style="text-transform: uppercase">
										<span style="font-size: 24px">
											<span style="letter-spacing: 1.0px">
												<span style="line-height: 48px">
													<strong style="font-weight: bold">
														{% 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>
																			<strong style="font-weight: bold">{{ site["site_name"] }}</strong>
																		</span>
																	</span>
																</span>
															</span>
														{% endif %}
													</strong>
												</span>
											</span>
										</span>
									</span>
								</a>
							</div>
							<ul class="sidebar-block__left-menu editor__component-wrapper">
				
{% for menu in menus %}
{% if menu["type"] == 2 %}
<li class="component-sidebar__menu-item">
<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 menu['slug'] == "/tickets" %}
																		{% if ticketCount %} 
																			<span style="background-color:yellow; color:black;" class="badge">{{ ticketCount }}
																			</span>
																		{% endif %}
{% endif %}
</a></li>
{% endif %}
{% endfor %}
</ul>	</div></div></div>	</body>
	</div>


{% else %}
<body class="body {{body_rtl}}">
		<div class="wrapper  wrapper-navbar ">
			<div id="block_342">
				<div class="block-wrapper">
					<div class="component_navbar ">
						<div class="component-navbar__wrapper">
							<div class="sidebar-block__top component-navbar component-navbar__navbar-public sommerce-editor__component-wrapper">
								<div class="container">
									<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 = '/' style="color:#fff;">
													<span style="text-transform: uppercase">
														<span style="font-size: 24px">
															<span style="letter-spacing: 1.0px">
																<span style="line-height: 48px">
																	<strong style="font-weight: bold">
																		{% 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>
																							<strong style="font-weight: bold">{{ site["site_name"] }}</strong>
																						</span>
																					</span>
																				</span>
																			</span>
																		{% endif %}
																	</strong>
																</span>
															</span>
														</span>
													</span>
												</a>
											</div>
										</div>
										<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse-342" aria-controls="navbar-collapse-342" 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-342">
											<div class="navbar-languages component_navbar_dropdown">
												<div class="navbar-dropdown">
									<div class="d-flex component-navbar-collapse flex-wrap">

    <ul class="navbar-nav">
      {% for menu in menus %}
							<li class="nav-item component-navbar-nav-item component_navbar component-navbar-public-nav-item {% if active_menu == "login" and  menu["active"] == "auth" %}  active  {% endif %} {% if active_menu == menu["active"] %} active  {% endif %}">
							   
							   <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>
						

											</div>
										</nav>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		{% endif %}
	</body>
	{% include 'integration.twig' %}