   {% include 'header.twig' %}
    
<style>#service_description{display:block!important;background-color:#e1e1e1!important;color:#000}#service_avg_time,#service_description{padding:11px 12px;border-radius:10px;font-size:15px;box-shadow:none;background-color:#fff4ed}svg{fill:#ffffff}@media (min-width:992px){.totals-block__card-right{background-color:#fff}}.badge,.panel-body{color:#fff;font-size:13px}#orderform-category,#orderform-service,.swal2-popup{display:none}.badge{background-color:#28cb69;height:19px;line-height:21px;padding:0 4px}.panel-body{background:var(--dark-bg-input);border:1px solid var(--form-border-color);border-radius:15px;padding:10px}.swal2-popup{position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#57d27a;color:#545454;font-family:inherit;font-size:1rem}.select2-container--default .select2-selection--single.form-control{padding: 10px 23px 10px 12px;}.select2-results__option a{padding: 3px 10px;}</style>
            <div class="content">
        <div id="page_info">

        </div>
                 <div class="container-fluid">
   <div class="row">
      <div class="col-lg-12">
         <div class="user_statistic_wraper">
            <div class="statistic__item">
               <div class="icon">
                  <img src="https://cdn.mypanel.link/hmz1fi/bcpg233dh40fsdoc.png" class="img-fluid" alt="">
               </div>
               <div class="user__data">
                  <span>Username</span>
                  <h4>{{ user["username"]  }}</h4>
               </div>
            </div>

            <div class="statistic__item">
               <div class="icon">
                  <img src="https://cdn.mypanel.link/hmz1fi/raj356puppqixik9.png" class="img-fluid" alt="">
               </div>
               <div class="user__data">
                  <span>My Balance</span>
                  <h4>{{ user["balance"] }}</h4>
               </div>
            </div>

            <div class="statistic__item">
               <div class="icon">
                  <img src="https://cdn.mypanel.link/hmz1fi/mp50mc1fhx7sm8o1.png" class="img-fluid" alt="">
               </div>
               <div class="user__data">
                  <span>Total Orders</span>
                  <h4>{{totalorders}}</h4>
               </div>
            </div>

            <div class="statistic__item">
               <div class="icon">
                 <img src="https://cdn.mypanel.link/hmz1fi/aw21tyz9g0kxlk1u.png" class="img-fluid" alt="">
               </div>
               <div class="user__data">
                  <span>Spent Balance</span>
                  <h4>{{ user["spent"] }}</h4>
               </div>
            </div>


         </div>
      </div>
   </div>
</div>
	
<div id="category_filter" class="mb-3">
  <div class="container-fluid">
     <div class="row">
        <div class="col-md-12">
           <div class="category_filter_wrap">
              <div class="card card_v2">
                 <div class="card-body">
                    <div class="filter_btn_wrap" id="new-order-cats">
                      
      
          
                       <button class="nwo-cat-btn btn_filter" data-change-cat="instagram" onclick="filterStarted('instagram')">
                           <i class="fab fa-instagram"></i>
                           <span class="filter_txt">
                              Instagram
                           </span>  
                       </button>
                       <button class="nwo-cat-btn btn_filter"  data-change-cat="facebook" onclick="filterStarted('Facebook')">
                           <i class="fab fa-facebook"></i>
                           <span class="filter_txt">
                              Facebook
                           </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="youtube" onclick="filterStarted('youtube')">
                           <i class="fab fa-youtube"></i>
                           <span class="filter_txt">
                             Youtube
                           </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="twitter" onclick="filterStarted('Twitter')">
                           <i class="fab fa-twitter"></i>
                           <span class="filter_txt">
                              Twitter
                            </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="spotify" onclick="filterStarted('Spotify')">
                           <i class="fab fa-spotify"></i>
                           <span class="filter_txt">
                              Spotify
                            </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="tiktok" onclick="filterStarted('Tiktok')"> 
                           <i class="fab fa-tiktok"></i>
                           <span class="filter_txt">
                                 Tiktok
                           </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="telegram" onclick="filterStarted('Telegram')">
                           <i class="fab fa-telegram"></i>
                           <span class="filter_txt">
                              Telegram
                           </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="linkedin" onclick="filterStarted('Linkedin')">
                           <i class="fab fa-linkedin"></i>
                           <span class="filter_txt">
                              Linkedin
                           </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="discord" onclick="filterStarted('Discord')">
                           <i class="fab fa-discord"></i>
                           <span class="filter_txt">
                              Discord
                           </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="traffic" onclick="filterStarted('Traffic')">
                           <i class="fas fa-globe"></i>
                           <span class="filter_txt">
                              Website Traffic  
                           </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="other" onclick="filterOthers()">
                           <i class="fas fa-star-christmas"></i>
                           <span class="filter_txt">
                              Others
                           </span> 
                       </button>
                       <button class="nwo-cat-btn btn_filter" data-change-cat="" onclick="filterStarted('everything')">
                        <i class="far fa-ball-pile"></i>
                        <span class="filter_txt">
                           Everythings
                        </span>      
                     </button>

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


<div class="def_wraper">
  <div class="container-fluid">
     <div class="row">
        <div class="col-md-6">
           <div class="card card_v2">
              <div class="card-body" id="newOrderTabsWrap">
                 <ul class="nav nav-pills tab_btn_wrap mb-3" id="pills-tab" role="tablist">
                    <li class="nav-item" role="presentation">
                       <button class="nav-link active" id="pills-order-tab" data-bs-toggle="pill" data-bs-target="#pills-order" type="button" role="tab" aria-controls="pills-order" aria-selected="true"> <i class="fas fa-shopping-cart"></i> New Order</button>
                    </li>
                    
                     <li class="nav-item" role="presentation">
                        <a href="/addfunds" class="nav-link">
                              <i class="far fa-credit-card"></i> AddFunds
                            </a>
                            
                           
                           
                    </li>
                  </li>
                 </ul>
                 <div class="tab-content tab_wrap" id="pills-tabContent">
                    <div class="tab-pane fade show active" id="pills-order" role="tabpanel" aria-labelledby="pills-order-tab">
                        <div class="newordersr">
                           <form  action="/" method="post" id="order-form">
                                                       
                         {% 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>
<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 %}

                         
                         
                           
                         
                        <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: 94.5%;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 style="margin-left:-11px" 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> 
                         
                    <div class="mb-3">
                 <label for="orderform-category" class="control-label">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 class="mb-3">
                                 <label for="orderform-service" class="control-label">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="mb-3">
                                 <label for="charge" class="control-label">Charge</label>
                                 <input type="text" class="form-control" id="charge" value="" readonly>
                              </div>
                                 <button type="submit" class="btn btn-primary d-block w-100">Submit</button>
                              </form>
                        </div>
                    </div>
                 </div>
              </div>
           </div>
        </div>
        
        
        
        
       <div class="col-md-6">
         <div class="card card_v2">
          <div class="card-header v2_header">
             <div class="new_order_tabs">
                <ul class="nav nav-pills" id="pills-tab" role="tablist">
                   <li class="nav-item" role="presentation">
                      <button class="nav-link active" id="pills-details-tab" data-bs-toggle="pill" data-bs-target="#pills-details" type="button" role="tab" aria-controls="pills-details" aria-selected="true"> 
                         <span class="icon"> <i class="far fa-info-circle"></i></span>
                         <span class="text_name"> Description </span>
                      </button>
                   </li>

                   <li class="nav-item" role="presentation">
                      <button class="nav-link" id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-contact" type="button" role="tab" aria-controls="pills-contact" aria-selected="false"> 
                         <span class="icon"><i class="fas fa-comment-dots"></i></span>
                         <span class="text_name"> 
                          Notes
                         </span>
                      </button>
                   </li>
                </ul>
               </div>
          </div>
            <div class="card-body" >
               <div class="tab-content tab_wrap" id="pills-tabContent">
                  <div class="tab-pane fade show active" id="pills-details" role="tabpanel" aria-labelledby="pills-details-tab">
                     <div class="descriptions_box">
                     <div data-id="serviceDesc"> 
    <p class="card-text" id="description_new"></p>
                     </div>
                     </div>
                  </div>
                  <div class="tab-pane fade" id="pills-readme" role="tabpanel" aria-label="pills-readme-tab">
                     <p>
                        1. This is an automatic server so we are unable to cancel an order after you submit it, make sure to think before order.
                        <br><br>
                        2. No refill if order start count goes down ever or change username.
                        <br><br>
                        3. Order can be refill if drop rate is 5% or more.
                        <br><br>
                        4. Order will be considered as completed if start count goes down after place / start an order.
                        <br><br>
                        5. Order will be considered as completed if post / page / video deleted or removed after place order.
                     </p>
                  </div>
                  <div class="tab-pane fade" id="pills-contact" role="tablpanel" aria-label="pills-contact-tab">
                        <p>
                       {% if contentText %}
{{ contentText }}
{% endif %}
                     </p>
                  </div>
               </div>
            </div>
         </div>
        </div>

     </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="/public/global/ch3915babussofa4.js">
      </script>
  <script type="text/javascript" src="/public/global/cgtptn05b64bwcs4.js">
      </script>
  <script type="text/javascript" src="/public/global/xcz59lmywkfdgsp4.js">
      </script>
  <script type="text/javascript" src="/public/global/wnzsoolloslhfumj.js">
      </script>
      <script type="text/javascript" src="/public/global/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="public/script.js"></script>
<script type="text/javascript" src="public/global/newyear.js"></script>
<script>
$(document).ready(function(){
$('.tooltip-wrapper').tooltip();
});
    $(document).on('DOMSubtreeModified','#neworder_fields',function(){
        $('#description').hide();
        $('#description_new').html($('#service_description').html());
    })
    $(document).on('DOMSubtreeModified','#neworder_services',function(){
        $('#s_name').html($('#neworder_services').find(":selected").html());
    })
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>
