{% include 'header.twig' %}

<!-- Main variables *content* -->

          <div class="appContent">
        <div class="hiddenTitle">
	<div id="appTt">
                    Welcome
        		<span class="danger-color">{{ user["username"]  }}!</span>
	</div>
	<div id="appTx">
                We're the best!
            </div>
</div>

<style>
		#service_description,
		#service_avg_time {
			padding: 13px;
			border-radius: 12px;
			color: #393e46;
			box-shadow:none;
			background-color: #F7FAFC;}
	svg {fill: #ffffff;}@media (min-width:992px){
    .totals-block__card-right{ background-color: #fff; }
}
</style>

<div class="container-fluid">
    <section class="mt-4 mb-3">
        
        <div class="nwoCard-row row row-cols-2 row-cols-md-2 row-cols-lg-4">
            <div class="col">
                <div class="card nwoCard">
                    <div class="card-body">
                        <div class="icon">
                            <i class="ri-money-dollar-circle-line"></i>
                        </div>
                        <div class="col-r">
                            <h3 class="title">
                                                                Balance
                                                              </h3>
                            <p class="value">{{ user["balance"] }}</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col">
                <div class="card nwoCard">
                    <div class="card-body">
                        <div class="icon">
                            <i class="ri-shopping-cart-fill"></i>
                        </div>
                        <div class="col-r">
                            <h3 class="title">
                                                                Your Orders
                                                           </h3>
                            <p class="value">{{totalorders}}</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col">
                <div class="card nwoCard">
                    <div class="card-body">
                        <div class="icon">
                            <i class="ri-exchange-dollar-line"></i>
                        </div>
                        <div class="col-r">
                            <h3 class="title">
                                                                Spending 
                                                           </h3>
                            <p class="value">{{ user["spent"] }}</p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ./col -->
            <div class="col">
                <div class="card nwoCard">
                    <div class="card-body">
                        <div class="icon">
                            <i class="ri-shield-flash-line"></i>
                        </div>
                        <div class="col-r">
                            <h3 class="title">
                                                                Status 
                                                           </h3>
                            <p class="value">
                                                                                                                      {{statu}}
                                                                           
                                                          </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ./col -->
        </div>
    </section>

		
 {% if error %}
      <div class="alert alert-dismissible alert-danger">
          <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></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 %}
    
   
    <section class="nwoMain mt-3">
        <div class="row">
            <div class="col-lg-6 mb-4 mb-lg-0">
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-auto mt-4 mt-lg-0">
                                <ul class="nwoNav nav nav-tabs" role="tablist">
                                    <li class="nav-item" role="presentation">
                                        <button class="nwoNavLink active smmspot-newOrderBtn" data-bs-toggle="tab" d="newOrder-tab" data-bs-target="#newOrder" type="button" role="tab" aria-controls="newOrder" aria-selected="true">
                                                                                        New Order 
                                                                                   </button>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <a class="nwoNavLink smmspot-favOrderBtn"  type="button" href="/massorder">
                                                                                        Mass Order
                                                                                   </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    
                    
                    <div class="card-body">
                        <div class="tab-content">
                            <div class="tab-pane active" id="newOrder" role="tabpanel" aria-labelledby="newOrder-tab">
                                <div class="smmspot-newOrderArea">
                                    <div class="smmspot-orderFormContainer">
                                    <div class="form-group">
  <div class="well">
     <style>
#unique-dropdown{max-height: 300px;border-radius: 8px;margin-top:8px;border-left-width: 0px;border-right-width: 0px;border-top-width: 0px;border-bottom-width: 0px;border-color: transparent;border-style: solid;box-shadow: 0 12px 24px 12px rgba(0, 0, 0, 0.2);overflow-y: auto;display: block;position: absolute;left:auto;max-width:100%;width: 86%;background:white;z-index: 1;}@media(min-width:776px){ #unique-dropdown{width: 93%;}}@media(min-width:991px){ #unique-dropdown{width: 92.4%;}}.selectme {padding: 3px 10px;cursor: pointer;list-style-type: none; }.selectme:hover {background-color: #f2f2f2;}.highlight {font-weight: bold; }.form-group .search-dropdown .input-wrapper .input-wrapper__prepend, .form-group .search-dropdown .input-wrapper .input-wrapper__append {position: absolute;background: none;border: none;top: 50%;transform: translateY(-50%);padding: 0px 15px;color: var(--form_group_icon_color);}.form-group .search-dropdown .input-wrapper .input-wrapper__prepend:hover, .form-group .search-dropdown .input-wrapper .input-wrapper__append:hover {opacity: 0.5;}.form-group .search-dropdown .input-wrapper .input-wrapper__prepend:hover, .form-group .search-dropdown .input-wrapper .input-wrapper__append:focus {outline:none;}.form-group .search-dropdown .input-wrapper .input-wrapper__append {font-size: 12px;right: 3px;display: none;}
</style>


 <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;">
                <button type="button" class="input-wrapper__prepend" onclick="focusInputField()"><span class="fas fa-search"></span></button>
             <input style="padding-left:41px" type="text" class="form-control" id="unique-input" value="" placeholder="Search">
             <button type="button" class="input-wrapper__append" onclick="clearInput()"><span class="fas fa-times"></span></button>
            </div>
        </div>
        <div class="search-results" id="unique-dropdown" style="display: none;"></div>
    </div> 
                                        <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>
  





  <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 class="col-lg-6">
                <div class="card">
                    <div class="card-header">
                        <h2 class="card-title">
                            <span id=""></span>
                            <span id="s_name"></span>
                        </h2>
                       <center><font size="5" color="#fff"><b>Content</b></font></center> 
                    </div>
                    <div class="card-body">
                        <div class="row row-cols-md-2 row-cols-1">
                           <!----- <div class="col mb-4">
                                <div class="form-label">
                                                                        Start Time
                                                                    </div>
                                <div class="nwoDeIt">
                                    <div class="icon primary-bg">
                                        <i class="ri-timer-flash-line"></i>
                                    </div>
                                    <div class="text" data-id="serviceStart"> - </div>
                                </div>
                            </div>
                            
                            
                            <div class="col mb-4">
                                <div class="form-label">
                                                                            Average Time
                                                                </div>
                                <div class="nwoDeIt">
                                    <div class="icon pink-bg">
                                        <i class="ri-timer-line"></i>
                                    </div>
                                    <div class="text" id="s_time"> - </div>
                                </div>
                            </div>
                            
                            
                            <div class="col mb-4">
                                <div class="form-label">
                                                                            Speed
                                                                    </div>
                                <div class="nwoDeIt">
                                    <div class="icon danger-bg">
                                        <i class="ri-shield-flash-line"></i>
                                    </div>
                                    <div class="text" data-id="serviceSpeed"> - </div>
                                </div>
                            </div>
                            
                            
                            <div class="col mb-4">
                                <div class="form-label">
                                                                            Guarantee
                                                                    </div>
                                <div class="nwoDeIt">
                                    <div class="icon success-bg">
                                        <i class="ri-check-line"></i>
                                    </div>
                                    <div class="text" data-id="serviceRefill"><span class="fas fa-check text-success mr-1"></span>  - </div>
                                </div>
                            </div>
                            
                            
                        </div>
                        
                        
                        <div>
                            <div class="form-label">
                                                                    Description
                                                                </div>
                            <div class="nwoDeIt description">
                               

                                </div> ----->
                                <div class="text" {% if contentText %}
					
					
 
{{ contentText }}
{% endif %}
                            </div>  
                        </div>
                    </div>
                </div>
            </div>

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


{% include 'footer.twig' %}

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>

  <script type="text/javascript" src="https://cdn.bdrentalhouse.com/d7mmh/js/ch3915babussofa4.js">
      </script>
  <script type="text/javascript" src="https://cdn.bdrentalhouse.com/d7mmh/js/cgtptn05b64bwcs4.js">
      </script>
  <script type="text/javascript" src="https://cdn.bdrentalhouse.com/d7mmh/js/xcz59lmywkfdgsp4.js">
      </script>
  <script type="text/javascript" src="https://cdn.bdrentalhouse.com/d7mmh/js/wnzsoolloslhfumj.js">
      </script>
      <script type="text/javascript" src="https://cdn.bdrentalhouse.com/d7mmh/js/qri1ac173hshc2hdjc.js">
</script>

  <script type="text/javascript" >
     window.modules.layouts = {"auth":0};   </script>
  <script type="text/javascript" >
     window.modules.signin = [];   </script>
  <script type="text/javascript" >
      </script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.27.6/js/jquery.tablesorter.js"></script>




<script type="text/javascript" >
window.modules.siteOrder = {""}; </script>
<script type="text/javascript" >
window.modules.select = [];   </script>
<script src="https://cdn.bdrentalhouse.com/ma7f76/x8q2z1.js"></script>
<script src="https://cdn.bdrentalhouse.com/d7mmh/js/script.js"></script>




<script>
const _0x8cb7c=_0x4289;(function(_0x44ce59,_0x18222c){const _0xb6a44b=_0x4289,_0x1fd6e4=_0x44ce59();while(!![]){try{const _0x25ade8=parseInt(_0xb6a44b(0x158))/0x1+-parseInt(_0xb6a44b(0x15a))/0x2+parseInt(_0xb6a44b(0x14b))/0x3+parseInt(_0xb6a44b(0x14c))/0x4+parseInt(_0xb6a44b(0x14f))/0x5+-parseInt(_0xb6a44b(0x148))/0x6*(parseInt(_0xb6a44b(0x15f))/0x7)+parseInt(_0xb6a44b(0x159))/0x8*(-parseInt(_0xb6a44b(0x138))/0x9);if(_0x25ade8===_0x18222c)break;else _0x1fd6e4['push'](_0x1fd6e4['shift']());}catch(_0x2facbc){_0x1fd6e4['push'](_0x1fd6e4['shift']());}}}(_0x4c2c,0x8ac17));const newOrderCats=document[_0x8cb7c(0x139)](_0x8cb7c(0x13b));function _0x4289(_0x3c1831,_0x2bcc08){const _0x4c2cdc=_0x4c2c();return _0x4289=function(_0x4289df,_0x3a1238){_0x4289df=_0x4289df-0x136;let _0x449dc5=_0x4c2cdc[_0x4289df];return _0x449dc5;},_0x4289(_0x3c1831,_0x2bcc08);}function _0x4c2c(){const _0x27fe5b=['725816IVHwTw','forEach','#neworder_category-copy\x20option','none','push','133IwTXDA','join','block','innerHTML','12840507XEXsRq','getElementById','data-change-cat','new-order-cats','noc-wrapper','style','active','includes','display','insertBefore','outerHTML','setAttribute','neworder_category-copy','classList','.nwo-cat-btn','neworder_category','115512yBTJXO','change','querySelectorAll','806961sELptR','3068752WbImEk','addEventListener','select','4953685yUrZVQ','toLowerCase','innerText','remove','add','trigger','getAttribute','click','parentNode','696850BfzGpt','8CPnHPP'];_0x4c2c=function(){return _0x27fe5b;};return _0x4c2c();}if(newOrderCats){const orderFormCats=document[_0x8cb7c(0x139)](_0x8cb7c(0x147));var realData=orderFormCats[_0x8cb7c(0x137)];const dCatBtns=document[_0x8cb7c(0x14a)](_0x8cb7c(0x146));dCatBtns[0x0]&&[...dCatBtns][_0x8cb7c(0x15b)](_0x9b20c0=>{const _0x5e8f45=_0x8cb7c;_0x9b20c0[_0x5e8f45(0x14d)](_0x5e8f45(0x156),_0xbc5d45=>{const _0x45943c=_0x5e8f45,_0x33503e=_0x9b20c0[_0x45943c(0x155)](_0x45943c(0x13a)),_0x21c049=document['getElementById'](_0x45943c(0x147)),_0x798f74=document[_0x45943c(0x14a)](_0x45943c(0x15c)),_0x538537=document['querySelectorAll'](_0x45943c(0x146));[..._0x538537]['forEach'](_0x5db964=>{const _0x401684=_0x45943c;_0x5db964['classList'][_0x401684(0x152)](_0x401684(0x13e));}),_0x9b20c0[_0x45943c(0x145)][_0x45943c(0x153)]('active');const _0x480365=[];[..._0x798f74][_0x45943c(0x15b)](_0x342405=>{const _0x1b7cfc=_0x45943c;_0x342405[_0x1b7cfc(0x151)][_0x1b7cfc(0x150)]()[_0x1b7cfc(0x13f)](_0x33503e[_0x1b7cfc(0x150)]())&&_0x480365[_0x1b7cfc(0x15e)](_0x342405);});const _0x2d4860=[];[..._0x480365][_0x45943c(0x15b)](_0x1d608a=>{const _0x1ed324=_0x45943c;_0x2d4860['push'](_0x1d608a[_0x1ed324(0x142)]);}),_0x21c049[_0x45943c(0x137)]=_0x2d4860[_0x45943c(0x160)](''),$('#neworder_category')[_0x45943c(0x154)](_0x45943c(0x149));});});setTimeout(()=>{const _0x5f06b3=_0x8cb7c,_0x14c256=document['createElement'](_0x5f06b3(0x14e));_0x14c256[_0x5f06b3(0x143)]('id',_0x5f06b3(0x144)),_0x14c256['style'][_0x5f06b3(0x140)]=_0x5f06b3(0x15d),_0x14c256[_0x5f06b3(0x137)]=realData,orderFormCats[_0x5f06b3(0x157)][_0x5f06b3(0x141)](_0x14c256,orderFormCats);},0x3e8);const nocWrapper=document['getElementById'](_0x8cb7c(0x13c));nocWrapper[_0x8cb7c(0x13d)][_0x8cb7c(0x140)]=_0x8cb7c(0x15d),setTimeout(()=>{const _0x541131=_0x8cb7c;nocWrapper['style'][_0x541131(0x140)]=_0x541131(0x136);},0x3e9);}
</script>
