{% include 'header.twig' %}

<div class="container-fluid">
	<div class="row">
		<div class="col-sm-6">
			<h2 class="dash-title">Welcome To {{ site["site_name"]  }} !</h2>
		</div>
		<div class="col-sm-6">
					</div>
	</div>

	<div class="row statics-row">
		<div class="col-sm-3 modal-ptr" data-toggle="modal" data-target="#accountStatusModal">
			<div class="statics-wrap">
				<div class="statics-left">
					<span class="statics-icon-wrap">
						<img class="statics-icon" src="https://cdn.mypanel.link/9b5331/m9110u857ketxyxq.png" alt="{{ site["site_name"]  }}">
					</span>
				</div>
				<div class="statics-right">
					<h3 class="statics-title">Account Name</h3>
					<p class="statics-txt">{{ user["username"] }}</p>
				</div>
			</div>
		</div>
		<div class="col-sm-3 modal-ptr" data-toggle="modal" data-target="#redeemModal">
			<div class="statics-wrap">
				<div class="statics-left">
					<span class="statics-icon-wrap">
						<img class="statics-icon" src="https://cdn.mypanel.link/9b5331/0673o2ax793sz83n.png" alt="Account Points">
					</span>
				</div>
				<div class="statics-right">
					<h3 class="statics-title">Panel Orders</h3>
					<p class="statics-txt">
						<value id="userPoints"></value>
						{{totalorders}}
					
					</p>
				</div>
			</div>
		</div>
		<div class="col-sm-3">
			<div class="statics-wrap">
				<div class="statics-left">
					<span class="statics-icon-wrap">
						<img class="statics-icon" src="https://cdn.mypanel.link/9b5331/2kpzlu59ljxf8r1g.png" alt="Account Spending">
					</span>
				</div>
				<div class="statics-right">
					<h3 class="statics-title">Account Spending</h3>
					<p class="statics-txt">{{ user["spent"] }}</p>
				</div>
			</div>
		</div>
		<div class="col-sm-3">
			<div class="statics-wrap">
				<div class="statics-left">
					<span class="statics-icon-wrap">
						<img class="statics-icon" src="https://cdn.mypanel.link/9b5331/uxulwye7eq5ls3ct.png" alt="Account Balance">
					</span>
				</div>
				<div class="statics-right">
					<h3 class="statics-title">Account Balance</h3>
					<p class="statics-txt">{{ user["balance"] }}</p>
				</div>
			</div>
		</div>
	</div>

	<div class="row buttons-row">
      <ul class="social-btn-wrap">
        <li>
          <a class="social-button brand-category" href="javascript:void(0);" data-id="facebook" data-value="1"><i class="fab fa-facebook-f"></i> Facebook</a>
        </li>
        <li>
          <a class="social-button brand-category" href="javascript:void(0);" data-id="twitter" data-value="2"><i class="fab fa-twitter"></i> Twitter</a>
        </li>
        <li>
          <a class="social-button brand-category" href="javascript:void(0);" data-id="instagram" data-value="3"><i class="fab fa-instagram"></i> Instagram</a>
        </li>
        <li>
          <a class="social-button brand-category" href="javascript:void(0);" data-id="youtube" data-value="4"><i class="fab fa-youtube"></i> Youtube</a>
        </li>
        <li>
          <a class="social-button brand-category" href="javascript:void(0);" data-id="linkedin" data-value="5"><i class="fab fa-linkedin"></i> Linkedin</a>
        </li>
        <li>
          <a class="social-button brand-category" href="javascript:void(0);" data-id="tiktok" data-value="6"><i class="fab fa-tiktok"></i> Tiktok</a>
        </li>
        <li>
          <a class="social-button brand-category" href="javascript:void(0);" data-id="telegram" data-value="7"><i class="fab fa-telegram-plane"></i> Telegram</a>
        </li>
		<li>
          <a class="social-button brand-category" href="javascript:void(0);" data-id="spotify" data-value="8"><i class="fab fa-spotify"></i> Spotify</a>
        </li>
		<li>
          <a class="social-button brand-category" href="javascript:void(0);" data-id="soundcloud" data-value="9"><i class="fab fa-soundcloud"></i> Soundcloud</a>
        </li>
		<li>
          <a class="social-button brand-category" href="javascript:void(0);" data-id="traffic" data-value="10"><i class="fas fa-globe"></i> Website Traffic</a>
        </li>
		<li>
          <a class="social-button brand-category" href="javascript:void(0);" data-id="other" data-value="11"><i class="fas fa-asterisk"></i> Others</a>
        </li>
		<li>
          <a class="social-button brand-category" href="javascript:void(0);" data-id="everything" data-value="12"><i class="fab fa-audible"></i> Everything</a>
        </li>
      </ul>
    </div>
 


                    <div class="card-body">

    

	<div class="row mt-15" id="myDiv">
		<div class="col-sm-8">
			<div class="well new-order-form">

			<div class="head-well">
				<label for="order-form" class="control-label">New Order</label>
			</div>
                                        <form  action="/" method="post" id="order-form">
                                        {% if error %}
      <div class="alert alert-dismissible alert-danger">
        {{ errorText }}
      </div>
    {% endif %}
                                                                                {% if data["order"]["success"] == 1 %}
      <div class="alert alert-dismissible alert-success"><h4>Your Order  received.</h4>
          <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> {{ data['order']['price'] }} <br>
          <strong> {{ lang["neworder.success.balance"] }}: </strong>{{ data['order']['balance'] }} <br>
<a href="/" class="badge badge-success">Close</a>


      </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="form-group">
                                                    <div class="search-dropdown" id="new-order-search" style="position: relative;" data-lang-placeholder="Search" >
                                                    <div class="input-wrapper" style="position: relative;">
     
                                                        
                                                    </div>
                                                    </div>
                                                </div>
                                                
                                                 <div class="mb-4">
        
<label for="orderform-category" 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>
                                                    <div class="mb-3">
<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>
                          <div class="mb-3 hidden fields" id="service_description" style="display: none;">
                            <label for="service_description" class="form-label">Description</label>
                            <div class="panel-body border-solid border-rounded">
                                
                            </div>
                          </div>

                             <div id="neworder_fields"></div>
                      
                          <div class="mb-3">
                            <label for="charge" class="form-label">Charge</label>
                             <input type="text" class="form-control" id="charge" value="" readonly>
                          </div>
                      <input type="hidden" name="csrf_token" value="{{ csrfToken }}">
                       <button type="submit" class="btn btn-primary btn-100">Submit</button>
                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            
            
            

                          

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

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

						   
{% include 'footer.twig' %}

