{% include 'header.twig' %}

<div class="wrapper-content">
<div class="wrapper-content__header">
  </div>
<div class="wrapper-content__body">
  <!-- Main variables *content* -->
   <div id="block_93">


<div class="totals ">
<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">
<div {% if settings ["summary_card_background_color"] == "fixed_colour" %} style="background: #58287F;" {% endif %} class="card h-100 summary-card">
<div class="totals-block__card">
<div class="totals-block__card-left">


<div class="totals-block__count">
<h2 class="totals-block__count-value style-text-primary">
{{ user["username"] }}
</h2>
</div>
<div class="totals-block__card-name">
<span>Welcome To{{site["site_name"]}}</span>
</div>
</div>
<div class="totals-block__card-right">
<div class="totals-block__icon-preview style-border-radius-default style-text-primary">
<i class="fad fa-user"></i>
</div>

</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 mb-2">
<div  {% if settings ["summary_card_background_color"] == "fixed_colour" %}  style="background: #1F8A70;" {% endif %}  class="card h-100 summary-card">
<div class="totals-block__card">
<div class="totals-block__card-left">


<div class="totals-block__count">
<h2 class="totals-block__count-value style-text-primary">
{{ user["spent"]}}
</h2>
</div>
<div class="totals-block__card-name">
<p>
Total Spent
</p>
</div>
</div>
<div class="totals-block__card-right">
<div class="totals-block__icon-preview  style-border-radius-default style-text-primary">
<i class="fad fa-dollar-sign"></i>
</div>

</div>
</div>
</div>
</div>




<div class="col-lg-3 col-md-6 col-sm-12 mb-2">
<div  {% if settings ["summary_card_background_color"] == "fixed_colour" %}  style="background: #FF7000;" {% endif %}  class="card h-100 summary-card">
<div class="totals-block__card">
<div class="totals-block__card-left">


<div class="totals-block__count">
<h2 class="totals-block__count-value style-text-primary">
{{ totalorders }}
</h2>
</div>
<div class="totals-block__card-name">
<p>
Total Orders
</p>
</div>
</div>
<div class="totals-block__card-right">
<div class="totals-block__icon-preview style-border-radius-default style-text-primary">
<i class="fad fa-layer-plus"></i>
</div>

</div>
</div>
</div>
</div>



<div class="col-lg-3 col-md-6 col-sm-12 mb-2">
<div  {% if settings ["summary_card_background_color"] == "fixed_colour" %}  style="background: #850000;" {% endif %}  class="card h-100 summary-card">
<div class="totals-block__card">


<div class="totals-block__card-left">



<div class="totals-block__count">
<h2 class="totals-block__count-value style-text-primary">
{{ user["balance"]}} </h2>

</div>

<div class="totals-block__card-name">
<p>
Total Balance
</p>
</div>


</div>



<div class="totals-block__card-right">

<div class="totals-block__icon-preview  style-border-radius-default style-text-primary" style="
">
<i class="fad fa-wallet"></i>
</div>







</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>












<div id="block_44">
  <div class="new_order-block ">
<div class="bg"></div>
<div class="divider-top"></div>
<div class="divider-bottom"></div>
<div class="container-fluid">
  <div class="row">

  <div class="col-lg-7 mb-2">
<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="order-success-card" id="order-success-card">
<center>
<img src="https://www.linkpicture.com/q/404-tick.png" alt="checkmark"></center>
<h2>Your order has been placed.</h2>
<div class="order-details">
<p>
<span class="service-name">
<b>Service :</b><br />{{data['order']['service']}}</span>
</p>
<p>
<span class="link"><b>Link :</b><br /><a href="{{data['order']['link']}}">{{data['order']['link']}}</a></span>
</p>
<p>
<span class="paid-amount"><b>You paid :</b>  <span style="color:#7743DB">{{ data['order']['price'] }}</span></span><span class="quantity"><b>Quantity :</b>  <span style="color:#E0144C">{{data['order']['quantity']}}</span></span>
</p>
</div>
<div class="user-details">
<p>
Order ID :  {{data['order']['id']}}
</p>
<p>
Remaining balance :  {{ data['order']['balance'] }}
</p>
</div>
<button type="button" onclick="closeOrderReceiptCard()">OK</button>
</div>

<script>

setTimeout(function() {
var el = $("#order-success-card");
el.addClass("order-success-card-active");
}, 1000);
function closeOrderReceiptCard() {

var el = document.getElementById("order-success-card");

el.classList.remove("order-success-card-active");
}
</script>

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



<form method="post" action="">
<div class="component_button_forms">
<div class="form-group">
<label for="orderformorderform-service" class="control-label">{{ lang["neworder.category"] }}</label>
<select class="form-control" id="neworder_category" name="categories" data-select="true" data-select-search="true" data-select-search-placeholder="Search" data-select-container="#select-category-container" tabindex="-1" aria-hidden="true">
{{ category_html_simplify }}

</select>
<div id="select-category-container" class="position-relative"></div>
</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" data-select="true" data-select-search="true" data-select-search-placeholder="Search" data-select-container="#select-service-container" tabindex="-1" aria-hidden="true">
<option value="1">No services found in this category</option>
</select>
<div id="select-service-container" class="position-relative"></div>
</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 class="col-lg-5 mb-2">
<div class="component_content_card component_content_button">
<div class="card">
<div class="new-order__content-image">
<img src="https://i.postimg.cc/QdRtCm3k/1681399220404.png" 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 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 news %}
<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 class="wrapper-content__footer">
   </div>
  </div>




{% include 'footer.twig' %}