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

  
  <!-- 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 }}
  
   <link rel="stylesheet" type="text/css" href="https://pawansmm.in/1xpanel/ppcdn.mypanel.link/a3vltc/a85jk837rlj8p5ma.css">
					<link rel="stylesheet" type="text/css" href="https://pawansmm.in/1xpanel/ppcdn.mypanel.link/a3vltc/i1wyzpzykd6u2210.css">
	<link rel="stylesheet" type="text/css" href="https://pawansmm.in/1xpanel/ppcdn.mypanel.link/libs/bootstrap-datetimepicker/4.17.47/bootstrap-datetimepicker.min.css">
					<link rel="stylesheet" type="text/css" href="https://pawansmm.in/1xpanel/ppcdn.mypanel.link/css/font-awesome/css/all.min.css">
					<link rel="stylesheet" type="text/css" href="https://pawansmm.in/1xpanel/ppcdn.mypanel.link/global/c3gyq3shygmabbke.css">
		 		<script src="https://pawansmm.in/1xpanel/ppcode.jquery.com/jquery-3.6.0.min.js"></script>
        <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
	</head>
   <body class="dashboard">
      <script>
         if (localStorage.getItem("darkMode") == null) {
             localStorage.setItem("darkMode", true);
             document.body.classList.add("dark");
         }
         else if (JSON.parse(localStorage.getItem('darkMode'))) {
             document.body.classList.add("dark");
             document.addEventListener("DOMContentLoaded", function() {
                 document.querySelector('#switch-theme-input').checked = true;
             });
         }
      </script>

      <header class="d-flex align-items-center px-xl-7 px-4 py-3">
        <button class="close-sidebar js-close-sidebar" style="display: block !important;">
            <i class="ri-arrow-right-s-line"></i>
        </button>
		<div class="header-msg">
							<h6 class="header-title">{{ title }}</h6>
			        </div>
         <div class="navbar ms-auto">

            <div class="nav-item currencyItem toggle-item ms-auto">
               <button class="toggle-head nav-link basket-drawer-toggle">
					<i class="ri-alert-line"></i>
                 	<span id="sepetsayi" style="display: none;"></span>
               </button>
            </div>
                       <div class="nav-item currencyItem toggle-item">
               <button class="toggle-head nav-link">
               		<i class="ri-earth-line"></i>
               </button>
               <div class="toggle-body" >
                  <div class="top d-flex align-items-center justify-content-between mb-3">
                     <div class="toggle-title ms-3">Language</div>
                  </div>
                  <div class="currencyList" id="currencies-list">
				                         {% for lang in site['languages'] %}
				                         <li class="item d-flex align-items-center justify-content-start p-3 position-relative"> 
              <a  class="component-navbar-nav-link  item-title mb-1 d-flex align-items-center justify-content-between " 
              href="#" onclick="changeLang('{{lang['code']}}')" >{{lang['name']}}</a></li>  {% endfor %}
					                   
					                  </div>
               </div>
            </div>
                       
                       <div class="nav-item currencyItem toggle-item">
               <button class="toggle-head nav-link">
               		<i class="ri-swap-line"></i>
               </button>
               <div class="toggle-body" >
                  <div class="top d-flex align-items-center justify-content-between mb-3">
                     <div class="toggle-title ms-3">Currency</div>
                  </div>
                  <div class="currencyList" id="currencies-list">
                       {% for curr in currencies %}
				                         <li class="item d-flex align-items-center justify-content-start p-3 position-relative"> 
              <a  class="component-navbar-nav-link  item-title mb-1 d-flex align-items-center justify-content-between " 
              href="/account/currency_preferred/{{ curr["id"]}}"> {{ curr["symbol"]}} {{ curr["name"]}}</a></li>    {% endfor %}
					                 
					                  </div>
               </div>
            </div>
                      
            <div class="nav-item user-item toggle-item me-2">
               <div class="toggle-head nav-link">
                  <span>
                     <img style="margin-top: -10px" src="https://www.transparentpng.com/thumb/user/gray-user-profile-icon-png-fP8Q1P.png" width="20px">
                  </span>
                  <span class="onlineDot"></span>
               </div>
               <div class="toggle-body">
                 <div class="nav d-flex align-items-center">
                   <span>
     			   		<a style="border-bottom: 0; height: auto" href="/addfunds">Add funds</a>
                   </span>
                   <span>
                  		 <i class="ri-checkbox-circle-line"></i>
                  		 <i class="ri-checkbox-circle-fill"></i>
                   </span>
                 </div>
                  <div class="nav">
                     <a class="item" role="button" href="/tickets">Support</a>
                  </div>
                  <div class="nav">
                     <a class="item" role="button" href="/account">Account</a>
                  </div>
                  <div class="nav">
                     <a class="item logout" role="button" href="/logout"><i class="ri-shut-down-line pe-2"></i> Logout</a>
                  </div>
               </div>
            </div>
         </div>
      </header>
      <aside class="sidebar passive d-flex flex-column position-fixed flex-nowrap p-1 pt-4">
         <div class="d-flex sidebar-top justify-content-center align-items-center mb-3 w-100">
            <a class="logo flex-shrink-0" href="/">
				<h3 style="margin-top:0.7rem;">Narcissa</h3>
            </a>
            <button class="close-sidebar js-close-sidebar d-block d-md-none">
				<i class="ri-close-line"></i>
            </button>
         </div>
         
               <div class="nav nav-pills mb-auto mt-5 menu" >
                  					<div  class="nav-item mb-2 active" >
                        <a href="/"  class="nav-link d-flex align-items-center p-3 active"   >
                                                     <i class="ri-home-line"></i>
                                                     <span class="menu-text">New order</span>
                        </a>
                     </div>
                  					<div  class="nav-item mb-2" >
                        <a href="/massorder"  class="nav-link d-flex align-items-center p-3"   >
                                                     <i class="ri-shopping-basket-2-line"></i>
                                                     <span class="menu-text">Mass order</span>
                        </a>
                     </div>
                  					<div  class="nav-item mb-2" >
                        <a href="/addfunds"  class="nav-link d-flex align-items-center p-3"   >
                                                     <i class="ri-money-dollar-circle-line"></i>
                                                     <span class="menu-text">Add funds</span>
                        </a>
                     </div>
                  					<div  class="nav-item mb-2" >
                        <a href="/services"  class="nav-link d-flex align-items-center p-3"   >
                                                     <i class="ri-file-list-3-line"></i>
                                                     <span class="menu-text">Services</span>
                        </a>
                     </div>
                  					<div  class="nav-item mb-2" >
                        <a href="/orders"  class="nav-link d-flex align-items-center p-3"   >
                                                     <i class="ri-archive-line"></i>
                                                     <span class="menu-text">Orders</span>
                        </a>
                     </div>
                  					<div  class="nav-item mb-2" >
                        <a href="/tickets"  class="nav-link d-flex align-items-center p-3"   >
                                                      <i class="ri-chat-1-line"></i>
                                                     <span class="menu-text">Tickets</span>
                        </a>
                     </div>
                  					<div  class="nav-item mb-2" >
                        <a href="/api"  class="nav-link d-flex align-items-center p-3"   >
                                                     <i class="ri-code-box-line"></i>
                                                     <span class="menu-text">API</span>
                        </a>
                     </div>
                     
                     	<div  class="nav-item mb-2" >
                        <a href="/faq"  class="nav-link d-flex align-items-center p-3"   >
                                                     <i class="ri-code-box-line"></i>
                                                     <span class="menu-text">F.A.Q</span>
                        </a>
                     </div>
                  					
                   
               </div>
		 
		 
         <div class="border-top bottom pt-4">
            <input id="switch-theme-input" type="checkbox">
            <label class="switch-theme js-theme-switch d-flex" for="switch-theme-input">
               <div class="mode-light d-flex flex-fill align-items-center justify-content-center">
                  <div class="theme-icon">
                     <i class="ri-contrast-2-line"></i>
                  </div>
                  <div class="theme-text">Light</div>
               </div>
               <div class="mode-dark d-flex flex-fill align-items-center justify-content-center">
                  <div class="theme-icon">
                     <i class="ri-contrast-2-fill"></i>
                  </div>
                  <div class="theme-text">Dark</div>
               </div>
            </label>
         </div>
      </aside>

	<div class="basket-overlay"></div>
	<div class="basket-drawer">
	  <div class="drawer-header">
		  <h3 class="drawer-header-title">Announcements</h3>
		<div class="basket-header-close">
		  <i class="ri-close-line"></i>
		</div>
	  </div>
	{% for new in news %}

<div class="new-order__content-text" style="margin-bottom:0;">
<ul style="max-height:350px; overflow:auto;" class="list-group ">
<li class="list-group-item d-flex 	">
	<tr>
	    <div class="annouce_icon">
<img width="30" class="mr-1" src="/img/icons/{{ new['news_icon'] }}.png">
</div>
	    
	    <div class="announce_title">
<b>{{ new['news_title'] }}</b>Â 
<p> {{ new['news_content'] }}</p>
</div>

<div style="" class="pull-right announce_time ">
Â Â {{ new['news_date'] }}
</div>
{% endfor %}
</li>
</ul>
</li>
</div>
	</div>        
		
	
	
	
	
	
	
	
	
	<script>


 $('.langs-btn').hover(function(){
    $('.langs-btn-content').toggle();
  });
  
    $('.currency-btn').hover(function(){
    $('.currency-btn-content').toggle();
  });
  
  
 function changeLang(newLang){
        $.ajax
        ({ 
            url: '/account/change_lang/',
            data: {lang: newLang},
            type: 'post',
            success: function(result)
            {
                
               location.href  = "";
            }
        });
    }
    
    var wavesurfer = WaveSurfer.create({
    container: '#waveform',
    waveColor: 'violet',
    progressColor: 'purple',
    mediaControls:true
});
wavesurfer.load('{{settings['music_url']}}');

wavesurfer.on('ready', wavesurfer.play.bind(wavesurfer));


</script>
		 
          
          
  
 <style>
 .body .modal .modal-content {
    background: #fff;
    color: black;
}

.modal-header h5 {
    color: black;
}
.modal-footer a {
    color: #fff;
}
.modal-header{
 border-bottom: none;
}
.modal-footer{
 border-top: none;
}
 </style>
 {# <!-----notification popup---------> #}
{% for pop in popupNotif %}
{% if pop["title"] %}
<div class="modal fade" popIds="{{ popupNotif["notifIds"] }}"  id="notificationModal_{{ loop.index }}" tabindex="-1" aria-labelledby="notificationModalLabel_{{ loop.index }}" aria-hidden="true" data-keyboard="false" data-backdrop="static">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="notificationModalLabel">{{ pop["title"] }}</h5>
        <button type="button" class="close" data-dismiss="modal"  data-toggle="modal" data-target="#notificationModal_{{ loop.index+1 }}" aria-label="Close">
          <span aria-hidden="true">Ã—</span>
        </button>
      </div>
      <div class="modal-body">
               {{ pop["description"]|replace({"\n": "<br />"})  }}
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-actions" style="background:#;" data-dismiss="modal" data-toggle="modal" data-target="#notificationModal_{{ loop.index+1 }}">Close</button>
        {% if pop["action_link"] %}
        <a href="{{ pop["action_link"] }}" target="_blank" type="button" class="btn btn-actions">{% if(pop["action_text"] is empty) %} Click Here {% else %}{{ pop["action_text"] }}{% endif %}</a>
        {% endif %}
      </div>
    </div>
  </div>
</div>



{% endif %}
 {% endfor %}
