<!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 %}

        
{% for style in styleList %} 
			<link rel="stylesheet" type="text/css" href="{{ style }}">
			 {% endfor %}

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/remixicon@2.2.0/fonts/remixicon.css">
			  
			<link rel="stylesheet" type="text/css" href="https://unpkg.com/swiper@8/swiper-bundle.min.css">
			  
			<link rel="stylesheet" type="text/css" href="https://api.fontshare.com/v2/css?f[]=clash-display@200,400,700,500,600,1,300&display=swap">
			  
			<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap">
			  
			<link rel="stylesheet" type="text/css" href="https://cdn.bdrentalhouse.com/cd7f76/fmhc/zimxbizm7zle2ha6_rvg7zt.css">
			  
			<link rel="stylesheet" type="text/css" href="https://cdn.bdrentalhouse.com/cd7f76/fmhc/custom.css">
			  
			<link rel="stylesheet" type="text/css" href="https://cdn.bdrentalhouse.com/cd7f76/fmhc/bootstrap-datetimepicker.min_gp3q2c.css">
			  
			<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="https://cdn.bdrentalhouse.com/cd7f76/fmhc/xnf0ck2qte5r8wpc_skoh56.css">
			</head>
			{# <!-- Start Trigger Notification  modal -->   #} 
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.3/js.cookie.min.js"></script>    
 <script type="text/javascript" > 
    $("#notificationModal_1").on("hidden.bs.modal", function () { 
     var popIds = $(this).attr('popids'); 
     console.log(this); 
            $.ajax({ 
                type: 'POST', 
                url: 'ajax_data', 
                data: { 'action': "close_popup", 'popIds': popIds }, 
                success: function(data) { 
                   
                  } 
            }); 
}); 
 
 
  
    
    
   $('#notificationModal_1').modal('show'); 
</script> 
{# <!-- End Trigger Notification  modal --> #}
			{% if user['auth'] %}
	<body id="appDashboard">
		        <div class="appAuth">
            <!-- Sidebar -->
            <div class="appSidebar">
                <div class="sbLogo">
                  <a href="/">
                                            <img src="{{ site['logo'] }}" class="sb-logo" alt="" style="width: 150px;" title="">
                        <img src="{{ site['favicon'] }}" class="sb-icon" alt="" style="width: 50px;" title="" >
                                      </a>
                </div>
                <div class="sbUsrWr">
                  <div class="sbUsr">
                    <div class="avtWr">
                      <img src="https://cdn.bdrentalhouse.com/cd7f76/fmhc/3ogsnxfewi4gb00p_yd6rew.png" alt="Avatar">
                    </div>
                    <div class="riWr">
                      <div class="sbName">
                        <span>{{ user["username"]  }}</span>
                        <i class="fas fa-check-circle"></i>
                      </div>
                      <div class="sbFund mb-2">{{ user["balance"] }}</div>
                      <div id="changeCurrency" class="d-block d-sm-block d-md-none d-lg-none">
                                                    <div class="dropdown ">
                              <button class="btn btn-primary dropdown-toggle" role="button" data-bs-toggle="dropdown" id="currencies-listee" aria-haspopup="true" aria-expanded="false">
                                <span>
                                                                      {{ user["balance"] }}
                                                                  </span>
                                <span class="caret"></span>
                              </button>
                              <ul class="dropdown-menu" id="currencies-list">
                                                                      <li class="dropdown-item">
                                      {{ currencies_dropdown }}
                                    </li>
                                                                  </ul>
                            </div>
                                                 </div>
                    </div>
                  </div>
                  
                </div>
                      <div class="sbMenuWr">
                        <ul class="sbMenu">
                                                    <li class="mItem">
                                <a {% if active_menu == "neworder" %} href="/" class="mLink  active" {% endif %} class="mLink" href="/">
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fas fa-shopping-cart"></i>
                                                                            </span>
                                    <span class="mText">
                                        New order
                                    </span>
                                </a>
                            </li>
                                                    <li class="mItem">
                                <a {% if active_menu == "services" %} href="/" class="mLink  active" {% endif %} class="mLink" href="/services">
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fas fa-server"></i>
                                                                            </span>
                                    <span class="mText">
                                        Services
                                    </span>
                                </a>
                            </li>
                                                    <li class="mItem">
                                <a {% if active_menu == "orders" %} href="/" class="mLink  active" {% endif %} class="mLink" href="/orders">
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fas fa-redo"></i>
                                                                            </span>
                                    <span class="mText">
                                        Orders
                                    </span>
                                </a>
                            </li>
                                      <li class="mItem">
                                <a {% if active_menu == "refill" %} href="/" class="mLink  active" {% endif %} class="mLink" href="/refill">
                                    <span class="mIcon">
                                                                                <i class="fas fa-recycle"></i>
                                                                            </span>
                                    <span class="mText">
                                      refill
                                    </span>
                                </a>
                            </li>
                                                    <li class="mItem">
                                <a {% if active_menu == "addfunds" %} href="/" class="mLink  active" {% endif %} class="mLink" href="/addfunds">
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fal fa-credit-card"></i>
                                                                            </span>
                                    <span class="mText">
                                        Add funds
                                    </span>
                                </a>
                            </li>
                                                    <li class="mItem">
                                <a {% if active_menu == "api" %} href="/" class="mLink  active" {% endif %} class="mLink" href="/api">
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fas fa-code"></i>
                                                                            </span>
                                    <span class="mText">
                                        API
                                    </span>
                                </a>
                            </li>
                                                    <li class="mItem">
                                <a {% if active_menu == "affiliates" %} href="/" class="mLink  active" {% endif %} class="mLink" href="/affiliates">
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fad fa-share-alt"></i>
                                                                            </span>
                                    <span class="mText">
                                        Affiliates
                                    </span>
                                </a>
                            </li>
                                                    <li class="mItem">
                                <a {% if active_menu == "child-panels" %} href="/" class="mLink  active" {% endif %} class="mLink" href="/child-panels">
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fas fa-child"></i>
                                                                            </span>
                                    <span class="mText">
                                        Child panel
                                    </span>
                                </a>
                            </li>
                                                    <li class="mItem">
                                <a {% if active_menu == "tickets" %} href="/" class="mLink  active" {% endif %} class="mLink" href="/tickets">
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fas fa-ticket-alt"></i>
                                                                            </span>
                                    <span class="mText">
                                        Tickets
                                    </span>
                                </a>
                            </li>
                                                    <li class="mItem">
                                <a {% if active_menu == "massorder" %} href="/" class="mLink  active" {% endif %} class="mLink" href="/massorder">
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fas fa-align-center"></i>
                                                                            </span>
                                    <span class="mText">
                                        Mass order
                                    </span>
                                </a>
                            </li>
                                                    
                                                    <li class="mItem">
                                <a {% if active_menu == "terms" %} href="/" class="mLink  active" {% endif %} class="mLink" href="/terms">
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fal fa-ballot-check"></i>
                                                                            </span>
                                    <span class="mText">
                                        Terms
                                    </span>
                                </a>
                            </li>
                                                    <li class="mItem">
                                <a {% if active_menu == "updates" %} href="/" class="mLink  active" {% endif %} class="mLink" href="/updates">
                                    <span class="mIcon">
                                                                                <i class="navbar-icon fas fa-cloud"></i>
                                                                            </span>
                                    <span class="mText">
                                        Updates
                                    </span>
                                </a>
                            </li>
                                        <li class="mItem">
                                <a {% if active_menu == "dripfeeds" %} href="/" class="mLink  active" {% endif %} class="mLink" href="/dripfeeds">
                                    <span class="mIcon">
                                                                                <i class="fas fa-fill-drip"></i>
                                                                            </span>
                                    <span class="mText">
                                       dripfeeds
                                    </span>
                                </a>
                            </li>
                                      
                                         <li class="mItem">
                                <a {% if active_menu == "kupon" %} href="/" class="mLink  active" {% endif %} class="mLink" href="/kupon">
                                    <span class="mIcon">
                                                                                               <i class="fab fa-creative-commons-remix"></i>l
                                    <span class="mText">
                                       kupon
                                    </span>
                                </a>
                            </li>
                                                     
                    <!-- If need Show more buttons  -->
                    <!-- <li class="mItem mSMoreItem">
                      <a href="#" class="mSMore">
                        <span class="mText">Show More</span>
          
                        <span class="mIcon"><i class="ri-arrow-down-s-fill"></i></span>
                      </a>
                      <ul class="subMenu">
                        <li class="mItem">
                          <a class="mLink">
                            <span class="mIcon"><i class="ri-dashboard-2-line"></i></span>
                            <span class="mText">Hidden button</span>
                          </a>
                        </li>
                      </ul>
                    </li> -->

                  </ul>
                </div>
            </div>
            <!-- ### Sidebar -->
            <!-- Top Bar -->
            <div class="appHeader">
                <div class="container-fluid">
                        <div class="container-fluid">
                  <button class="menu-btn" onclick="authMenuToggle();">
                    <i class="ri-menu-line"></i>
                    <i class="ri-close-line"></i>
                  </button>

                  

                  <div class="row apHdRw">
                    <div class="col d-none d-md-block">
                      <h2 class="apPgTi">{% if pagetitle %}  {{ pagetitle }}  {% else %} {{ title }} {% endif %} </h2>
                      <p class="apPgTx"></p>
                    </div>

                    <div class="col-auto m-auto">
                      <div class="col-auto">
                        <img src="{{ site['logo'] }}" class="img-fluid mobile__logo" alt="">
                      </div>
                      <div class="btn-group d-none d-sm-none d-md-block">
                                                    <button class="btn btn-danger dropdown-toggle btn-rounded apHdCr" type="button" id="changeCurrencyDd"
                            data-bs-toggle="dropdown" aria-expanded="false">
                              <span>
                                                                  {{ user["balance"] }}
                                                              </span>
                              <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu" id="currencies-list">
                                                                      <li class="dropdown-item">
                                      {{ currencies_dropdown }}
                                    </li>
                                                                  </ul>
                                            </div>
                    </div>
                   
                 <!---    <div class="col-auto ms-auto"> -->
                      <!-- Multi languages -->
                <!---   <div class="dropdown"> 
                                                                  <a href="javascript:void(0)" class="dropdown-toggle btn btn-language" data-bs-toggle="dropdown" role="button" aria-haspopup="true" id="langHome" aria-expanded="false">
                                                    <img src="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/1.0.0/flags/1x1/us.svg" class="lang-icon" alt="">
                                                    <span class="lang-text d-none d-sm-none d-md-block">English</span>
                        </a>
                                                              <ul class="dropdown-menu" aria-labelledby="langHome">
                                              <li >
                          <a  class="dropdown-item  active " href="/en">English</a>
                        </li>
                                          </ul>
                  </div> -->
                  <!-- ### Multi languages -->
                  <!---    </div> -->
                    <div class="col-auto">
                      <div class="btn-group">
                        <button type="button" class="btn dropdown-toggle btn-rounded apHdIt" data-bs-toggle="dropdown" aria-expanded="false">
                          <div class="colIc">
                            <div class="icon avatar">
                              <img src="https://cdn.bdrentalhouse.com/cd7f76/fmhc/3ogsnxfewi4gb00p_yd6rew.png" alt="Avatar">
                            </div>
                          </div>
                          <div class="colTx d-none d-md-block">
                            <div class="title">
                                                              My Profile
                                                          </div>
                            <div class="text">
                                                              See Account
                                                          </div>
                          </div>
                        </button>
                        <ul class="dropdown-menu">
                          <li><a class="dropdown-item" href="/account">
                                                          Account
                                                      </a></li>
                          <li><a class="dropdown-item" href="/api">
                            API
                          </a></li>
                          <li><a class="dropdown-item" href="/addfunds">
                                                          Add Funds
                                                      </a></li>
                          <li>
                            <hr class="dropdown-divider" />
                          </li>
                          <li><a class="dropdown-item danger-color" href="/logout">
                                                          Log out
                                                      </a></li>
                         </ul>
                      </div>
                    </div>

                  </div>
                </div>
              </div>
              </div>
            <!-- ### Top Bar -->
            
            
{% else %}



	<body  >
		          <div class="mobile-header">
            <div class="container">
              <div class="row align-items-center">
                <div class="col">
                  <a href="/">
                                          <img src="{{ site['logo'] }}" class="mobile-logo" style="width: 150px;" alt="">
                                      </a>
                </div>
                <div class="col-auto">
                  <button class="menu-btn" onclick="noAuthMenuToggle();">
                    <i class="ri-menu-line"></i>
                  </button>
                </div>
              </div>
            </div>
          </div>

          <header id="noAuthHeader">
            <button class="close-menu" onclick="noAuthMenuToggle();">
              <i class="ri-close-line"></i>
            </button>
            <div class="container">
              <div class="row align-items-center">
                <div class="col-lg-auto logo_with_lang">
                  <a href="/" class="hdLogoL">
                                          <img src="{{ site['logo'] }}" style="width: 150px;" alt="">
                                      </a>
                  <!-- Multi languages -->
                  <div class="dropdown">
                                                                  <a href="javascript:void(0)" class="dropdown-toggle btn btn-language" data-bs-toggle="dropdown" role="button" aria-haspopup="true" id="langHome" aria-expanded="false">
                                                    <span class="lang-text">English</span>
                        </a>
                                                              <ul class="dropdown-menu" aria-labelledby="langHome">
                                              <li >
                          <a  class="dropdown-item  active " href="/">English</a>
                        </li>
                                          </ul>
                  </div>
                  <!-- ### Multi languages -->
                </div>
            <div class="col-lg">
                  <ul class="hdMn">
                                                                  <li class="hdMnIt">
                          <a {% if active_menu == "auth" %} href="/" class="hdMnLi  active" {% endif %} class="hdMnLi " href="/"> 
                             Home                           </a>
                        </li>
                                                                                        <li class="hdMnIt">
                          <a {% if active_menu == "services" %} href="/services" class="hdMnLi  active" {% endif %} class="hdMnLi " href="/services"> Services</a>
                        </li>
                                                                                        <li class="hdMnIt">
                          <a {% if active_menu == "api" %} href="/api" class="hdMnLi  active" {% endif %} class="hdMnLi " href="/api"> API</a>
                        </li>
                                                                
                                                            </ul>
                </div>
                <div class="col-lg-auto">
                  <a href="/" class="btn btn-login-header btlrh btn-rounded me-3">
                                          Login
                                      </a>
                                    <a href="/signup" class="btn btn-primary btlrh btn-rounded btn-icon">
                                      <span>
                                              Register
                                          </span>
                    <span class="icon icon-circle"><i class="ri-arrow-right-line"></i></span>
                  </a>
                </div>
              </div>
            </div>
          </header>

{% endif %}

<div class="gtranslate_wrapper"></div>
<script>window.gtranslateSettings = {"default_language":"en","native_language_names":true,"detect_browser_language":true,"languages":["en","fr","de","it","es","hi","pa","ar"],"wrapper_selector":".gtranslate_wrapper","flag_style":"3d"}</script>
<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>


<div class="gtranslate_wrapper"></div>
<script>
    window.gtranslateSettings = {
        "default_language": "en",
        "languages": [
            "en", // English
            "ar", // Arabic

        ],
        "wrapper_selector": ".gtranslate_wrapper",
        "flag_style": "3d"
    };
</script>
