{% include 'header.twig' %}

 <marquee width="100%" ="scroll"="" bgcolor=""><span style="font-weight: bolder;"><font color="white"> {{ user['name'] }} WELCOME TO {{ site["site_name"] }} PANEL. SALE IS LIVE</font></span></marquee><p></p><div class="form-group">

 </div>
</div>
</div>
</div>
<style>.news-title{
    background: #334e6e15;
    padding:8px;
    margin-top:8px;
    border-radius:10px 10px 0px 0px;
}
.news-content{
    background: #334e6e15;
    margin-top:-8px;
    padding:5px 10px 10px;
    border-radius:0px 0px 10px 10px;
}
.news-date {
    margin-top:8px;
    font-size:12px;
    background: #334e6e35;
    padding:0px 8px 0px 8px;
    border-radius:6px;
    width:max-content;
}
.headsir{
    font-weight:900;
    font-size:20px;
    margin-top:-5px;
    margin-bottom:10px;
}


.ssw{max-height: 450px;overflow-y: auto;}.body .summary-card{border-radius: 22px;background: rgb(255 255 255 / 35%);border: 1.5px solid rgb(255 255 255 / 32%) !important;backdrop-filter: none;}</style>
<div class="wrapper-content">
<div class="wrapper-content__header">
  
<div class="wrapper-content__body">
  <!-- 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">
       


{% if contentText %}
<div class="card ">																
{{ contentText }}
</div>
{% endif %}
</div>
</form>
</div>
</div></div>
</div>
</div></div>
</div>
   
   
   
   <div class="container-fluid container-fluid-spacious">
   

	

                                    
					
<p></p>		
					
						<div class=" row card-divs">
					<div class='card-body-color: #0ed5f0'>
				
					
					
					<div class="col-md-4">
					  <div class="cards">
						<div class="card-body">
						  <h3 class="card-title"> Your Total Spent</h3>
						  <h3 class="card-text text-right">{{user["spent"]}} 
                            </h3>
						  
						</div>
					  </div>
					
					</div>

					<div class="col-md-4">
					  <div class="cards">
						<div class="card-body">
						  <h3 class="card-title">Complete Orders</h3>
						  <h3 class="card-text text-right">{{totalorders}}</h3>
						</div>
					  </div>
					</div>







<div class="col-md-4">
<div class="cards">
<div class="card-body">
<h3 class="card-title">Account Balance</h3>
<h3 class="card-text text-right">
    {{ user['balance']}}</h3>
</div>
			</div>

				
				
								 

								</li>

								 
								</li>

							</ul>

							 

								 

							</select>

						</nav>

					</div>

					<div class="col-md-12">

					<!-- Tab Conetent Starts here -->

						<div class="tab-content" id="pills-tabContent">

							<!-- New Order Tab -->

							<div class="tab-pane fade active in" id="new-order" role="tabpanel" aria-labelledby="pills-home-tab">

								<div id="main-page" class="well well-float table-responsive">

{% 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>&nbsp;&nbsp;<span style="color:#7743DB">
    {{ data['order']['price'] }}</span></span><span class="quantity"><b>Quantity :</b>&nbsp;&nbsp;<span style="color:#E0144C">{{data['order']['quantity']}}</span></span></p>
</div>
<div class="user-details">
<p>Order ID :&nbsp;&nbsp;{{data['order']['id']}}</p>
<p>Remaining balance :&nbsp;&nbsp;
{{ data['order']['balance']}}</p>
</div>
<button type="button" onclick="closeOrderReceiptCard()">OK</button>
</div>


</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="well well-float">
<div class="row" style="width:auto; height:70px;">
<div class="col-md-4">





<img src="https://i.postimg.cc/02GX6F1M/image.png'"alt="Our service" class="img-fluid logo-white" style="width:280px; height: auto;">

<marquee width="100%" ="scroll"="" bgcolor=""><span style="font-weight: bolder;"><font color="red"><img src="https://i.postimg.cc/d0yDjfWc/In-Shot-20240117-212913904.png''" width="100" alt="Natural" style="border-style: none;">Account must be public.When you buy service.Because order don't complete when your account private.  </font></span></marquee><p></p><div class="form-group">
  
         

		
		</div>
		      </div>
		            </div>
				</div>				
				
		    
					  
					
				
			<div class="well well-float">
              <div class="row">
       <div class="col-md-12">			


<div class="form-hidden form-group" >
<label class="control-label" for="orderCategory">Category</label>

	<select name="category" id="orderCategory" data-size="10"  class="custom-select w-full form-control">

{{ category_html }}
</select>

</div><div class="form-group">

											<label class="control-label" for="OrderService">Service</label>

<select class="form-control custom-select w-full"  data-size="13"  id="OrderService" 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>
    

										<input type="hidden" name="place_order" value="place_order">

										<button type="submit" class="btn btn-block btn-primary" name="place_order">Submit</button>
    </form>
	</div>
	</div>
<!-- table design  -->

 <div class="well well-float table-responsive"><div class="col-md-12">
     
     													
</div>
       </div>

          </div>


							
				<div class="well well-float">
              <div class="row">
       <div class="col-md-12">			
			

<div class="col-lg-5">
  <div class="component_content_card component_content_button component_content_headers">
{% if news %}
    <div class="card"style="max-height: 550px;">
      <div class="headsir"><i class="fal fa-newspaper mr-2"></i>Latest News</div>
      <div class="ssw">
      {% for new in news %}
      <div class="news-item">
        <div class="news-details">
          <p class="news-date"><i class="fad fa-calendar-alt mr-1" style="--fa-secondary-opacity: 0.65;"></i>{{ new['news_date'] }}</p>
          <h4 class="news-title">
            <span class="icon-container">
              <img width="30" class="news-icon-inline" src="{{ new['news_icon'] }}" alt="News Icon">
            </span>
            {{ new['news_title'] }}
          </h4>
          <div class="news-content">{{ new['news_content'] }}</div>
        </div>
      </div>
      {% endfor %}
      </div>
  </div>
  </div></div>{% endif%}
								</div>
							</div>
						</div>
					</div>	</div>
							

{% include 'footer.twig' %}


