<!DOCTYPE html>
<html lang="en">
<head>
  <base href="{{ site['url'] }}/">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>{{ title }}</title>
  <meta name="keywords" content="{{ site['keywords'] }}">
  <meta name="description" content="{{ site['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>
  <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
  <![endif]-->
  
     <link rel="stylesheet" type="text/css" href="/public/heart/acceea/0fgc4ur80h6rg8gg.css">
            <link rel="stylesheet" type="text/css" href="/public/heart/acceea/90zw2zqkzfh9schr.css">
            <link rel="stylesheet" type="text/css" href="/public/heart/libs/bootstrap-datetimepicker/4.17.47/bootstrap-datetimepicker.min.css">
            <link rel="stylesheet" type="text/css" href="/public/heart/css/font-awesome/css/all.min.css">
    
    <link rel="stylesheet" href="/public/heart/css1/owl.carousel.css">
    <link rel="stylesheet" href="/public/heart/css1/owl.theme.css">
    <link rel="stylesheet" href="/public/heart/css1/animate.css">
  
    <link rel="stylesheet" href="/public/heart/css1/bootstrap.min.css">
    <link rel="stylesheet" href="/public/heart/css1/main-style.css">
    <link rel="stylesheet" href="/public/heart/css1/responsive.css">
	<link href="https://materializecss.com/css/ghpages-materialize.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">

   
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="/public/heart/js/bootstrap.min.js"></script>
    <script src="/public/heart/js/owl.carousel.js"></script>
    <script src="/public/heart/js/wow.min.js"></script>
	
    {% for style in styleList %}
      <link rel="stylesheet" type="text/css" href="{{ style }}">
    {% endfor %}
    
    {{ headerCode }}

  </head>
  
{% if site['snow'] == 2 %}
  
 <style>
    
	
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}
/* Demo Purpose Only*/
.demo {
  font-family: 'Raleway', sans-serif;
	color:#fff;
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
}
.demo a{
  font-family: 'Raleway', sans-serif;
color: #000;		
}
	
	
	
	</style>
	
	<div class="snowflakes" aria-hidden="true">
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❅
  </div>
</div>

{% endif %}
  <style>
  
  .navbar-brand{
  margin: 14px;
  
  }
  
  
  </style>
<body>
{% if user['auth'] %}
 <body class="dashboardPage">

  <!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <!-- Brand and toggle get grouped for better mobile display -->


						<a class="navbar-brand" href="{{ site['url'] }}">
          {% if site["logo"] %}
            <img src="{{ site['logo'] }}" alt="" title="">
          {% else %}
            {{ site["site_name"] }}
          {% endif %}
        </a>
    <a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </a>
    <!-- /.navbar-collapse -->
</nav>
<div id="wrapper" class="toggled">
    <style>
        .tab-content > .active {
            overflow: visible;
        }

        select.inputfeild {
            height: 50px !important;
        }
    </style>
    <nav class="navbar navbar-inverse" role="navigation">
        <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
       
      <div class="collapse navbar-collapse navbar-ex1-collapse">
            <div id="sidebar-wrapper">
                <ul class="nav navbar-nav side-nav">
                    <li>
                        <ul class="ulprofile">
                            <li class="profile">
                               
                            </li>
                            <li class="price">
                                <a href="/addfunds">
                                    <div class="pricestyle">
                                        {% if settings['site_currency'] == "TRY" %}{{ "₺" }}{% elseif settings['site_currency'] == "USD" %}{{ "$" }}{% elseif settings['site_currency'] == "INR" %}{{ "₹" }}{% else %}{{ "€" }}{% endif %}{{ user['balance'] }} </div>
                                </a>
                            </li>
                        </ul>
                    </li>
                                            <li {% if active_menu == "neworder" %} class="active" {% endif %}>
                            <a href="/">
                                                                    <i class="fa fa-fw fas fa-pencil-square-o"></i>
                                                                New order</a> 
                        </li>
                                  
                                            <li {% if active_menu == "services" %} class="active" {% endif %}>
                            <a href="/services">
                                                                    <i class="fa fa-fw fas fa-wrench"></i>
                                                                Services</a> 
                        </li>
                                            <li {% if active_menu == "orders" %} class="active" {% endif %}>
                            <a href="/orders">
                                                                    <i class="fa fa-fw fas fa-check-square-o"></i>
                                                                Orders</a> 
                        </li>
                                            <li {% if active_menu == "addfunds" %} class="active" {% endif %}>
                            <a href="/addfunds">
                                                                    <i class="fa fa-fw fas fa-credit-card"></i>
                                                                Add funds</a> 
                        </li>
                                 <li {% if active_menu == "tickets" %} class="active" {% endif %} ><a href="{{ site['url'] }}/tickets"><i class="fa fa-fw fas fa-ticket"></i>{{ lang['tickets.title'] }} {% if ticketCount %} <span class="badge">{{ ticketCount }}</span> {% endif %} </a></li>
                                     {% if site['child'] == 2 %}   <li {% if active_menu == "child" %} class="active" {% endif %} ><a href="{{ site['url'] }}/child"><i class="fa fa-fw fas fa-life-saver"></i>Child Panel</a></li> {% endif %}

                                            <li {% if active_menu == "api" %} class="active" {% endif %}>
                            <a href="/api">
                                                                    <i class="fa fa-fw fas fa-share-alt-square"></i>
                                                                API</a> 
                        </li>
                                            <li {% if active_menu == "terms" %} class="active" {% endif %}>
                            <a href="/terms">
                                                                    <i class="fa fa-fw fas fa-newspaper-o"></i>
                                                                Terms</a> 
                        </li>
                                            <li {% if active_menu == "faq" %} class="active" {% endif %}>
                            <a href="/faq">
                                                                    <i class="fa fa-fw fas fa-question-circle"></i>
                                                                FAQ</a> 
                        </li>
                                 
                                        <li {% if active_menu == "account" %} class="active" {% endif %}>
                        <a href="/account"><i class="fa fa-fw fas fa-user"></i>Account</a>
                    </li>
                    <li>
                        <a href="/logout"><i class="fa fa-fw fas fa-power-off"></i>Log Out</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
{% else %}
   <header>
        <div class="container head-main">
            <div class="row" style="
    margin-bottom: 0px;margin-right: 0;">
                <nav class="navbar navbar-inverse">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
						
				
						<a class="navbar-brand" href="{{ site['url'] }}">
          {% if site["logo"] %}
            <img src="{{ site['logo'] }}" alt="" title="">
          {% else %}
            {{ site["site_name"] }}
          {% endif %}
        </a>
                     
                    </div>
                    <div class="collapse navbar-collapse" id="myNavbar">
                        <ul class="nav navbar-nav navbar-right customeNav">
                                                          <li {% if active_menu == "login" %} class="active" {% endif %}>
          <a href="">{{ lang['signin.title'] }}</a>
        </li> 
        <li {% if active_menu == "signup" %} class="active" {% endif %}>
          <a href="signup">{{ lang['signup.title'] }}</a>
        </li>
        <li {% if active_menu == "terms" %} class="active" {% endif %}><a href="/terms" >Terms</a></li>
        {% if servicesPage %}
        <li {% if active_menu == "services" %} class="active" {% endif %}>
          <a href="services">{{ lang['services.title'] }}</a>
        </li>
        {% endif %}
        <li {% if active_menu == "api" %} class="active" {% endif %}><a href="/api" >API</a></li>
                                                   
                                                    </ul>
                    </div>
                </nav>
            </div>
        </div>
    </header>

{% endif %}