{% include 'header.twig' %}

 <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>
            
          <style>

    .totals-block__card {
    display: flex;
}
.totals-block__card-right {
    width: 100%;
}
.totals-block__card-left {
    width: 152px;
    flex-basis: 152px;
    padding-right: 12px;
}
.totals-block__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    margin-left: 20px;
    margin-right: 20px;
}
 
  
  
.guest .navbar-default {
	background-color: #3f00fd;
	border: 0;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
	color: #ffffff;
	background-color: transparent;
}

.guest .trans-nav {
	background-color: transparent;
	border: 0;
	box-shadow: none;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
}
.guest .nav.navbar-nav li a {
	font-size: 16px;
	font-weight: 300;
	border-radius: 100px;
	min-width: 100px;
	text-align: center;
	padding: 11px 0;
	margin: 8px 2.5px;
}
.guest .nav.navbar-nav li.active a, 
.guest .nav.navbar-nav li a:hover,
.guest .nav.navbar-nav li a:focus,
.guest .nav.navbar-nav li.active a:hover {
	background-color: #35c6ff;
	color: #fff;
}

#block_93 {
    position: relative;
    min-height: 10px;
    padding-bottom: 10px;
    padding-top: 0;
}
#block_93 .bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: none;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    opacity: 1;
    filter: blur(0px);
}
#block_93 .bg:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
}
#block_93 .divider-top {
    background-image: none;
    width: 100%;
    position: absolute;
    top: 0px;
    transform: rotateY(180deg);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    background-size: 100% 58px;
    height: 58px;
    z-index: 0;
}
#block_93 .divider-bottom {
    background-image: none;
    width: 100%;
    position: absolute;
    bottom: 0px;
    transform: rotateY(180deg);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    background-size: 100% 58px;
    height: 58px;
    z-index: 0;
}
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


#block_93 .totals-block__card {
    display: flex;
}
#block_93 .totals-block__card-left {
    width: 152px;
    flex-basis: 152px;
    padding-right: 12px;
}

#block_93 .totals-block__icon-preview {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
#block_93 .totals-block__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
}
#block_93 .totals-block__icon-preview {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
#block_93 .totals-block__card-left {
    width: 152px;
    flex-basis: 152px;
    padding-right: 12px;
}
#block_93 .totals-block__card-right {
    width: 100%;
}
#block_93 .totals-block__card {
    display: flex;
}



  
</style>
   <div class="wrapper-content">
    <div class="wrapper-content__header">
          </div>
    <div class="wrapper-content__body">
        
        
   
        
          <div id="block_93">
 
        
        
         <div class="totals ">
    <div class="bg"></div>
    <div class="divider-top"></div>
    <div class="divider-bottom"></div>
    <div class="container-fluid">
      <div class="row align-items-stretch justify-content-center">
                              <div class="col-lg-3 col-md-6 col-sm-12 mb-2 mt-2">
              <div class="card h-100" style="
                                                                                    padding-top: 24px;                                  padding-bottom: 24px;                                                                                                                                                                                                                                  border-left-width: 0px;                                  border-right-width: 0px;                                  border-bottom-width: 0px;                                  border-top-width: 0px;                                                                  border-style: solid; ">
                <div class="totals-block__card">
                                      <div class="totals-block__card-left">
                      <div class="totals-block__icon-preview style-bg-primary-alpha-10 style-border-radius-default style-text-primary" style="
                                                                                                                                                                                                                        ">
                        <img src="https://i.postimg.cc/rFQs3DCk/kf2-gif.gif" height="55px">
                      </div>
                    </div>
                                    <div class="totals-block__card-right">
                    <div class="totals-block__count">
                      <h2 class="totals-block__count-value style-text-primary" style=" font-size: 22px; line-height: 22px; ">
                                                                              {{ user["username"]  }} <img src="https://i.imgur.com/YLalTAd.png" width="20" height="20">
                                                                                                </h2>
                    </div>
                    <div class="totals-block__card-name">
                                              <p>Welcome To    Duke v3 </p>
                                          </div>
                  </div>
                </div>
              </div>
            </div>
                                        <div class="col-lg-3 col-md-6 col-sm-12 mb-2 mt-2">
              <div class="card h-100" style="
                                                                                    padding-top: 24px;                                  padding-bottom: 24px;                                                                                                                                                                                                                                  border-left-width: 0px;                                  border-right-width: 0px;                                  border-bottom-width: 0px;                                  border-top-width: 0px;                                                                  border-style: solid; ">
                <div class="totals-block__card">
                                      <div class="totals-block__card-left">
                      <div class="totals-block__icon-preview style-bg-primary-alpha-10 style-border-radius-default style-text-primary" style="
                                                                                                                                                                                                                        ">
                        <img src="https://c.tenor.com/o7xzZ5dqClMAAAAC/money-love.gif" height="55px">
                      </div>
                    </div>
                                    <div class="totals-block__card-right">
                    <div class="totals-block__count">
                      <h2 class="totals-block__count-value style-text-primary" style=" font-size: 22px; line-height: 22px; ">
                                                                              {{ currency["symbol"]  }} {{ (user["spent"]*currency["value"]) |round(7, 'floor') }}
                                                                                                </h2>
                    </div>
                    <div class="totals-block__card-name">
                                              <p>Total Spent</p>
                                          </div>
                  </div>
                </div>
              </div>
            </div>
                                        <div class="col-lg-3 col-md-6 col-sm-12 mb-2 mt-2">
              <div class="card h-100" style="
                                                                                    padding-top: 24px;                                  padding-bottom: 24px;                                                                                                                                                                                                                                  border-left-width: 0px;                                  border-right-width: 0px;                                  border-bottom-width: 0px;                                  border-top-width: 0px;                                                                  border-style: solid; ">
                <div class="totals-block__card">
                                      <div class="totals-block__card-left">
                      <div class="totals-block__icon-preview style-bg-primary-alpha-10 style-border-radius-default style-text-primary" style="
                                                                                                                                                                                                                        ">
                      <img src="https://c.tenor.com/XW-LgnkZQ28AAAAC/shopping-online.gif." height="55px">
                      </div>
                    </div>
                                    <div class="totals-block__card-right">
                    <div class="totals-block__count">
                      <h2 class="totals-block__count-value style-text-primary" style=" font-size: 22px; line-height: 22px; ">
                                                                         0
                                              </h2>
                    </div>
                    <div class="totals-block__card-name">
                                              <p>Today Orders </p>
                                          </div>
                  </div>
                </div>
              </div>
            </div>
                                        <div class="col-lg-3 col-md-6 col-sm-12 mb-2 mt-2">
              <div class="card h-100" style="
                                                                                    padding-top: 24px;                                  padding-bottom: 24px;                                                                                                                                                                                                                                  border-left-width: 0px;                                  border-right-width: 0px;                                  border-bottom-width: 0px;                                  border-top-width: 0px;                                                                  border-style: solid; ">
                <div class="totals-block__card">
                                      <div class="totals-block__card-left">
                      <div class="totals-block__icon-preview style-bg-primary-alpha-10 style-border-radius-default style-text-primary" style="
                                                                                                                                                                                                                        ">
                       <img src="https://www.bootgum.com/wp-content/uploads/2018/07/Wallet_Cash_550px.gif" height="55px">
                      </div>
                    </div>
                                    <div class="totals-block__card-right">
                    <div class="totals-block__count">
                        
                      <h2 class="totals-block__count-value style-text-primary" style=" font-size: 22px; line-height: 22px; ">
                                                                        
                                                   {{ currency["symbol"]  }} {{ (user["balance"]*currency["value"]) |round(7, 'floor') }}                                       </h2>
                    </div>
                    <div class="totals-block__card-name">
                                              <p>Total Balance</p>
                                          </div>
                  </div>
                </div>
              </div>
            </div>
                                                            </div>
    </div>
        </div>
        </div>       
        
        
        
       <marquee> 🏄🏻‍♀️We are now providing Free child panel to api users along free hosting <a href="/tickets">Click Here</a></marquee>
        
   
       
      <!-- Main variables *content* -->
      
      <div id="block_93">
    <div class="new_order-block ">
        <div class="bg"></div>
        <div class="divider-top"></div>
        <div class="divider-bottom"></div>
        <div class="container">
            <div class="row new-order-form">
                <div class="col-lg-8">
                   <div class="component_form_group component_card component_radio_button">
                      <div class="card ">
{% if error %}
      <div class="alert alert-dismissible alert-danger">
        {{ errorText }}
      </div>
    {% endif %}

    {% if data["order"]["success"] == 1 %}
      <div class="alert alert-dismissible alert-success">
          <strong> {{ lang["neworder.success.id"] }}: </strong> {{ data['order']['id'] }} <br>
          <strong> {{ lang["neworder.success.service"] }}: </strong> {{ data['order']['service'] }} <br>
          <strong> {{ lang["neworder.success.link"] }}: </strong> {{ data['order']['link'] }} <br>
          <strong> {{ lang["neworder.success.quantity"] }}: </strong> {{ data['order']['quantity'] }} <br>
          <strong> {{ lang["neworder.success.charge"] }}: </strong>

{{ currency['symbol'] }}{{ (data['order']['price']*currency["value"]) }}
 <br>
          <strong> {{ lang["neworder.success.balance"] }}: </strong>{{ data['order']['balance'] }} <br>
      </div>
    {% endif %}
    {% if data["order"]["success"] == 2 %}
      <div class="alert alert-dismissible alert-success">
         <strong> {{ lang["neworder.success.id"] }}: </strong> {{ data['order']['id'] }} <br>
         <strong> {{ lang["neworder.success.service"] }}: </strong> {{ data['order']['service'] }} <br>
         <strong> {{ lang["neworder.success.username"] }}: </strong> {{ data['order']['link'] }} <br>
         <strong> {{ lang["neworder.success.quantity"] }}: </strong> {{ data['order']['min'] }} - {{ data['order']['max'] }} <br>
         <strong> {{ lang["neworder.success.posts"] }}: </strong> {{ data['order']['posts'] }} <br>
         <strong> {{ lang["neworder.success.delay"] }}: </strong>{{ data['order']['delay'] }} <br>
       </div>
    {% endif %}
 

     <div class="well">

	
        <form method="post" action="">
<div class="component_button_forms">
            <div class="form-group">
              <label for="orderform-category" class="control-label">{{ lang["neworder.category"] }}</label>
              <select class="form-control" id="neworder_category" name="categories">
                {% for category in categories %}
                    <option value="{{ category["category_id"] }}" {% if category["category_id"] == data['categories'] %} selected {% endif %}>{{ category["category_name"] }}</option>
                {% endfor %}
                </select>
</div>

             
            </div>
            <div class="form-group">
              <label for="orderform-service" class="control-label">{{ lang["neworder.service"] }}</label>
              <select class="form-control" id="neworder_services" name="services">

              </select>
            </div>





            <div id="neworder_fields"></div>


<div class="form-group" id="charge_div">
              <label for="charge" class="control-label">{{ lang["neworder.charge"] }}</label>
              <input type="text" class="form-control" id="charge" readonly>
            </div>




          
          <button type="submit" class="btn btn-block btn-primary">{{ lang["neworder.button"] }}</button>
</form>
                      </div>
                   </div>
                </div>
            </div>
        

 
       
       
       
       
        <div class="col-lg-5">
			 <div class="component_content_card component_content_button component_content_headers">
		  	<br>
       
      										<table class="table">
												<thead>
													<tr>
 
														<th>Title</th>
														<th class="width-service-name">Content</th>

														<th class="nowrap">Date</th>
													 


													</tr>
												</thead>
												<tbody>
{% for new in newsList %}
														<tr>
														 
															<td> <img width="30" class="mr-1" src="/img/icons/{{ new['news_icon'] }}.png">{{ new['news_title'] }}</td>
															<td>

															 {{ new['news_content'] }}
															</td>
															<td>{{ new['news_date'] }}</td>


														</tr>
													{% endfor %}


												</tbody>
											</table>
										</div>

									</div>
								</div>
							</div>
						</div>
					</div>
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
       
            <br>      
       <div id="block_93">
    <div class="new_order-block ">
        <div class="bg"></div>
        <div class="divider-top"></div>
        <div class="divider-bottom"></div>
        <div class="container">
       <div class="row">
				<div class="col-lg-7 mb-3 mb-lg-0">
					<div class="component_form_group component_card component_radio_button">
						<div class="card ">
							<form action="/" method="post" id="order-form">
								<div class="component_button_forms">
																															
        Information From Support Team :{{ contentText }}
      														
								</div>
							</form>
						</div>
					</div>
				</div>
				<div class="col-lg-5">
					<div class="component_content_card component_content_button">
						<div class="card">
															
                                                              <img <img src="https://i.postimg.cc/SxYCTjGS/keralafollow.gif" class="img-fluid">
																	</div>
																						<div class="new-order__content-title">
									<div class="position-relative">
										<div>
																							<p>🎉 Sale Is Live 🎉</p>
																					</div>
									</div>
								</div>
														<div class="new-order__content-text">
																	<p><br></p>
<p>Don’t wait. The time will never be just right.</p>
<p>Unbelievable and unbeatable prices.</p>
<p><br></p>
<p><strong style="font-weight: bold">💎 APIs & Bigreseller Ask For Manual Rate</strong></p>
															</div>
													</div>
					</div>
				</div>
			</div>
       
       
       
       
       
       
       <script type="text/javascript" async src="//l.getsitecontrol.com/z4qyyko7.js"></script>
       
       
       
      
      
      
 

{% include 'footer.twig' %}
