<!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 %}
<link rel="stylesheet" type="text/css" href="/public/Tamilmainprovider/tamilmainprovider.css">
      <link rel="stylesheet" type="text/css" href="/public/Tamilmainprovider/Tamilmainprovider1.css">
 
          
             <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.2/umd/popper.min.js"></script>
 
 
      
        <link rel="stylesheet" type="text/css" href="/public/Eternity/static2.css"> 
  <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script>
 
     
<script src="https://code.jquery.com/jquery-3.6.0.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 ">
<div class="wrapper  wrapper-sidebar-navbar ">
   <div id="block_34" class="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="/">{% 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-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">
      					<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__navbar-private" href="/updates" >
																									<span class="component-navbar-nav-link-icon">
														<span class="fad fa-calendar-edit"></span>
													</span>
																								Updates
																							</a>
										</li>				</li>	    
      
      {% 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-public  {% 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 component-navbar-nav-link__navbar-private {% if active_menu == menu["active"] %} component-navbar-nav-link-active__navbar-public  {% endif %}" href="{{menu["slug"]}}" >
																									<span class="component-navbar-nav-link-icon">
														<span class="{{menu["icon"]}}"></span>
   </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 component-navbar-nav-link__navbar-private {% if active_menu == menu["active"] %} component-navbar-nav-link-active__navbar-public {% 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" 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" 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>
  <ul class="sidebar-block__left-menu editor__component-wrapper">


<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__navbar-private" href="/updates" >
																									<span class="component-navbar-nav-link-icon">
														<span class="fad fa-calendar-edit"></span>
													</span>
																								Updates
																							</a>
										</li>				</li>	    
      
      {% 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-public  {% 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 component-navbar-nav-link__navbar-private {% if active_menu == menu["active"] %} component-navbar-nav-link-active__navbar-public  {% endif %}" href="{{menu["slug"]}}" >
																									<span class="component-navbar-nav-link-icon">
														<span class="{{menu["icon"]}}"></span>
   </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 component-navbar-nav-link__navbar-private {% if active_menu == menu["active"] %} component-navbar-nav-link-active__navbar-public {% 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>
 


 </div>
         </div>
      </div>
   </span>
</div>








{% else %}


<body class="body ">
<div class="wrapper  wrapper-navbar ">
   <div id="block_35">
    <div class="block-wrapper">
        <div class="component_navbar ">
          <div class="component-navbar__wrapper">
             <div class="component-navbar component-navbar__navbar-public component-navbar__navbar-public-padding editor__component-wrapper">
                <div>
                   <nav class="navbar navbar-expand-lg navbar-light navbar-rows">
                     <div class="navbar-public__header">
                       <div class="sidebar-block__top-brand">
                                                    <div class="component-navbar-brand component-navbar-public-brand">
                                                            <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"><img style="max-width:200px;" src="{{ site['logo'] }}" alt="" title="">
				</strong></span></span></span></span>
                                                        </div>
                                                                         </div>
                       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse-35" aria-controls="navbar-collapse-35" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-burger">
                            <span class="navbar-burger-line"></span>
                        </span>
                       </button>
                     </div>
                     <div class="collapse navbar-collapse" id="navbar-collapse-35">
                         <div class="d-flex flex-wrap component-navbar-collapse">
                            <ul class="navbar-nav">
                                                                  <li class="nav-item component-navbar-nav-item component-navbar-public-nav-item nav-item-height">
                                       <a class="component-navbar-nav-link component-navbar-nav-link__navbar-public component-navbar-nav-link-active__navbar-public" href="/" ><i class="navbar-icon fad fa-address-card"></i> Sign in</a>
                                   </li>
                                                                  <li class="nav-item component-navbar-nav-item component-navbar-public-nav-item nav-item-height">
                                       <a class="component-navbar-nav-link component-navbar-nav-link__navbar-public " href="/services" ><i class="navbar-icon fas fa-align-justify"></i> Services</a>
                                   </li>
                                                                  <li class="nav-item component-navbar-nav-item component-navbar-public-nav-item nav-item-height">
                                       <a class="component-navbar-nav-link component-navbar-nav-link__navbar-public " href="/api" ><i class="navbar-icon fal fa-american-sign-language-interpreting"></i> API</a>
                                   </li>
                                                                  <li class="nav-item component-navbar-nav-item component-navbar-public-nav-item nav-item-height">
                                       <a class="component-navbar-nav-link component-navbar-nav-link__navbar-public " href="/signup" ><i class="navbar-icon fas fa-angle-double-up"></i> Sign up</a>
                                   </li>
                                                                  <li class="nav-item component-navbar-nav-item component-navbar-public-nav-item nav-item-height">
                                       <a class="component-navbar-nav-link component-navbar-nav-link__navbar-public " href="/terms" ><i class="navbar-icon far fa-book"></i> Terms of Service</a>
                                   </li>
                                                                  <li class="nav-item component-navbar-nav-item component-navbar-public-nav-item nav-item-height">
                                       <a class="component-navbar-nav-link component-navbar-nav-link__navbar-public " href="https://wa.link/m4hz" ><i class="navbar-icon fas fa-alien-monster"></i> Contact</a>
                                   </li>
                                                                  <li class="nav-item component-navbar-nav-item component-navbar-public-nav-item nav-item-height">
                                       <a class="component-navbar-nav-link component-navbar-nav-link__navbar-public " href="https://youtu.be/4GQWW5anG4" ><i class="navbar-icon far fa-question"></i> How To Use</a>
                                   </li>
                                    
                                                           </ul>
                         </div>
                      </div>
                   </nav>
                </div>
             </div>
          </div>
       </div>
    </div>
</div>
 









 
 {% endif %}

