<!---------   
=== Theme Author : Evan Ahmed EMon
=== Theme Designed By: TWG
=== Contact Whatsapp: +8801864614704
 ----------->  
 
<!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 %}" />
<meta name="google-site-verification" content="{{ site['google_verification'] }}" />
			
{% if site['meta_logo'] %}
        <meta property="og:image" itemprop="image" content="{{ site['meta_logo'] }}">
    {% endif %}			
{% if site['favicon'] %}
    <link rel="shortcut icon" type="image/ico" href="{{ site['favicon'] }}"/>
    <link rel="icon" type="image/png" sizes="192x192" href="{{ site['favicon'] }}"/>
    <link rel="icon" type="image/png" sizes="512x512" href="{{ site['favicon'] }}"/>
    <link rel="icon" type="image/png" sizes="32x32" href="{{ site['favicon'] }}"/>
    <link rel="icon" type="image/png" sizes="16x16" href="{{ site['favicon'] }}"/>
    <link rel="apple-touch-icon" href="{{ site['favicon'] }}"/>
{% endif %}



         <script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
         
	     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.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.mypanel.link/libs/bootstrap-datetimepicker/4.17.47/bootstrap-datetimepicker.min.css">
	 	 
	 	 <link rel="stylesheet" type="text/css" href="{{ site["url"] }}/assets/cj7/custom.css">
	 	 <link rel="stylesheet" type="text/css" href="{{ site["url"] }}/assets/cj7gone/gen/mbdesmezapxmafud.css">
	 	 <link rel="stylesheet" type="text/css" href="{{ site["url"] }}/assets/cj7gone/gen/z2sjk9wo7nudoaj5.css">
	 	 <link rel="stylesheet" type="text/css" href="{{ site["url"] }}/assets/cj7gone/gen/tp2jssyocan4ndm1.css">
	 	 <link rel="stylesheet" type="text/css" href="{{ site["url"] }}/assets/cj7gone/gen/4g3dwcb2uecqmocp_ekquzu.css">
	 	 <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.0/sweetalert.min.js"></script>

	<style>
	    
	    .particle-snow{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;pointer-events:none}.particle-snow canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.christmas-garland{text-align:center;white-space:nowrap;overflow:hidden;position:absolute;z-index:1;padding:0;pointer-events:none;width:100%;height:85px}.christmas-garland .christmas-garland__item{position:relative;width:28px;height:28px;border-radius:50%;display:inline-block;margin-left:20px}.christmas-garland .christmas-garland__item .shape{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:flash-1;animation-name:flash-1;-webkit-animation-duration:2s;animation-duration:2s}.christmas-garland .christmas-garland__item .apple{width:22px;height:22px;border-radius:50%;margin-left:auto;margin-right:auto;margin-top:8px}.christmas-garland .christmas-garland__item .pear{width:12px;height:28px;border-radius:50%;margin-left:auto;margin-right:auto;margin-top:6px}.christmas-garland .christmas-garland__item:nth-child(2n+1) .shape{-webkit-animation-name:flash-2;animation-name:flash-2;-webkit-animation-duration:.4s;animation-duration:.4s}.christmas-garland .christmas-garland__item:nth-child(4n+2) .shape{-webkit-animation-name:flash-3;animation-name:flash-3;-webkit-animation-duration:1.1s;animation-duration:1.1s}.christmas-garland .christmas-garland__item:nth-child(odd) .shape{-webkit-animation-duration:1.8s;animation-duration:1.8s}.christmas-garland .christmas-garland__item:nth-child(3n+1) .shape{-webkit-animation-duration:1.4s;animation-duration:1.4s}.christmas-garland .christmas-garland__item:before{content:"";position:absolute;background:#222;width:10px;height:10px;border-radius:3px;top:-1px;left:9px}.christmas-garland .christmas-garland__item:after{content:"";top:-9px;left:14px;position:absolute;width:52px;height:18px;border-bottom:solid #222 2px;border-radius:50%}.christmas-garland .christmas-garland__item:last-child:after{content:none}.christmas-garland .christmas-garland__item:first-child{margin-left:-40px}

	    
	</style> 	 
	 	 
	 <style>
	     /* Dropdown container styling */
.balance-dropdown-container {
    position: relative; /* For positioning the dropdown */
    display: inline-block; /* Inline block for better alignment */
}

.balance-dropdown {
    display: flex; /* Flexible layout for alignment */
    align-items: center; /* Vertically align items */
    justify-content: center; /* Center the content */
    cursor: pointer; /* Pointer cursor for clickable element */
}

.balance-dropdown__name {
    font-size: 20px; /* Font size for the icon */
    color: #007bff; /* Blue color for the icon */
    padding: 10px; /* Padding around the icon */
    background-color: #f8f9fa; /* Light background */
    border-radius: 4px; /* Square with slightly rounded corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    transition: background-color 0.2s ease, color 0.2s ease; /* Smooth hover effect */
}

.balance-dropdown__name:hover {
    background-color: #007bff; /* Blue background on hover */
    color: #fff; /* White icon color on hover */
}

.balance-dropdown__container {
    background-color: #f8f9fa; /* Light background for the dropdown menu */
    border: 1px solid #ddd; /* Border for separation */
    border-radius: 4px; /* Slightly rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    padding: 10px 0; /* Padding for dropdown items */
    margin-top: 5px; /* Gap from the toggle button */
    position: absolute; /* Positioned relative to the parent */
    top: 100%; /* Below the toggle */
    left: 0; /* Align to the left */
    z-index: 1000; /* Keep it above other elements */
    max-height: 300px; /* Limit height for long lists */
    overflow-y: auto; /* Add scrollbar for lengthy content */
    display: none; /* Hidden by default */
}

/* Show dropdown when parent is clicked */
.balance-dropdown__name:focus + .balance-dropdown__container,
.balance-dropdown__name:hover + .balance-dropdown__container {
    display: block; /* Show dropdown on focus or hover */
}

/* Dropdown items styling */
.balance-dropdown__container li {
    list-style: none; /* Remove bullet points */
    margin: 0; /* Remove default margin */
}

.balance-dropdown__container li a {
    display: block; /* Block display for alignment */
    padding: 10px 15px; /* Add padding for clickable area */
    color: #333; /* Neutral text color */
    text-decoration: none; /* Remove underline */
    font-size: 14px; /* Font size for readability */
    transition: background-color 0.2s ease, color 0.2s ease; /* Smooth hover effect */
}

.balance-dropdown__container li a:hover {
    background-color: #007bff; /* Blue background on hover */
    color: #fff; /* White text on hover */
    border-radius: 4px; /* Slight rounding on hover */
}

/* Ensure responsive behavior */
@media (max-width: 768px) {
    .balance-dropdown__name {
        font-size: 18px; /* Adjust font size for smaller screens */
        padding: 8px; /* Adjust padding */
    }
    .balance-dropdown__container {
        width: 100%; /* Full-width dropdown for smaller screens */
    }
}
	     
	 </style>	 

</head>

{% if user['auth'] %}


 <body  class="dashboard" id="body" >
	 	 <script>
		 if (localStorage.getItem('bigoBdCurrentMode')) {
			 const bodyFire2 = document.getElementById('body');
			 bodyFire2.classList.add('nightmode');
		 }
	 </script>
	 <section id="parentContainer">
		 <div class="sidebar">
			 <div id="closerSidebar">
			 </div>
			 <button class="closeBtn" onclick="toogleSidebar()"><i class="fas fa-times"></i></button>
			 <div class="sidebar_logo">
           
<a target="_self" href="/">{% if site["logo"] %}
<img style="max-width:200px;" src="{{ site['logo'] }}" alt="" title="">
{% else %}<span style="text-transform: "><span style="font-size: 24px"><span style="letter-spacing: 1.0px"><span style="line-height: 120px"><strong style="font-weight: bold">{{ site["site_name"] }}</strong></span></span></span></span>{% endif %}</a>

            </div>
			 <div class="sidebar_user">
				 <div class="user_avtar">
                    <img src="https://cdn.bdrentalhouse.com/assets/w8bfuj83e09palqd.png" class="img-fluid" alt="">
                </div>
                				 <div class="user_info">
					 <div class="balance">{{ user["balance"] }}</div>
					 					 <div class="username">{{ user["username"]  }}</div>
				 </div>
			 </div>
			 <div class="sidebar_menu">

				 				 				 <a  {% if active_menu == "neworder" %} class="menu_item active {% endif %}" class="menu_item"   href="/" >
					 					 <div class="menu_icon"><i class="fas fa-shopping-cart"></i></div>
					 					 <div class="menu_text">New order</div>
				 </a>
				  
				 				 				 <a   {% if active_menu == "massorder" %} class="menu_item active {% endif %}" class="menu_item" href="/massorder" >
					 					 <div class="menu_icon"><i class="fas fa-ambulance"></i></div>
					 					 <div class="menu_text">Mass order</div>
				 </a>
				  
				 				 				 <a  {% if active_menu == "orders" %} class="menu_item active {% endif %}" class="menu_item" href="/orders" >
					 					 <div class="menu_icon"><i class="fas fa-history"></i></div>
					 					 <div class="menu_text">Orders</div>
				 </a>
				  
				 				 				 <a  {% if active_menu == "services" %} class="menu_item active {% endif %}" class="menu_item" href="/services" >
					 					 <div class="menu_icon"><i class="fas fa-server"></i></div>
					 					 <div class="menu_text">Services</div>
				 </a>
				  
				 				 				 <a  {% if active_menu == "addfunds" %} class="menu_item active {% endif %}" class="menu_item" href="/addfunds" >
					 					 <div class="menu_icon"><i class="far fa-credit-card"></i></div>
					 					 <div class="menu_text">Add funds</div>
				 </a>

				 				 				 <a  {% if active_menu == "tickets" %} class="menu_item active {% endif %}" class="menu_item" href="/tickets" >
					 					 <div class="menu_icon"><i class="fas fa-headset"></i></div>
					 					 <div class="menu_text">Support Box</div>
				 </a>
				  
				  
				 <button id="moreMenu" onclick="moreMenuToggle()">
					 <span>More</span> <i class="far fa-arrow-circle-down"></i>
				 </button>
 
				 <div id="moreMenuContainer">
			
					 					 					 					 <a  {% if active_menu == "api" %} class="menu_item active {% endif %}" class="menu_item" href="/api" >
						 						 <div class="menu_icon"><i class="fas fa-code"></i></div>
						 						 <div class="menu_text">API</div>
					 </a>                                                      
					 					 					 					 <a  {% if active_menu == "refer" %} class="menu_item active {% endif %}" class="menu_item" href="/refer" >
						 						 <div class="menu_icon"><i class="fas fa-share-alt"></i></div>
						 						 <div class="menu_text">Affiliates</div>
					 </a>                                                    
					 
					 
					 
					             {% if blogPage %}    
            <a {% if active_menu == "blog" %} class="menu_item active"  {% endif %} class="menu_item" href="/blog">
                <div class="menu_icon"><i class="menu-icon far fa-file-alt"></div> 
                <div class="menu-text">{{ lang['blog.title'] }}</div>
                </a>
            {% endif %}
					 
					 					 					 					 <a  {% if active_menu == "child-panels" %} class="menu_item active {% endif %}" class="menu_item" href="/child-panels" >
						 						 <div class="menu_icon"><i class="fab fa-mailchimp"></i></div>
						 						 <div class="menu_text">Child panel</div>
					 </a>
					 					 					 					 <a  {% if active_menu == "updates" %} class="menu_item active {% endif %}" class="menu_item" href="/updates" >
						 						 <div class="menu_icon"><i class="fas fa-cloud-upload-alt"></i></div>
						 						 <div class="menu_text">Updates</div>
					 </a>
					 					  
				 </div>
			 </div>
		 </div>
		 <div class="parentContent">
			 <div class="backdrop"></div>
			 <div class="top_bar">
				 <div class="top_left">
					 <button id="toggleSidebarBtn" onclick="toogleSidebar()">
						 <i class="far fa-chevron-circle-left onIcon"></i>
						 <i class="fas fa-bars offIcon"></i>
					 </button>
					 <div class="logo_for_phone">
						 <a target="_self" href="/">{% if site["logo"] %}
<img style="max-width:200px;" src="{{ site['logo'] }}" alt="" title="">
{% else %}<span style="text-transform: "><span style="font-size: 24px"><span style="letter-spacing: 1.0px"><span style="line-height: 120px"><strong style="font-weight: bold">{{ site["site_name"] }}</strong></span></span></span></span>{% endif %}</a>

					 </div>
				 </div>
				 <div class="top_right">
					 <button id="toggleModes" onclick="toggleThemeMode()">
						 <i class="far fa-moon" id="moon"></i>
						 <i class="far fa-sun" id="sun"></i>
					 </button>
 
					 <script>
						 if (localStorage.getItem('bigoBdCurrentMode')) {
							 const toggleModes = document.getElementById('toggleModes');
							 toggleModes.classList.toggle('nightmodeActive');
						 }
					 </script>
 {% if site_currency_converter == "1" %}
<div class="balance-dropdown-container component_balance_dropdown">
    <div class="balance-dropdown">
        <div class="balance-dropdown__name balance-dropdown__toggle" data-toggle="dropdown" aria-expanded="false">
          <i class="fas fa-dollar-sign" aria-hidden="true"></i>
        </div>
        <ul class="balance-dropdown__container dropdown-menu" id="currencies-list">
            {{ currencies_dropdown }}
        </ul>
    </div>
</div>
{% else %}

{% endif %}

 
			<div class="dropdown user_top_main">
						 <button class="btn btn-user dropdown-toggle" type="button" data-bs-toggle="dropdown"
							 aria-expanded="false">
							 <img src="https://cdn.bdrentalhouse.com/assets/w8bfuj83e09palqd.png" class="img-fluid img-avatar"
								 alt="">
						 </button>
						 <ul class="dropdown-menu" id="userProMenu">
							 <div class="user_hipe">
								 <div class="user_avatar">
									 <img src="https://cdn.bdrentalhouse.com/assets/w8bfuj83e09palqd.png" class="hipe_avatar"
										 alt="">
								 </div>
								 <div class="user_infos">
									 <p><a href="/account" class="user_name">{{ user["username"]  }}</a></p>
									 <a href="/addfunds" class="user_balance">{{ user["balance"]  }}</a>
								 </div>
							 </div>
							 <div class="linesperator"></div>
							 <li>
								 <a href="/account" class="user_menu"><span class="icon"><i
											 class="fas fa-user-circle"></i></span> Account</a>
							 </li>
 
							 <li>
								 <a href="/addfunds" class="user_menu">
									 <span class="icon"><i class="far fa-credit-card"></i></span> Add Fund
								 </a>
							 </li>
							 <li>
								 <a href="/terms" class="user_menu">
									 <span class="icon"><i class="far fa-clipboard"></i></span> Terms & Conditions
								 </a>
							 </li>
							 <div class="linesperator"></div>
							 <li>
								 <a href="/logout" class="user_menu logout">
									 <span class="icon"><i class="fas fa-sign-out"></i></span> Logout
								 </a>
							 </li>
						 </ul>
					 </div>
				 </div>
			 </div>

{% endif %}

{% if user['auth'] == 0 %}

   <!---------   

=== Theme Author : Evan Ahmed EMon
=== Theme Designed By: TWG
=== Contact Whatsapp: +8801864614704

 -------------> 

	<body  class="new_v2" >
	 			 <header class="sticky-top">
				 <nav class="navbar navbar-expand-lg bg-body-tertiary">
					 <div class="container">
						 <a class="navbar-brand" href="/">
							 <div class="nav-bar-logo">
							 
{% if site["logo"] %}
<img style="max-width:200px;"  src="{{ site['logo'] }}" alt="" title="">
{% else %}<span style="text-transform: "><span style="font-size: 24px"><span style="letter-spacing: 1.0px"><span style="line-height: 50px"><strong style="font-weight: bold">{{ site["site_name"] }}</strong></span></span></span></span>{% endif %}</a>
</div>
						 <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
							 data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
							 aria-expanded="false" aria-label="Toggle navigation">
							 <i class="fas fa-bars"></i>
						 </button>
						 <div class="collapse navbar-collapse" id="navbarSupportedContent">
							 <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
								 								 								 <li class="nav-item">
									 <a {% if active_menu == "/" %} class="nav-link active {% endif %}" class="nav-link   nav-link " aria-current="page"
										 href="/" >
										 										 Login in
									 </a>
								 </li>
								 								 								 								 <li class="nav-item">
									 <a {% if active_menu == "about-us" %} class="nav-link active {% endif %}" class="nav-link " aria-current="page"
										 href="/about-us" >
										 										 About Us
									 </a>
								 </li>
								 								 								 								 <li class="nav-item">
									 <a {% if active_menu == "services" %} class="nav-link active {% endif %}" class="nav-link " aria-current="page"
										 href="/services" >
										 										 Services
									 </a>
								 </li>
								 								 								 					<!----			 <li class="nav-item">
									 <a class="nav-link " aria-current="page"
										 href="/blog" >
										 										 Blog
									 </a>
								 </li>  ------>
								 								 								 						 <li class="nav-item">
									 <a {% if active_menu == "contact-us" %} class="nav-link active {% endif %}" class="nav-link " aria-current="page"
										 href="/contact-us" >
										 										 Contact Us
									 </a>
								 </li>  
								 								 								  
								 								 								 <li class="nav-item signup_btn_wrap">
									 <a class="nav-link signup_btn" href="/signup">Sign Up</a>
								 </li>
							 </ul>
 
						 </div>
					 </div>
				 </nav>
			 </header>


{% endif %}

