{% include 'header.twig' %}
 
<div class="container">
  <div class="row">
    <div class="col-md-8 col-xs-12">

    {% if user['balance'] < 5 %}
      <div class="alert alert-dismissible alert-danger">
        <button type="button" class="close" data-dismiss="alert">×</button>
        <strong>Sevgili @{{ user['username'] }}, </strong> <br>Your balance seems to be low, do not forget to load the balance for trouble-free service.
      </div>
     {% endif %}
 
      {% 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 %}

      <div class="well">

        <form method="post" action="">
 <center>  
      <h>Only the username must be entered in follower orders.</h></center>
        <hr>
            <div class="form-group">
              <label for="orderform-category" class="control-label">{{ lang["neworder.category"] }}</label>
              <select class="form-control" id="neworder_category" name="categories" class="selectpicker">
                {% for category in categories %}
                    <option value="{{ category["category_id"] }}" {% if category["category_id"] == data['categories'] %} selected {% endif %} ><i class="fa fa-{{ category["category_icon"] }}"></i>{{ category["category_name"] }}</option>
                {% endfor %}
                </select>
            </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">
<div class="dropdown open" style="margin-bottom:15px;">
         <button class="form-control btn-block text-left dropdown-toggle" type="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
         <span id="categoryTitle"><span class=""><i class="fa fa-star-o" aria-hidden="true"></i> </span>  Cheap Services | Campaigns | Special Services</span>
         <i class="fa fa-caret-down pull-right" aria-hidden="true"></i>
         </button>
         <div class="dropdown-menu" aria-labelledby="dropdownMenu2" id="category-drop">
              </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>





            <!-- çal çal bitiremediniz amk -->

        
  <button type="submit" class="btn btn-blue">{{ lang["neworder.button"] }} <i class="fa fa-shopping-cart" style="font-size:18px"></i></button>
        </form>
      </div>
    </div>
        <div class="col-md-4 col-xs-12">
  <div class="well mb-3">
      <div class="card-body">
        <h5>Total balance</h5>
        <hr/>
        <h1><i class="fa fa-rupee"></i>{{ user['balance'] }}</h1>
        <a href="/addfunds" class="btn btn-blue" style="width: 100%;margin-top: 5px;">Add Balance</a>
  </div></div>
    <div class="well mb-3">
            <!-- Desing By Agrzm -->

<div class="card-body">
    <h3><i class="fa fa-bell"></i>Announcements</h3>
  <hr/>
         {{ contentText }}

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


  
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css">


<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
{% include 'footer.twig' %}
