{% include 'header.twig' %}
<style>.body{background-image: url('app/views/xblur/image/Background.png');background-position: 0px 0px;background-repeat: repeat;background-size: 300%;width: 100%;}</style>
   <div class="wrapper-content">
    <div class="wrapper-content__header">
  </div>
    <div class="wrapper-content__body">

  <div id="block_93"style="margin-bottom:-30px">
 <div class="totals ">
    <div class="bg"></div>
    <div class="divider-top"></div>
    <div class="divider-bottom"></div>
    <div class="container-fluid">
{% if contentText %}
<div class="super-lud mt-2 mb-2">																
{{ contentText }}
</div>
{% endif %}
      <div class="row align-items-stretch justify-content-center">
<div class="col-lg-3 col-md-6 col-sm-12 mt-2">
<div class="super-lud h-100" style="padding-top:10px;padding-bottom: 10px;">
<div class="totals-block__card">
<div class="totals-block__card-left">
<div class="totals-block__icon-preview style-bg-primary-alpha-10  style-text-primary" >
  <img style="height: 79px;" src="app/views/xblur/image/team.png">
</div> 
    </div>
      <div class="totals-block__card-right">
    <div class="totals-block__count">
<h2 class="totals-block__count-value style-text-primary" style=" font-size:22px;">
    {{ user["username"]  }}<img src="https://i.imgur.com/YLalTAd.png" width="20" height="20">
</h2>
    </div>
    <div class="totals-block__card-name">
  <p>Welcome To {{ site["site_name"]  }} </p>
    </div>
  </div>
</div>
      </div>
    </div>
  <div class="col-lg-3 col-md-6 col-sm-12 mt-2">
<div class="super-lud h-100" style="padding-top:10px;padding-bottom: 10px;">
<div class="totals-block__card">
<div class="totals-block__card-left">
<div class="totals-block__icon-preview style-bg-primary-alpha-10 style-text-primary" style="
  ">
  <img src="app/views/xblur/image/spending.png">
</div>
    </div>
      <div class="totals-block__card-right">
    <div class="totals-block__count">
<h2 class="totals-block__count-value style-text-primary" style=" font-size: 22px;">
 {{ user["spent"] }} 
</h2>
    </div>
    <div class="totals-block__card-name">
  <p>Total Spend</p>
    </div>
  </div>
</div>
      </div>
    </div>
  <div class="col-lg-3 col-md-6 col-sm-12 mt-2">
<div class="super-lud h-100" style="padding-top:10px;padding-bottom: 10px;">
<div class="totals-block__card">
<div class="totals-block__card-left">
<div class="totals-block__icon-preview style-bg-primary-alpha-10 style-text-primary" style="
  ">
<img style="width: 65px;" src="app/views/xblur/image/box.png">
</div>
    </div>
      <div class="totals-block__card-right">
    <div class="totals-block__count">
<h2 class="totals-block__count-value style-text-primary" style=" font-size: 22px;">
{{totalorders}}     </h2>
    </div>
    <div class="totals-block__card-name">
  <p>Total Orders</p>
    </div>
  </div>
</div>
      </div>
    </div>
  <div class="col-lg-3 col-md-6 col-sm-12 mt-2">
<div class="super-lud h-100" style="padding-top:10px;padding-bottom: 10px;">
<div class="totals-block__card">
<div class="totals-block__card-left">
<div class="totals-block__icon-preview style-bg-primary-alpha-10 style-text-primary" style="
  ">
 <img style="margin-top:2px;width: 62px;" src="app/views/xblur/image/salary.png">
</div>
    </div>
      <div class="totals-block__card-right">
    <div class="totals-block__count">
  
<h2 class="totals-block__count-value style-text-primary" style=" font-size: 22px;">
{{ user["balance"] }}  </h2>
    </div>
    <div class="totals-block__card-name">
  <p>Total Balance</p>
    </div>
  </div>
</div>
      </div>
    </div>
</div>
    </div>
</div>
</div>
<svg style="transform:rotateX(180deg);margin-bottom:-15px;margin-top:15px;opacity:0.65" width="100%" height="40px" viewBox="50 0 1180 140" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
              <g fill="#ffffff">
                <path d="M0 47.44L170 0l626.48 94.89L1110 87.11l170-39.67V140H0V47.44z" fill-opacity=".5"/>
                <path d="M0 90.72l140-28.28 315.52 24.14L796.48 65.8 1140 104.89l140-14.17V140H0V90.72z"/>
              </g>
            </svg>
<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">
    <div class="row new-order-form">
<div class="col-lg-7">
   <div class="component_form_group component_card component_radio_button">
<div class="super-lud  mb-3">
{% if error %}
      <div class="alert alert-dismissible alert-danger">
          <button type="button" class="close" data-dismiss="alert">✕</button>
{{ 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>
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">✕</span></button>

      </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" 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 id="select-category-container" class="position-relative"></div>
</div>
</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" 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 id="select-service-container" class="position-relative"></div>
    </div>

    <div id="neworder_fields"></div>
  <div class="form-group" id="charge_div">
      <label for="charge" class="control-label">Charge</label>
      <input type="text" class="form-control" id="charge" readonly>
    </div>
 
  <button type="submit" class="btn btn-block btn-big-primary mt-4">{{ lang["neworder.button"] }}</button>
</form>
</div>
   </div>
</div>
    </div>

<div class="col-lg-5">
  <div class="component_content_card component_content_button component_content_headers">
{% if news %}
    <div class="super-gaad mb-3">
      <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>
          <p class="news-content">{{ new['news_content'] }}</p>
        </div>
      </div>
      {% endfor %}
      </div>
  </div>
  </div>
{% endif%}

<div class="container">
</div>	
{% if contentText2 %}
<div class="super-lud">
{{ contentText2 }}
</div>
{% endif %}
														
</div></div>
</div></div>
</div>
</div>


{% include 'footer.twig' %}