
 <!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>{{ title }}</title>
  <meta name="keywords" content="{{ keywords }}">
  <meta name="description" content="{{ 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]-->
  
   {{ headerCode }}
   {{ footerCode }}

    <!-- 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]-->
    <script>
	var beamer_config = {
		product_id: "eObVkOuO25287" //DO NOT CHANGE: This is your product code on Beamer
	};
</script>

<meta name="google-site-verification" content="ho0rjry-5k2Wb8dV-e3RkNepcEfAeepiYIi4iLI38rE" />

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-148737859-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function tag(){dataLayer.push(arguments);}
  tag('js', new Date());
</script>

<script src="https://browser.sentry-cdn.com/5.6.2/bundle.min.js" integrity="sha384-H4chu/XQ3ztniOYTpWo+kwec6yx3KQutpNkHiKyeY05XCZwCSap7KSwahg16pzJo" crossorigin="anonymous"></script>

<script>Sentry.init({ dsn: 'https://294a44a1147a468c88270ee2dd6ecde9@sentry.io/4504813329711104' });</script>

<meta name="google-site-verification" content="hEu4YaXLAmXC3GiDAubEhTzBlpGdG9XSuIzsdaN11Uk" />

<!-- PushAlert -->
<script type="text/javascript">
        (function(d, t) {
                var g = d.createElement(t),
                s = d.getElementsByTagName(t)[0];
                g.src = "https://cdn.pushalert.co/integrate_f2e5027c8cab2540d7b4d69f737b55ab.js";
                s.parentNode.insertBefore(g, s);
        }(document, "script"));
</script>
<!-- End PushAlert -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Material+Icons&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&&display=swap" rel="stylesheet">
	        <link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/9f0c73/1ct78rrr58euygdm.css">
        <link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/9f0c73/qlkc80tro3weymik.css">
        <link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/libs/bootstrap-datetimepicker/4.17.47/bootstrap-datetimepicker.min.css">
        <link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/css/font-awesome/css/all.min.css">
        <link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/global/p2cyrrx43gji3ayu.css">
        <link rel="stylesheet" type="text/css" href="https://storage.perfectcdn.com/global/a37aujlswm9sjdso.css">
      </head>
      
      
      
      
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-16703617279">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-16703617279');
</script>
 <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>New order</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
        <link rel="shortcut icon" type="image/ico" href="https://storage.perfectcdn.com/9f0c73/kik86zslte9726aq.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]-->
   
      
      {% if user['auth'] %}
  <body class="auth  nightmode ">
        <div class="wrapper">
      <div class="inner-wrapper">
        <div class="sidebar-wrap">
          <ul class="sidebar-nav">
            <li class="active user">
              <a href="/">
                <i class="far fa-user"></i>
              </a>
              <span class="_user">{{ user["username"]  }}</span>
              <span class="_bal"> {{ currency["symbol"]  }} {{ (user["balance"]*currency["value"]) |round(2, 'floor') }}</span>
            </li>
             <li class="toggle-btn">
              <label class="switch">
                <input type="checkbox" checked id="menu-switch">
                <span class="slider round"></span>
              </label>
            </li> 
                       
                        <li  class="active" >
              <a href="/" >
                                <i class="navbar-icon fas fa-cart-arrow-down"></i>
                                <span class="menu-txt">New order</span>
              </a>
            </li>
                        <li >
              <a href="/massorder" >
                                <i class="navbar-icon fas fa-align-left"></i>
                                <span class="menu-txt">Mass order</span>
              </a>
            </li>
                        <li >
              <a href="/services" >
                                <i class="navbar-icon fas fa-server"></i>
                                <span class="menu-txt">Services</span>
              </a>
            </li>
                        <li >
              <a href="/tickets" >
                                <i class="navbar-icon fas fa-hands-helping"></i>
                                <span class="menu-txt">Tickets</span>
              </a>
            </li>
                        <li >
              <a href="/addfunds" >
                                <i class="navbar-icon fas fa-dollar-sign"></i>
                                <span class="menu-txt">Add funds</span>
              </a>
            </li>
                        <li >
              <a href="/orders" >
                                <i class="navbar-icon fas fa-box-open"></i>
                                <span class="menu-txt">Orders</span>
              </a>
            </li>
                        <li >
              <a href="/api" >
                                <i class="navbar-icon fas fa-bezier-curve"></i>
                                <span class="menu-txt">API</span>
              </a>
            </li>
                        <li >
              <a href="/child-panels" >
                                <i class="navbar-icon fab fa-buysellads"></i>
                                <span class="menu-txt">Buy Child Panel</span>
              </a>
            </li>
                       
                        <li >
              <a href="/terms" >
                                <i class="navbar-icon fas fa-file-signature"></i>
                                <span class="menu-txt">Terms</span>
              </a>
            </li>
                        <li >
              <a href="/contactus" >
                                <i class="navbar-icon fas fa-phone-volume"></i>
                                <span class="menu-txt">Contact Us</span>
              </a>
            </li>
                        <li >
              <a href="/affiliates" >
                                <i class="navbar-icon fas fa-bezier-curve"></i>
                                <span class="menu-txt">Affiliates</span>
              </a>
            </li>
                        <li >
              <a href="/account" >
                                <i class="navbar-icon fas fa-wrench"></i>
                                <span class="menu-txt">Account Settings</span>
              </a>
            </li>
                      </ul>
        </div>
        <div class="page-content">
          <nav class="navbar navbar-default navbar-inverse navbar-static-top ">
            <div class="container-fluid">
              <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="/">
                                    <img src="{{ site['logo'] }}" alt="MyPerfectPanel" title=" MyPerfectPanel ">
                                  </a>
              </div>
              <div id="navbar" class="collapse navbar-collapse">
                <ul class="nav navbar-nav navbar-left-block">
                                
                                    <li  class="active" >
                    <a href="/" >
                                            <i class="navbar-icon fas fa-cart-arrow-down"></i>
                                            New order
                    </a>
                  </li>
                                    <li >
                    <a href="/massorder" >
                                            <i class="navbar-icon fas fa-align-left"></i>
                                            Mass order
                    </a>
                  </li>
                                    <li >
                    <a href="/services" >
                                            <i class="navbar-icon fas fa-server"></i>
                                            Services
                    </a>
                  </li>
                                    <li >
                    <a href="/tickets" >
                                            <i class="navbar-icon fas fa-hands-helping"></i>
                                            Tickets
                    </a>
                  </li>
                                    <li >
                    <a href="/addfunds" >
                                            <i class="navbar-icon fas fa-dollar-sign"></i>
                                            Add funds
                    </a>
                  </li>
                                    <li >
                    <a href="/orders" >
                                            <i class="navbar-icon fas fa-box-open"></i>
                                            Orders
                    </a>
                  </li>
                                    <li >
                    <a href="/api" >
                                            <i class="navbar-icon fas fa-bezier-curve"></i>
                                            API
                    </a>
                  </li>
                                    <li >
                    <a href="/child-panel" >
                                            <i class="navbar-icon fab fa-buysellads"></i>
                                            Buy Child Panel
                    </a>
                  </li>
                                  
                                    <li >
                    <a href="/terms" >
                                            <i class="navbar-icon fas fa-file-signature"></i>
                                            Terms
                    </a>
                  </li>
                                    <li >
                    <a href="/contactus" >
                                            <i class="navbar-icon fas fa-phone-volume"></i>
                                            Contact Us
                    </a>
                  </li>
                                    <li >
                    <a href="/affiliates" >
                                            <i class="navbar-icon fas fa-bezier-curve"></i>
                                            Affiliates
                    </a>
                  </li>
                                    <li >
                    <a href="/account" >
                                            <i class="navbar-icon fas fa-wrench"></i>
                                            Account Settings
                    </a>
                  </li>
                                  </ul>
                <ul class="nav navbar-nav navbar-right navbar-right-block">
                                                                                          <li class="dropdown dropdown-currencies addfund-btn">
                    <a class="dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      <span class="addfund-btn-txt">$0</span>
                      <span class="addfund-btn-icon"><i class="fas fa-sync"></i></span>
                    </a>
                    <ul class="dropdown-menu support" id="currencies-list">
                                          {% for curr in site['currencies'] %} 
<li class="balance-dropdown__item">
<a href="/cur?cur={{curr['id']}}" class="currencies-item balance-dropdown__link" data-rate-key="{{curr['name']}}" data-rate-symbol="{{curr['symbol']}}">{{curr['name']}} {{curr['symbol']}}</a></li>
{% endfor %}
                                          </ul>
                  
                                                                                                                                                <li class="addfund-btn">
                    <a href="/addfunds">
                      <span class="addfund-btn-txt">Add Funds</span>
                      <span class="addfund-btn-icon">+</span>
                    </a>
                  </li>
                  <li class="right-nav-btn">
                    <a href="javascript:toggleMode()">
                    	<i class="fas fa-moon"></i>
                    </a>
                  </li>
                  <li class="right-nav-btn">
                    <a href="/account">
                    	<i class="fas fa-cog"></i>
                    </a>
                  </li>
                  <li class="right-nav-btn">
                    <a href="/logout">
                    	<i class="fal fa-sign-out"></i>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </nav>
          <div class="container-fluid">
            <div class="row bread-row">
              <div class="col-sm-12">
                <p class="bread-txt"><a href="/">Home /</a> New order </p>
              </div>
            </div>
          </div>
          
         
         
      
{% else %}
      
      
         
         
         <!-- Without Login Page By Rahul Bhai & MyPerfectPanel.com-->
         
         <body class="guest">
        <nav class="navbar navbar-default navbar-inverse 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="/">
                        <img src="{{ site['logo'] }}" alt="MyPerfectPanel.com" title="">
                      </a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li  class="active" >
              <a href="/" >
                                <i class="navbar-icon fas fa-user-check"></i>
                                Sign in
              </a>
            </li>
                        <li >
              <a href="/services" >
                                <i class="navbar-icon fas fa-server"></i>
                                Services
              </a>
            </li>
                       
                        <li >
              <a href="/contactus" >
                                <i class="navbar-icon fas fa-phone-square"></i>
                                Contact Us
              </a>
            </li>
                       
                        <li >
              <a href="/api" >
                                <i class="navbar-icon fad fa-network-wired"></i>
                                API
              </a>
            </li>
                        <li >
              <a href="/signup" >
                                <i class="navbar-icon far fa-address-book"></i>
                                Sign up
              </a>
            </li>
                      </ul>
        </div>
      </div>
    </nav>  
    
    {% endif %}
    
   
    
    <!-- end by Rahul Bhai & MyPerfectPanel.com -->
         
         
         
         
          
         
         
         
         
         
         
         
         
         
         
         
         
        