<!DOCTYPE html>
<html lang="{{site['language']}}">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{{ page['title'] }}</title>
  <meta name="keywords" content="{{ site['seo_key'] }}">
  <meta name="description" content="{{ site['seo_desc'] }}">
  {% 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]-->
  {{ site['custom_header'] }}

  {% for style in site['styles'] %}
    <link rel="stylesheet" type="text/css" href="{{ style['href'] }}">
  {% endfor %}
  
<link rel="stylesheet" type="text/css" href="https://cdn.mypanel.link/css/font-awesome/css/all.min.css">
<link rel="stylesheet" type="text/css" href="/public/holy/cdn.mypanel.link/rgjgfk/adewp92gjyjq59a3.css">
      <link rel="stylesheet" type="text/css" href="/public/holy/cdn.mypanel.link/rgjgfk/i61nnqnmt1c22dzi.css">
      
{% if user['auth'] %}
                <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"/>
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css"/>
      {% else %}
      <link rel="stylesheet" href="/public/holy/res.cloudinary.com/dlcqtguzh/raw/upload/v1617395843/smmduniya/owl.carousel.min_jkdofa.css" />
      <link rel="stylesheet" href="/public/holy/res.cloudinary.com/dlcqtguzh/raw/upload/v1617395820/smmduniya/odometer-theme-default_yefdol.css">
      <link rel="stylesheet" href="/public/holy/res.cloudinary.com/dlcqtguzh/raw/upload/v1617395798/smmduniya/anim_keys_wongeh.css">
      
      
      <link rel="stylesheet" type="text/css" href="/public/holy/cdn.mypanel.link/libs/bootstrap-datetimepicker/4.17.47/bootstrap-datetimepicker.min.css">
      <link rel="stylesheet" type="text/css" href="/public/holy/cdn.mypanel.link/css/font-awesome/css/all.min.css">
          <link rel="stylesheet" href="/public/holy/res.cloudinary.com/dlcqtguzh/raw/upload/v1617395843/smmduniya/owl.carousel.min_jkdofa.css" />
      <link rel="stylesheet" href="/public/holy/res.cloudinary.com/dlcqtguzh/raw/upload/v1617395820/smmduniya/odometer-theme-default_yefdol.css">
      <link rel="stylesheet" href="/public/holy/res.cloudinary.com/dlcqtguzh/raw/upload/v1617395798/smmduniya/anim_keys_wongeh.css">
      {% endif %}
         </head>
{% if user['auth'] %}
    <body class="userAuth">
      <div class="main-wrapper">
      <div class="sideBar">
         <a class="navbar-brand" href="/">
        {% if site['logo'] %}
         <img class="desktop-logo" src="{{ site['logo'] }}" alt="{{ site['site_name'] }}" title="{{ site['site_name'] }}">
         {% else %}
         {{ site['site_name'] }}
         {% endif %}
        <img class="mini-logo" src="{{ site['favicon'] }}" alt="{{ site['site_name'] }}" title="{{ site['site_name'] }}" />
         </a>
         <div class="user-info">
            <span><i class="ri-shield-user-fill"></i></span>
            <p>MR.{{ user['username'] }}</p>
         </div>
         <div class="sidebar-container">         
           <ul class="sidebar-nav">
                      <li  class="nav-item  {% if active_menu == "neworder" %} active {% endif %}">
              <a class="nav-link" href="/" >
                <span class="nav-icon"><i class="navbar-icon fas fa-cart-plus"></i></span>                <span class="nav-text">New order</span>
              </a>
            </li>
                      <li  class="nav-item {% if active_menu == "services" %} active {% endif %}">
              <a class="nav-link" href="/services" >
                <span class="nav-icon"><i class="navbar-icon fad fa-bars"></i></span>                <span class="nav-text">Services</span>
              </a>
            </li>
                      <li  class="nav-item {% if active_menu == "orders" %} active {% endif %}">
              <a class="nav-link" href="/orders" >
                <span class="nav-icon"><i class="navbar-icon fas fa-bags-shopping"></i></span>                <span class="nav-text">Orders</span>
              </a>
            </li>
                      <li  class="nav-item {% if active_menu == "addfunds" %} active {% endif %}">
              <a class="nav-link" href="/addfunds" >
                <span class="nav-icon"><i class="navbar-icon fab fa-amazon-pay"></i></span>                <span class="nav-text">Add funds</span>
              </a>
            </li>
                      <li  class="nav-item {% if active_menu == "api" %} active {% endif %}">
              <a class="nav-link" href="/api" >
                <span class="nav-icon"><i class="navbar-icon fas fa-link"></i></span>                Api
              </a>
            </li>
                      <li  class="nav-item {% if active_menu == "tickets" %} active {% endif %}">
              <a class="nav-link" href="/tickets" >
                <span class="nav-icon"><i class="navbar-icon fas fa-ticket-alt"></i></span>                <span class="nav-text">Tickets</span>
              </a>
            </li>
                      <li  class="nav-item {% if active_menu == "terms" %} active {% endif %}">
              <a class="nav-link" href="/terms" >
                <span class="nav-icon"><i class="navbar-icon fad fa-truck"></i></span>                <span class="nav-text">Terms</span>
              </a>
            </li>
                      <li  class="nav-item {% if active_menu == "faq" %} active {% endif %}">
              <a class="nav-link" href="/faq" >
                <span class="nav-icon"><i class="navbar-icon fas fa-bell-on"></i></span>                FAQ
              </a>
            </li>
                         
            </ul>
         </div>
         <div class="sidebar-toggler">
            <i class="fal fa-ellipsis-v"></i>
         </div>
      </div>
      <div class="pageContentWrap">
      <nav class="navbar navbar-expand-md">
         <div class="container-fluid">
            <a class="navbar-brand show-xs" href="/">
                {% if site['logo'] %}
            <img src="{{ site['logo'] }}" alt="{{ site['site_name'] }}" title="{{ site['site_name'] }}">
            {% else %}
            {{ site['site_name'] }}
            {% endif %}
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-toggle" aria-controls="navbar-toggle" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
            </button>            
            <div class="collapse navbar-collapse" id="navbar-toggle">
               <ul class="navbar-nav mr-auto show-xs">
                    <li  class="nav-item  {% if active_menu == "neworder" %} active {% endif %}">
              <a class="nav-link" href="/" >
                <span class="nav-icon"><i class="navbar-icon fas fa-cart-plus"></i></span>                New order
              </a>
            </li>
                      <li  class="nav-item {% if active_menu == "services" %} active {% endif %}">
              <a class="nav-link" href="/services" >
                <span class="nav-icon"><i class="navbar-icon fad fa-bars"></i></span>                Services
              </a>
            </li>
                      <li  class="nav-item {% if active_menu == "orders" %} active {% endif %}">
              <a class="nav-link" href="/orders" >
                <span class="nav-icon"><i class="navbar-icon fas fa-bags-shopping"></i></span>                Orders
              </a>
            </li>
                      <li  class="nav-item {% if active_menu == "addfunds" %} active {% endif %}">
              <a class="nav-link" href="/addfunds" >
                <span class="nav-icon"><i class="navbar-icon fab fa-amazon-pay"></i></span>                Add funds
              </a>
            </li>
                      <li  class="nav-item {% if active_menu == "api" %} active {% endif %}">
              <a class="nav-link" href="/api" >
                <span class="nav-icon"><i class="navbar-icon fas fa-link"></i></span>                Api
              </a>
            </li>
                      <li  class="nav-item {% if active_menu == "tickets" %} active {% endif %}">
              <a class="nav-link" href="/tickets" >
                <span class="nav-icon"><i class="navbar-icon fas fa-ticket-alt"></i></span>                Tickets
              </a>
            </li>
                      <li  class="nav-item {% if active_menu == "terms" %} active {% endif %}">
              <a class="nav-link" href="/terms" >
                <span class="nav-icon"><i class="navbar-icon fad fa-truck"></i></span>                <span class="nav-text">Terms</span>
              </a>
            </li>
                      <li  class="nav-item {% if active_menu == "faq" %} active {% endif %}">
              <a class="nav-link" href="/faq" >
                <span class="nav-icon"><i class="navbar-icon fas fa-bell-on"></i></span>                FAQ
              </a>
            </li>
            </ul>
               <ul class="navbar-nav ml-auto">
                  <li class="blnc nav-item"><a href="/addfunds"><span>Balance {% if settings['site_currency'] == "TRY" %} 
                    {{ "₺" }}
                {% elseif settings['site_currency'] == "USD" %}
                    {{ "$" }}
          {% elseif settings['site_currency'] == "INR" %}
                    {{ "₹" }}
                {% else %}
                    {{ "€" }}
                {% endif %}- {{ user['balance'] }} <span class="icon"><i class="ri-add-fill"></i></span></span></a></li>
                  <li class="ticketRes nav-item"><a href="/tickets"><span><i class="ri-chat-quote-fill"></i></span></a></li>
                  <li class="modeChanger nav-item"><a href="javascript:void()"><span><i class="ri-moon-clear-line"></i></span></a></li>
                  <li class="nav-item dropdown">
                     <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                     <i class="ri-shield-user-fill"></i>
                     </a>
                     <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="/account ">Account</a>
                        <a class="dropdown-item" href="/logout">Logout</a>
                     </div>
                  </li>
               </ul>
            </div>
            <ul class="navbar-nav ml-auto show-xs">
               <li class="gTranslator nav-item" id="google_translate_element2" style="width: 107px;overflow: hidden;height: 28px;margin-top: 14px;"></li>
               <li class="modeChanger nav-item"><a href="javascript:void()"><span><i class="ri-moon-clear-line"></i></span></a></li>
               <li class="nav-item dropdown">
                  <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  <i class="ri-shield-user-fill"></i>
                  </a>
                  <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                     <a class="dropdown-item" href="/account ">Account</a>
                     <a class="dropdown-item" href="/logout">Logout</a>
                  </div>
               </li>
            </ul>
         </div>
      </nav>
      <div class="innerPage">
         <div class="container-fluid">
            <div class="row blnc-ticket">
               <div class="col-sm-6">
                  <a href="/addfunds">Balance: {% if settings['site_currency'] == "TRY" %} 
                    {{ "₺" }}
                {% elseif settings['site_currency'] == "USD" %}
                    {{ "$" }}
          {% elseif settings['site_currency'] == "INR" %}
                    {{ "₹" }}
                {% else %}
                    {{ "€" }}
                {% endif %}{{ user['balance'] }}</a>
               </div>
               <div class="col-sm-6">
                  <a href="/tickets">Unread Messages:{{ user['unread_ticket'] }}</a>
               </div>
            </div>
         </div>
         {% else %}
         
         
         
         
         
         <body class=" notAuth navBg ">
            <nav class="navbar navbar-expand-md">
               <div class="container">
                  <a class="navbar-brand" href="/">
                  <img src="{{ site['logo'] }}" alt="{{ site['site_name'] }}" title="{{ site['site_name'] }}" style="width:200px;height:80px;">
                  </a>
                  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-toggle" aria-controls="navbar-toggle" aria-expanded="false" aria-label="Toggle navigation">
                  <i class="fal fa-bars"></i>
                  </button>
                  <div class="collapse navbar-collapse" id="navbar-toggle">
                     <ul class="navbar-nav ml-auto">
                      <li class="nav-item {% if active_menu == "neworder" %} active {% endif %}">
              <a class="nav-link" href="/" >
                <i class="navbar-icon fas fa-arrow-alt-circle-right"></i>                Sign in
              </a>
            </li>
                      <li class="nav-item  {% if active_menu == "services" %} active {% endif %}">
              <a class="nav-link" href="/services" >
                <i class="navbar-icon fad fa-bars"></i>                Services
              </a>
            </li>
                      <li class="nav-item {% if active_menu == "api" %} active {% endif %}">
              <a class="nav-link" href="/api" >
                <i class="navbar-icon fas fa-network-wired"></i>                API
              </a>
            </li>
                      <li class="nav-item {% if active_menu == "signup" %} active {% endif %}">
              <a class="nav-link" href="/signup" >
                <i class="navbar-icon fad fa-address-card"></i>                Sign up
              </a>
            </li>
                      <li class="nav-item {% if active_menu == "terms" %} active {% endif %}">
              <a class="nav-link" href="/terms" >
                <i class="navbar-icon fas fa-book"></i>                Terms
              </a>
            </li>
                      <li class="nav-item {% if active_menu == "faq" %} active {% endif %}">
              <a class="nav-link" href="/faq" >
                <i class="navbar-icon fas fa-address-book"></i>                FAQ
              </a>
            </li>
                               </ul>
                  </div>
               </div>
            </nav>
         {% endif %}