{% include 'header.twig' %}
</div>
    </div>
<div class="inner-wrap">
      <div class="container-fluid">
   <div class="stat-box-wrap">
    <div class="stat-box">
    	<div class="single-card ttl-order">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>Total Orders<br><b>{{ total_orders }}</b></p>
                </div>
              </div>
    </div>
    <div class="stat-box">
    	<div class="single-card u-spent">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>You Have Spent <br><b> {{ user['spent'] }}</b></p>
                </div>
              </div>
    </div>
    <div class="stat-box">
    	<div class="single-card bonus">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>First Deposit Bonus <br><b>10%</b> </p>
                </div>
              </div>
    </div>
    <div class="stat-box">
    	<div class="single-card reseller">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>Reseller Program <br><b>Earn Money</b></p>
                </div>
              </div>
    </div>
        <div class="stat-box">
      <a type="button" class="" data-toggle="modal" data-target="#accstatus">
    	<div class="single-card acc-status">
                <div class="card-icon">
                  <span></span>
                </div>
                <div class="card-txt">
                  <p>Account Status <br>
                    <b>                    NEW 
                                        </b> </p>
                </div>
              </div>
      </a>
    </div>
  </div> 
  <div class="row">
    <div class="col-sm-7">
      <div class="well">

    {% 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="">
<div class="component_button_forms">
            <div class="form-group">
              <label for="orderform-category" class="control-label">{{ lang["neworder.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 for="orderform-service" class="control-label">{{ lang["neworder.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>
              <input type="hidden" id="charge_default" readonly>
            </div>


          
          <button type="submit" class="btn btn-primary">{{ lang["neworder.button"] }}</button>

        </form>
          </div>
        </div>
        
      </div>
    </div>
    <div class="col-sm-5">
      <div class="well">
        <ul class="nav nav-tabs" id="myTab1" role="tablist">
          <li class="nav-item active" role="presentation">
            <a class="nav-link active" id="topnews" data-toggle="tab" href="#topnew" role="tab" aria-controls="topnews" aria-selected="true">Top News</a>
          </li>
          <li class="nav-item" role="presentation">
            <a class="nav-link" id="Video" data-toggle="tab" href="#video" role="tab" aria-controls="Video" aria-selected="false">Video</a>
          </li>
        </ul>
        <div class="tab-content" id="myTabContent">
          <div class="tab-pane fade active in" id="topnew" role="tabpanel" aria-labelledby="home-tab1">
            <div class="news-wraper">
               <div class="single-news">
                <div class="media">
                  <div class="media-left">
                    <p class="media-object"><br></p>
                  </div>
                  <div class="media-body">
                     <p>{{ contentText }}</p>
                  
                </div>
              </div>
             
            </div>
          </div>
          <div class="tab-pane fade" id="video" role="tabpanel" aria-labelledby="home-tab1">
            <iframe width="100%" height="280" src="https://www.youtube.com/embed/5Peo-ivmupE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Modal -->
<div class="modal fade" id="accstatus" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Check Updates</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
       <div class="well ">
            <table class="rwd-table">
              <tbody>
                <tr>
                  <th></th>
                  <th><center>NEW</center></th>
                  <th><center>JUNIOR</center></th>
                  <th><center>FREQUENT</center></th>
                  <th><center>ELITE</center></th>
                  <th><center>VIP*</center></th>
                  <th><center>MASTER</center></th>
                </tr>
                <tr>
                  <th>24/7 Ticket Support</th>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center> <i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                </tr>
                <tr>
                  <th>Payment 3% to 20% Bonus (Perfect Money / Coins / Stripe / Skrill / Wechat / Alipay / Payoneer / Paytm)</th>
                  <td><center> <i class="fa fa-check-square" style="color:#fcb733"></i> </center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                </tr>
                <tr>
                  <th>Paypal Manual Enabled</th>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                </tr>
                <tr>
                  <th>Level Up Discount Custom Rates</th>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                </tr>
                <tr>
                  <th>Free SMM Panel****</th>
                  <td></td>
                  <td></td>
                  <td></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                </tr>
                <tr>
                  <th>24/7 Jivochat / Skype / Wechat Support</th>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                </tr>
                <tr>
                  <th>Custom Rates The Service ID On 100 Orders Per Day
                  </th>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                </tr>
                <tr>
                  <th>Early Notification On New Services</th>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                </tr>
                <tr>
                  <th>Support Handled By The Admins</th>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                  <td><center><i class="fa fa-check-square" style="color:#fcb733"></i></center></td>
                </tr>
              </tbody>
            </table>
            <div class="bow"> <p>
              Contact us: 16/7 - 24/7 (Local Time GTM+8) <!--<br>QQ: <a href="#">1437340874</a>--><br>Wechat id: socialmatrix<br>Skype live: socialmatrix<br><br>  </p>
              </div>
         <p> <b style="font-weight: bold">Master</b> you have spent more than $50 000 with us.<br><b style="font-weight: bold">VIP</b> you have spent more than $15 000 with us.<br><b style="font-weight: bold">Elite</b> you have spent more than $2 500 with us.<br><b style="font-weight: bold">Frequent</b> you have spent more than $1 000 with us.<br><b style="font-weight: bold">Junior</b> you have spent more than $100 with us.<br><b style="font-weight: bold">New</b> you haven’t spend more than $100 with us.</p>
            <p>* = You may purchase a VIP status for a month from our services under the VIP section.<br>** = 3% Bonus on Payments made with Wechat, Alipay, Payoneer.<br>*** = Each month we will pick 1 random Frequent, Elite, VIP or Master user to win worth $80 Resellers panel + Setting up Resellers panel to be used on your own panel to earn money! 
<br>**** = You will get a FREE domain aswell!
</p>
            <small>Please contact us via <a href="/tickets">tickets</a> for more information!</small>
          </div>
      </div>
    </div>
  </div>
</div>




    </div>
  </div>
<br>
{% include 'footer.twig' %}
