<!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 %}
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
  <!-- 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 href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Material+Icons&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hover.css/2.3.1/css/hover-min.css" />
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
     <link rel="stylesheet" type="text/css" href="/public/flizz/81013d/asd.css">
      <link rel="stylesheet" type="text/css" href="/public/flizz/81013d/py56y2jdzlr0rn6g.css">
      <link rel="stylesheet" type="text/css" href="https://cdn.mypanel.link/libs/bootstrap-datetimepicker/4.17.47/bootstrap-datetimepicker.min.css">
      <link rel="stylesheet" type="text/css" href="https://cdn.mypanel.link/css/font-awesome/css/all.min.css">
   
    {{ headerCode }}

  </head>
 
    
</div>
{% if user['auth'] %}
<body class="auth  daymode  ">
  <span class="hide"> Custom Variable Value: 0</span>

  <!-- Main variables *content* -->
  
  <div id="wrapper" class="toggled">
    <nav class="navbar navbar-default navbar-static-top">
    	<div class="container-fluid">
        <div class="navbar-header">
          <a  type="button" onClick="abc()" class="nav-btn"><i class="fas fa-bars"></i></a>
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <div class="show-in-mob">
           <div class="sideBarLogo">
            <a class="navbar-brand" href="/">
              <img class="full-logo" src="{{ site['logo'] }}" alt="AmzPro.in" title="">
              <img class="red-logo" src="https://i.postimg.cc/c4Zx0GGt/tinylogo.png" alt="AmzPro.in" title="AmzPro.in">
            </a>
          </div>
          <div id="google_translate_element"></div> 
          <div class="sidebar-pinner">
            <a id="menu-toggle" class="btn btn-secondary" href="#menu-toggle">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </a>
          </div>
        </div>
        <ol class="breadcrumb mob-show">
          <li><a href="#"><img src="//i.imgur.com/LEK30W1.png" alt="Bread Icon" /> HOME</a></li>
          <li class="pageName"><div></div></li>
        </ol>
        <span class="pull-right mob-show"><a href="/addfunds"><span class="badge blnceBadge">${{ user["balance"] }}<span>+</span></span></a></span>
      </div>
      <div id="navbar" class="collapse navbar-collapse">
        <ol class="breadcrumb">
          <li><a href="#"><img src="//i.imgur.com/LEK30W1.png" alt="Bread Icon" /> HOME</a></li>
          <li></li>
          
        </ol>
        <ul class="nav navbar-nav navbar-right navbar-right-block">
         <li id="google_translate_element"></li>
         <li>
          <a href="/addfunds"><span class="badge blnceBadge blnceBadge-desktop">${{ user["balance"] }} <span>+</span></span></a>
        </li>
        <li>
          <a href="/tickets"><span class="drop-icon"><i class="fas fa-comments"></i><span class="ticket-count"></span></span></a>
        </li>
        
        <li><a href="/account"><span class="drop-icon"><i class="fas fa-cog"></i></span></a></li>
        
        <li><a href="javascript:toggleMode()" data-trigger="hover" data-toggle="popover" data-content="Enjoy Night Mode Feature" data-placement="bottom" data-original-title="" title=""><span class="drop-icon"><i class="far fa-moon"></i></span></a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="drop-icon"><i class="fas fa-user-alt"></i></span><span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="/account">Account</a></li>                 
            <li role="separator" class="divider"></li>
            <li><a href="/logout">Logout</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</nav>
<nav class="navbar navbar-inverse">
 <div class="navbar-collapse navbar-ex1-collapse">
  <div id="sidebar-wrapper" class="sidebar-toggle">
   <div class="side-back">
    <ul class="sideBarUtilities">
     <li>
      <a id="menu-toggle2" class="btn btn-secondary" href="#menu-toggle">
        <i class="fa fa-times"></i>
      </a>
    </li>
    <li>
     <a href="/account">
      <i class="fa fa-user"></i>
    </a>
  </li>
  <li>
   <a href="javascript:toggleMode()" data-trigger="hover" data-toggle="popover" data-content="Enjoy Night Mode Feature" data-placement="bottom" data-original-title="" title="">
    <i class="far fa-moon"></i>
  </a>
</li>
<li>
 <a href="/api">
  <i class="fa fa-share-alt"></i>
</a>
</li>
<li>
 <a href="/tickets">
  <i class="fas fa-ticket-alt"></i>
</a>
</li>
<li>
 <a href="#">
  <i class="fa fa-lightbulb"></i>
</a>
</li>

</ul>
<div class="sideBarLogo">
  <a class="navbar-brand" href="/">
    <img class="full-logo" src="{{ site['logo'] }}" alt="Smm World Panel" title="">
    <img class="red-logo" src="https://i.postimg.cc/c4Zx0GGt/tinylogo.png" alt="amzpro.in" title="amzpro.in">
  </a>
</div>                  	
<div class="profileBox">
 <div class="profilePic"><img src="https://i.postimg.cc/L6GCK21j/profile-Pic.png" alt="profile pic" /></div>
 <h4>{{ user["username"] }} </h4>
 <p><img src="//i.imgur.com/65AKxWJ.png" alt="online icon" /> <span>Online</span></p>
</div>
<span class="mob-show">
  <a href="/addfunds">
    <span class="badge blnceBadge">${{ user["balance"] }} <span>+</span></span>
  </a>
</span>
<ul class="sidebar-nav">
  <li class="showOnMobile">
    <a href="/account" data-toggle="tooltip" data-placement="right" title="" data-original-title="Account"><i class="fa fa-user"></i><span class="menu-title">Account</span></a>
  </li>
  <li data-toggle="tooltip" data-placement="right" title="" data-original-title="New order">
    <a href="/"><!-- <img src="https://res.cloudinary.com/dmgunn7ve/image/upload/v1577259042/nav-icons/2/New order.png" alt="New order"> --><i class="navbar-icon fas fa-cart-arrow-down"></i><span class="menu-title">New order</span></a>
  </li>
  <li data-toggle="tooltip" data-placement="right" title="" data-original-title="Subscriptions">
    <a href="/subscriptions"><!-- <img src="https://res.cloudinary.com/dmgunn7ve/image/upload/v1577259042/nav-icons/2/Mass order.png" alt="Mass order"> --><i class="navbar-icon fas fa-cart-plus"></i><span class="menu-title">Auto Order</span></a>
  </li>
  <li data-toggle="tooltip" data-placement="right" title="" data-original-title="Orders">
    <a href="/orders"><!-- <img src="https://res.cloudinary.com/dmgunn7ve/image/upload/v1577259042/nav-icons/2/Orders.png" alt="Orders"> --><i class="navbar-icon fas fa-server"></i><span class="menu-title">Orders</span></a>
  </li>
  
  
          <li data-toggle="tooltip" data-placement="right" title="" data-original-title="Refill">
            <a href="/refill">
            {#<img src="https://res.cloudinary.com/dmgunn7ve/image/upload/v1577259042/nav-icons/2/Refill.png" alt="Refill"> #}
            
            
 
            
            <i class="navbar-icon fas fa-recycle"></i><span class="menu-title">Refill</span></a>
          </li>
  
  
  <li data-toggle="tooltip" data-placement="right" title="" data-original-title="Services">
    <a href="/services"><!-- <img src="https://res.cloudinary.com/dmgunn7ve/image/upload/v1577259042/nav-icons/2/Services.png" alt="Services"> --><i class="navbar-icon fas fa-cogs"></i><span class="menu-title">Services</span></a>
  </li>
  <li data-toggle="tooltip" data-placement="right" title="" data-original-title="Add funds">
    <a href="/addfunds"><!-- <img src="https://res.cloudinary.com/dmgunn7ve/image/upload/v1577259042/nav-icons/2/Add funds.png" alt="Add funds"> --><i class="navbar-icon far fa-credit-card"></i><span class="menu-title">Add funds</span></a>
  </li>
  <li id="tickat"  data-toggle="tooltip" data-placement="right" title="" data-original-title="Tickets">
    <a href="/tickets"><!-- <img src="https://res.cloudinary.com/dmgunn7ve/image/upload/v1577259042/nav-icons/2/Tickets.png" alt="Tickets"> --><i class="navbar-icon fas fa-ticket-alt"></i><span class="menu-title">Tickets</span></a>
  </li>
  <li data-toggle="tooltip" data-placement="right" title="" data-original-title="FAQ">
    <a href="/faq"><!-- <img src="https://res.cloudinary.com/dmgunn7ve/image/upload/v1577259042/nav-icons/2/FAQ.png" alt="FAQ"> --><i class="navbar-icon fas fa-question"></i><span class="menu-title">FAQ</span></a>
  </li>
  <li id="tickat"  data-toggle="tooltip" data-placement="right" title="" data-original-title="Child panels">
    <a href="/child-panels"><!-- <img src="https://i.imgur.com/GVgIeJr.png" alt="Child panels"> --><i class="navbar-icon fas fa-child"></i><span class="menu-title">Child panels</span></a>
  </li>
  <li data-toggle="tooltip" data-placement="right" title="" data-original-title="API">
    <a href="/api"><!-- <img src="https://res.cloudinary.com/dmgunn7ve/image/upload/v1577259042/nav-icons/2/API.png" alt="API"> --><i class="navbar-icon fas fa-share-alt"></i><span class="menu-title">API</span></a>
  </li>
  
  
  <!--
          <li data-toggle="tooltip" data-placement="right" title="" data-original-title="About Us">
            <a href="/about-us"><!-- <img src="https://res.cloudinary.com/dmgunn7ve/image/upload/v1577259042/nav-icons/2/About Us.png" alt="About Us"> -->  
<!--        <i class="navbar-icon fas fa-info-circle"></i><span class="menu-title">About Us</span></a>
          </li>
    -->
    <li data-toggle="tooltip" data-placement="right" title="" data-original-title="Terms">
    <a href="/terms"><!-- <img src="https://res.cloudinary.com/dmgunn7ve/image/upload/v1577259042/nav-icons/2/Terms.png" alt="Terms"> --><i class="navbar-icon fas fa-file-alt"></i><span class="menu-title">Terms</span></a>
  </li>
  
  
  <!--
  <li id="tickat"  data-toggle="tooltip" data-placement="right" title="" data-original-title="Blog & Updates">
    <a href="/blog"><!-- <img src="https://res.cloudinary.com/dmgunn7ve/image/upload/v1577259042/nav-icons/2/Blog.png" alt="Blog & Updates">---- end comment here---<i class="navbar-icon fab fa-blogger-b"></i><span class="menu-title">Blog & Updates</span></a>
  </li>-->
  <li id="tickat"  data-toggle="tooltip" data-placement="right" title="" data-original-title="News">
    <a href="https://app.getbeamer.com/paidpopularityservices/en"><i class="navbar-icon fas fa-bullhorn"></i> <span class="menu-title">News</span></a>
  </li>
</li>
<li class="showOnMobile"><a href="/logout" data-toggle="tooltip" data-placement="right" title="" data-original-title="Logout"><i class="fa fa-sign-out"></i><span class="menu-title">Logout</span></a></li>

</ul>
</div>
</div>
</div>
</nav> 
{% else %}




<body class="not-auth">
  <nav class="navbar navbar-default navbar-static-top ">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="{{ site['url'] }}">
          {% if site["logo"] %}
          <img src="{{ site['logo'] }}" alt="" title="">
          {% else %}
          <a target="_self" href="/" style="color:white;"><span style="text-transform: uppercase"><span style="font-size: 26px"><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>
          {% endif %}
        </a>
        <div class="cta-btn">
          <a href="/tickets"><i class="fas fa-phone-square"></i></a>
        </div>
      </div>
      <div id="navbar" class="collapse navbar-collapse">
        <ul class="nav navbar-nav navbar-right">
          <li>
            <a href="">{{ lang['signin.title'] }}</a>
          </li> 
          <li>
            <a href="signup">{{ lang['signup.title'] }}</a>
          </li>
          <li><a href="/terms" >Terms</a></li>
          {% if servicesPage %}
          <li>
            <a href="services">{{ lang['services.title'] }}</a>
          </li>
          {% endif %}
          <li><a href="/api" >API</a></li>
          
        </div>
      </div>
    </nav>



    
    


    {% endif %}