<!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>{% 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 %}">
      <link rel="shortcut icon" type="image/ico" href="img/panel/dd7c1a3d9d5627da9aea5415e3d07202bfb5925e.png" />
  
  <link rel="shortcut icon" type="image/ico" href="https://cdn.mypanel.link/7w0trs/b7j1swm6r6k8a2t4.png" />
    <link rel="icon" type="image/png" sizes="192x192" href="https://cdn.mypanel.link/7w0trs/b7j1swm6r6k8a2t4.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="https://cdn.mypanel.link/7w0trs/b7j1swm6r6k8a2t4.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="https://cdn.mypanel.link/7w0trs/b7j1swm6r6k8a2t4.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="https://cdn.mypanel.link/7w0trs/b7j1swm6r6k8a2t4.png" />
    <link rel="apple-touch-icon" href="https://cdn.mypanel.link/7w0trs/b7j1swm6r6k8a2t4.png" />
  
  <!-- 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://grifinsmm.com/public/Tamilmainprovider/tamilmainprovider.css">
      <link rel="stylesheet" type="text/css" href="https://grifinsmm.com/public/Tamilmainprovider/Tamilmainprovider1.css">
 
          
             
 <link rel="stylesheet" type="text/css" href="/public/Eternity/one.css"> 
<link rel="stylesheet" type="text/css" href="/public/Eternity/static.css"> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script>
 
   
<style>


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

	

</style>


  <style>
.login-with-google-btn {

  transition: background-color 0.3s, box-shadow 0.3s;

  width:100%;
  padding: 12px 8px 12px 42px;
  border: none;
  border-radius: 10px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 2px rgba(0, 0, 0, 0.25);
  color: #000;
  font-size: 15px;
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50px 15px;
}
.login-with-google-btn:active {
  background-color: #eeeeee;
}
.login-with-google-btn:focus {
  outline: none;
}
</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" 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">
<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 %}
{% 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" 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 component_private_navbar editor__component-wrapper">
						<div class="component-sidebar__menu">
							<div class="component-sidebar__menu-logo">
								<a target="_self" 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">
								<li class="component-sidebar__menu-item ">
									<a class="component-sidebar__menu-item-link" href="/updates">
										<span class="sidebar-block__menu-item-icon">
											<span class="fas fa-calendar-edit"></span>
										</span>
										Updates
									</a>
								</li>
								<li class="component-sidebar__menu-item">
									<a class="component-sidebar__menu-item-link" href="/">
										<span class="sidebar-block__menu-item-icon">
											<span class="fas fa-cart-plus"></span>
										</span>
										New order
									</a>
								</li>
								<li class="component-sidebar__menu-item ">
									<a class="component-sidebar__menu-item-link" href="/services">
										<span class="sidebar-block__menu-item-icon">
											<span class="fas fa-align-justify"></span>
										</span>
										Services
									</a>
								</li>
								<li class="component-sidebar__menu-item ">
									<a class="component-sidebar__menu-item-link" href="/orders">
										<span class="sidebar-block__menu-item-icon">
											<span class="fas fa-bags-shopping"></span>
										</span>
										Orders
									</a>
								</li>
								<li class="component-sidebar__menu-item ">
									<a class="component-sidebar__menu-item-link" href="/addfunds">
										<span class="sidebar-block__menu-item-icon">
											<span class="fab fa-amazon-pay"></span>
										</span>
										Add funds
									</a>
								</li>
								<li class="component-sidebar__menu-item ">
									<a class="component-sidebar__menu-item-link" href="/tickets">
										<span class="sidebar-block__menu-item-icon">
											<span class="fas fa-ticket-alt"></span>
										</span>
										Tickets
									</a>
								</li>
								<li class="component-sidebar__menu-item ">
									<a class="component-sidebar__menu-item-link" href="/api">
										<span class="sidebar-block__menu-item-icon">
											<span class="fas fa-link"></span>
										</span>
										API
									</a>
								</li>
								<li class="component-sidebar__menu-item ">
									<a class="component-sidebar__menu-item-link" href="/blog">
										<span class="sidebar-block__menu-item-icon">
											<span class="fab fa-blogger"></span>
										</span>
										Blog
									</a>
								</li>
								<li class="component-sidebar__menu-item ">
									<a class="component-sidebar__menu-item-link" href="/refill">
										<span class="sidebar-block__menu-item-icon">
											<span class="fas fa-blender"></span>
										</span>
										Refill
									</a>
								</li>
								<li class="component-sidebar__menu-item ">
									<a class="component-sidebar__menu-item-link" href="/child-panel">
										<span class="sidebar-block__menu-item-icon">
											<span class="fas fa-book-reader"></span>
										</span>
										Child panel
									</a>
								</li>
								<li class="component-sidebar__menu-item ">
									<a class="component-sidebar__menu-item-link" href="/affiliates">
										<span class="sidebar-block__menu-item-icon">
											<span class="fas fa-share-square"></span>
										</span>
										Affiliates
									</a>
								</li>
								<li class="component-sidebar__menu-item ">
									<a class="component-sidebar__menu-item-link" href="/massorder">
										<span class="sidebar-block__menu-item-icon">
											<span class="fas fa-truck"></span>
										</span>
										Mass order
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</span>
		</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" 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="navbar-dropdown__name navbar-dropdown__toggle" data-toggle="dropdown" data-hover="dropdown" aria-expanded="false">{{site["active_lang"]}}</div>
													<ul class="navbar-dropdown__container dropdown-menu">
													{% for language in site["languages"] %}
																				{% if language["active"] != 1 %}
														<li class="navbar-dropdown__item">
															<a href="?lang={{ language["code"] }}" class="navbar-dropdown__link">{{ language["name"] }}</a>
														</li>
														{% endif %}
																			{% endfor %}
													</ul>
												</div>
											</div>
											<div class="d-flex component-navbar-collapse flex-wrap">

												<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>
										</nav>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		{% endif %}
	</body>
