{% include 'header.twig' %}

 


    <div class="paddingbody"></div>

	<div class="container-fluid container-fluid-spacious">

		<div class="row">

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

				<p></p>
				<div class=" row card-divs">	
					<div class="col-md-4">
					  <div class="cards">
						<div class="card-body">
						  <h3 class="card-title">Total Spent</h3>
						  <h3 class="card-text text-right">{{ settings['csymbol'] }} {{ user['spent'] }}</h3>
						  
						</div>
					  </div>
					
					</div>
					<div class="col-md-4">
					  <div class="cards">
						<div class="card-body">
						  <h3 class="card-title">Total Balance</h3>
						  <h3 class="card-text text-right">{{ settings['csymbol'] }} {{ user['balance'] }}</h3>
						</div>
					  </div>
					</div>

				</div>

				<p></p>

				<div class="row">

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

						<nav>

							<ul class="nav nav-pills " id="pills-tab" role="tablist">

								<li class="nav-item active">

									 

								</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="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> {{ data['order']['price'] }} <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 %}

									    <form method="post" action="">

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

											<label class="control-label" for="orderCategory">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 class="form-group">

											<label class="control-label" for="OrderService">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>
    

										<input type="hidden" name="_csrf"  value="9b984414401f5a70643a0f0c0f000fbd_7e625a25cb3aaaaf4e690245f694f3cb" />

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

										<button type="submit" class="btn btn-primary" name="place_order">Submit</button>

									</form>

									

								</div>

								

							</div>

							

							 

		</div>

	</div>


{% include 'footer.twig' %}