<!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/Engaging/bootstrap.css">
      <link rel="stylesheet" type="text/css" href="https://cdn.dreampanel.in/Engaging/Grapes.css">
   
    {{ headerCode }}

  </head>
 
    
</div>
{% if user['auth'] %}
<body class="body ">
<div class="wrapper  wrapper-sidebar-navbar ">
   <div id="block_9" class="component_private_navbar">
    <span class="component_private_navbar ">
      <div class="component-navbar-private__wrapper">
         <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="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-9" aria-controls="navbar-collapse-9" 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-9">
                     <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="/" >
                                                                               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" >
                                                                               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" >
                                                                               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="/addfunds" >
                                                                               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="/api" >
                                                                               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="/subscriptions" >
                                                                               Auto 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="/child-panels" >
                                                                               Child panel
                                                                        </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" >
                                                                               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="/subscriptions" >
                                                                               Auto Order
                                                                        </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 editor__component-wrapper component_private_navbar">
            <div class="component-sidebar__menu-logo">
                                                    <div class="component-navbar-brand component-sidebar__menu-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 component-sidebar__menu-item">
                       <a class="component-sidebar__menu-item-link" href="/" >
                                                      <span class="component-sidebar__menu-item-name">New order</span>
                                                  </a>
                   </li>
                                    <li class="component-sidebar__menu-item ">
                       <a class="component-sidebar__menu-item-link" href="/services" >
                                                      <span class="component-sidebar__menu-item-name">Services</span>
                                                  </a>
                   </li>
                                    <li class="component-sidebar__menu-item ">
                       <a class="component-sidebar__menu-item-link" href="/orders" >
                                                      <span class="component-sidebar__menu-item-name">Orders</span>
                                                  </a>
                   </li>
                                    <li class="component-sidebar__menu-item ">
                       <a class="component-sidebar__menu-item-link" href="/addfunds" >
                                                      <span class="component-sidebar__menu-item-name">Add funds</span>
                                                  </a>
                   </li>
                                    <li class="component-sidebar__menu-item ">
                       <a class="component-sidebar__menu-item-link" href="/api" >
                                                      <span class="component-sidebar__menu-item-name">API</span>
                                                  </a>
                   </li>
                                    <li class="component-sidebar__menu-item ">
                       <a class="component-sidebar__menu-item-link" href="/child-panels" >
                                                      <span class="component-sidebar__menu-item-name">Child panel</span>
                                                  </a>
                   </li>
                                    <li class="component-sidebar__menu-item ">
                       <a class="component-sidebar__menu-item-link" href="/tickets" >
                                                      <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 ">
                       <a class="component-sidebar__menu-item-link" href="/subscriptions" >
                                                      <span class="component-sidebar__menu-item-name">Auto order</span>
                                                  </a>
                   </li>
                            </ul>
         </div>
      </div>
   </span>
</div>

{% else %}









<body class="body ">
<div class="wrapper  wrapper-navbar ">
   <div id="block_10">
    <div class="block-wrapper">
        <div class="component_navbar ">
          <div class="component-navbar__wrapper">
             <div class="sidebar-block__top component-navbar component-navbar__navbar-public 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-10" aria-controls="navbar-collapse-10" 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-10">
                         <div class="component-navbar-collapse-divider"></div>
                                                   <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-active__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="/api" > API</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>
                                                           </ul>
                         </div>
                      </div>
                   </nav>
                </div>
             </div>
          </div>
       </div>
    </div>


{% endif %}