<!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>{{ title }}</title>
  <meta name="keywords" content="{{ site['keywords'] }}">
  <meta name="description" content="{{ site['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]-->
  
      <link rel="stylesheet" type="text/css" href="https://cdn.dreampanel.in/Eternity/bootstrap.css">
      <link rel="stylesheet" type="text/css" href="https://cdn.dreampanel.in/Eternity/Grapes.css">
   
    {{ headerCode }}

  </head>
 

{% if user['auth'] %}
<body class="body ">
<div class="wrapper  wrapper-sidebar-navbar ">
   <div id="block_357" class="component_private_navbar">
	<span class="component_private_navbar ">
		<div class="component-navbar-private__wrapper">
			<div class="sidebar-block__top-static component-navbar component-navbar__navbar-private sommerce-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-private-brand">
									<a target="_self" href="/"><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">{{ site["site_name"] }}</strong></span></span></span></span></a>
								</div>
																				</div>
						<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse-357" aria-controls="navbar-collapse-357" 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-357">
							<div class="d-flex component-navbar-collapse">
								<ul class="navbar-nav navbar-nav-sidebar-menu">
																			<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="/" >
																									<span class="component-navbar-nav-link-icon">
														<span class="far fa-plus-square"></span>
													</span>
																								New order
																							</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="/services" >
																									<span class="component-navbar-nav-link-icon">
														<span class="fas fa-list-ul"></span>
													</span>
																								Services
																							</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="/orders" >
																									<span class="component-navbar-nav-link-icon">
														<span class="fas fa-history"></span>
													</span>
																								Orders
																							</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="/subscriptions" >
																									<span class="component-navbar-nav-link-icon">
														<span class="fal fa-repeat"></span>
													</span>
																								Subscriptions
																							</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="addfunds" >
																									<span class="component-navbar-nav-link-icon">
														<span class="fas fa-wallet"></span>
													</span>
																								Add funds
																							</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="/tickets" >
																									<span class="component-navbar-nav-link-icon">
														<span class="far fa-life-ring"></span>
													</span>
																								Tickets{% if ticketCount %} <span class="badge">{{ ticketCount }}</span> {% endif %}
																																																</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="/faq" >
																									<span class="component-navbar-nav-link-icon">
														<span class="fal fa-question-circle"></span>
													</span>
																								FAQ
																							</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="/api" >
																									<span class="component-navbar-nav-link-icon">
														<span class="fal fa-file-alt"></span>
													</span>
																								API
																							</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="/terms" >
																									<span class="component-navbar-nav-link-icon">
														<span class="fal fa-info-circle"></span>
													</span>
																								Terms
																							</a>
										</li>
																	</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 class="component-navbar-balance-item__navbar-private">{% if settings['site_currency'] == "TRY" %} 
                    {{ "₺" }}
                {% elseif settings['site_currency'] == "USD" %}
                    {{ "$" }}
          {% elseif settings['site_currency'] == "INR" %}
                    {{ "₹" }}
                {% else %}
                    {{ "€" }}
                {% endif %}
                              {{ user['balance'] }}</a>
									</li>
								</ul>
								<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" 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 sommerce-editor__component-wrapper component_private_navbar">
				<div class="component-sidebar__menu-wrapper">
					<div class="sidebar-block__top-brand">
													<div class="component-navbar-brand component-navbar-private-brand">
								<a target="_self" href="/"><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">{{ site["site_name"] }}</strong></span></span></span></span></a>
							</div>
																	</div>
					<ul class="component-sidebar__menu sidebar-block__left-menu">
													<li class="component-sidebar__menu-item {% if active_menu == "neworder" %} component-sidebar__menu-item-active{% endif %}">

								<a class="component-sidebar__menu-item-link" href="/" >
																			<span class="sidebar-block__menu-item-icon">
											<span class="far fa-plus-square"></span>
										</span>
																		<span class="component-sidebar__menu-item-name">New order</span>
																	</a>
							</li>
													<li class="component-sidebar__menu-item  {% if active_menu == "services" %} 
 component-sidebar__menu-item-active{% endif %}">
							 	<a class="component-sidebar__menu-item-link" href="/services" >
																			<span class="sidebar-block__menu-item-icon">
											<span class="fas fa-list-ul"></span>
										</span>
																		<span class="component-sidebar__menu-item-name">Services</span>
																	</a>
							</li>
													<li class="component-sidebar__menu-item {% if active_menu == "orders" %} component-sidebar__menu-item-active{% endif %}">
								<a class="component-sidebar__menu-item-link" href="/orders" >
																			<span class="sidebar-block__menu-item-icon">
											<span class="fas fa-history"></span>
										</span>
																		<span class="component-sidebar__menu-item-name">Orders</span>
																	</a>
							</li>
													<li class="component-sidebar__menu-item  {% if active_menu == "subscriptions" %} component-sidebar__menu-item-active{% endif %}">
					<a class="component-sidebar__menu-item-link" href="/subscriptions" >
																			<span class="sidebar-block__menu-item-icon">
											<span class="fal fa-repeat"></span>
										</span>
																		<span class="component-sidebar__menu-item-name">Subscriptions</span>
																	</a>
							</li>
													<li class="component-sidebar__menu-item {% if active_menu == "addfunds" %} component-sidebar__menu-item-active{% endif %}">
								<a class="component-sidebar__menu-item-link" href="/addfunds" >
																			<span class="sidebar-block__menu-item-icon">
											<span class="fas fa-wallet"></span>
										</span>
																		<span class="component-sidebar__menu-item-name">Add funds</span>
																	</a>
							</li>
													<li class="component-sidebar__menu-item {% if active_menu == "tickets" %} component-sidebar__menu-item-active{% endif %}">
						<a class="component-sidebar__menu-item-link" href="/tickets" >
																			<span class="sidebar-block__menu-item-icon">
											<span class="far fa-life-ring"></span>
										</span>
																		<span class="component-sidebar__menu-item-name">Tickets{% if ticketCount %} <span class="badge">{{ ticketCount }}</span> {% endif %}</span>
																																				</a>
							</li>
													<li   class="component-sidebar__menu-item {% if active_menu == "faq" %}component-sidebar__menu-item-active{% endif %}">
			
			<a class="component-sidebar__menu-item-link" href="/faq" >
																			<span class="sidebar-block__menu-item-icon">
											<span class="fal fa-question-circle"></span>
										</span>
																		<span class="component-sidebar__menu-item-name">FAQ</span>
																	</a>
							</li>
													<li   class="component-sidebar__menu-item {% if active_menu == "api" %}component-sidebar__menu-item-active{% endif %}">
						<a class="component-sidebar__menu-item-link" href="/api" >
																			<span class="sidebar-block__menu-item-icon">
											<span class="fal fa-file-alt"></span>
										</span>
																		<span class="component-sidebar__menu-item-name">API</span>
																	</a>
							</li>
													<li  class="component-sidebar__menu-item{% if active_menu == "terms" %}  component-sidebar__menu-item-active{% endif %}">
								<a class="component-sidebar__menu-item-link" href="/terms" >
																			<span class="sidebar-block__menu-item-icon">
											<span class="fal fa-info-circle"></span>
										</span>
																		<span class="component-sidebar__menu-item-name">Terms</span>
																	</a>
							</li>
											</ul>
				</div>
			</div>
		</div>
	</span>
</div>


{% else %}









<body class="body ">
<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="/"><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">{{ site["site_name"] }}</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="d-flex component-navbar-collapse">
                            <ul class="navbar-nav">
                                                                  <li class="nav-item component-navbar-nav-item component_navbar component-navbar-public-nav-item">
                                       <a class="component-navbar-nav-link component-navbar-nav-link__navbar-public component-navbar-nav-link__navbar-public" href="/" > Sign in</a>
                                   </li>
                                                                  <li class="nav-item component-navbar-nav-item component_navbar component-navbar-public-nav-item">
                                       <a class="component-navbar-nav-link component-navbar-nav-link__navbar-public " href="/services" > Services</a>
                                   </li>
                                                                  <li class="nav-item component-navbar-nav-item component_navbar component-navbar-public-nav-item">
                                       <a class="component-navbar-nav-link component-navbar-nav-link__navbar-public " href="/faq" > FAQ</a>
                                   </li>
                                                                  <li class="nav-item component-navbar-nav-item component_navbar component-navbar-public-nav-item">
                                       <a class="component-navbar-nav-link component-navbar-nav-link__navbar-public " href="/signup" > Sign up</a>
                                   </li>
                                                                  <li class="nav-item component-navbar-nav-item component_navbar component-navbar-public-nav-item">
                                       <a class="component-navbar-nav-link component-navbar-nav-link__navbar-public " href="/api" > API</a>
                                   </li>
                                                           </ul>
                         </div>
                      </div>
                   </nav>
                </div>
             </div>
          </div>
       </div>
    </div>
</div>
{% endif %}