{% include 'header.twig' %}

    

    

   <style>

 
/* Dropdown container style */
  #dropdown_for_search {
    display: none; /* Hidden by default */
    max-height: 600px; /* Maximum height */
    overflow-y: auto; /* Vertical scrolling if the dropdown is long */
    overflow-x: hidden; /* Hide horizontal scrolling */
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px;
    margin-top: 5px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
    white-space: normal; /* Text will wrap to the next line if it's long */
    word-wrap: break-word; /* Words will break if they're too long */
  }

  /* Dropdown item style */
  .dropdown-item {
    padding: 10px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-wrap: wrap; /* Will wrap to the next line if items don't fit */
    white-space: normal; /* Text inside dropdown will wrap */
    word-break: break-word; /* Long words will break and wrap */
  }

  /* Service badge style */
  .badge.service_id_badge {
    margin-right: 8px; /* Gap between the badge and name */
    font-size: 12px; /* Badge text size */
  }

  /* Centered "Please Wait" or loading message */
  #dropdown_for_search .text-center {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px; /* Correct positioning for the message */
    font-weight: bold;
  }
 
    

    @media (max-width:991px){ #block_93 

.totals-block__card-right {margin-left:-13px;padding-left:22px;border:2px solid;border-bottom-width:0px;border-top-width:0px;border-right-width:0px;border-radius: 0px 12px 12px 0px;margin-right:-10px;}}

.news-item{display: flex;align-items: flex-start;gap: 20px;}

.news-item:first-child{margin-top:-20px;}

.news-icon-inline{width: 30px;margin-right:7px;}

.news-icon img{width: 100%;}

.news-details{flex: 1;}

.news-title{display: flex;font-size: 14px;margin-bottom:0px;padding:7px ;background:;border-radius:12px 12px 0 0;}

.news-content{margin: 0;color: #000;padding:7px ;background:;border-radius:0px 0px 12px 12px;}

.headsir{position:sticky;top:0;width:101%;font-weight: 700;font-size: 22px;padding: 1rem 1rem;color: #fff;margin:-1.2px 0px 0px -1.2px;border-radius:12px 12px 0px 0px;background: #fb981e;box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.1);}

.news-date {margin: 0;padding:0.5px 0px;color: #fff;font-size: 12px;width:50%;text-align: center;border-radius:8px;background: #fb981e;margin-bottom:10px;margin-top:20px;}

.ssw{max-height: 450px;overflow-y: auto;padding-top: 25px;padding-bottom: 25px;padding-right: 20px;padding-left: 20px;}

@media (min-width: 992px){

    .news-date{width:40%;}}

    .select2-container--default .select2-results > 

    .select2-results__options {max-height: 412px;overflow-y: auto;}

    .body .form-group .select2-results__option {border-bottom: 0px solid white;}

    .select2-container .select2-selection--single .select2-selection__rendered{padding: 4px;margin-left:-5px}

    .body .style-bg-primary-alpha-10 {box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);transform: skew(0deg, 0deg);overflow: hidden;}

    .body .style-bg-primary-alpha-10:before {content: '';display: block;background: #ffffff50;height: 205%;width: 20px;transform: rotate(35deg);position: absolute;left: 0;top: -24px;transition: all 0.3s ease-in-out;animation: 3.2s shine infinite;}@keyframes shine {0% {left: -20px;}20% {left: 100%;top: -20px;}100% {left: 100%;top: -20px;}}.mop{transform:rotatey(180deg);margin-bottom:-5px;margin-top:-12px;opacity:2}.select2-container--default .select2-container--default .select2-results__option:hover a{color:#fff;}.badge.badge-secondary {color: #fff;}.body .style-bg-primary-alpha-10 {background: rgb(233 233 233 / 22%);}

    

    

    

</style>    

    

    

<style>

.badge {

background-color: #28cb69;

    color: white;

    height: 19px;

    font-size: 13px;

    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;

    color: white;

    font-size: 13px;

    }

.swal2-popup {

    display: none;

    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;

}


.selectme {

    padding: 10px;

    cursor: pointer;

    list-style-type: none; /* Remove the list-style type (bullets) */

}

.selectme:hover {

    background-color: #f2f2f2; /* Highlight on hover */

}

.highlight {

    font-weight: bold; /* Make the matching text bold */

}

 .nightmode	#service_description,
		#service_avg_time {
			padding: 13px;
			border-radius: 10px;
			color: none;
			box-shadow:1px 1px 1px #f2f4f5;
			background-color: black;}

}
 
</style>

	            <div class="content">
        <!-- page and other top info -->
        <div id="page_info">

        </div>
        <!-- // page and other top info -->
        
<div class="container-fluid">
   <div class="row">
      <div class="col-lg-12">
         <div class="user_statistic_wraper">
            <div class="statistic__item">
              <div class="statistic_inner">
               <div class="icon">
                  <img src="https://storage.perfectcdn.com/hmz1fi/bcpg233dh40fsdoc.png" class="img-fluid" alt="">
               </div>
               <div class="user__data">
                  <span>Username</span>
                  <h4>{{ user["username"]  }}</h4>
               </div>
              </div>
            </div>

            <div class="statistic__item">
               <div class="statistic_inner">
                  <div class="icon">
                     <img src="https://storage.perfectcdn.com/hmz1fi/raj356puppqixik9.png" class="img-fluid" alt="">
                  </div>
                  <div class="user__data">
                     <span>Balance</span>
                     <h4 class="d-flex gap-2 align-items-center has_currency">
                        {{ user["balance"] }}

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

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

            <div class="statistic__item">
               <div class="statistic_inner">
                  <div class="icon">
                     <img src="https://storage.perfectcdn.com/hmz1fi/aw21tyz9g0kxlk1u.png" class="img-fluid" alt="">
                  </div>
                  <div class="user__data">
                     <span>Announcement</span>
                     <h4>
                        <a href="https://chat.whatsapp.com/" class="btn btn-sm btn-primary join_now_btn"
                           target="_blank">Join Now ➜</a>
                     </h4>
                  </div>
               </div>
            </div>
         </div>

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

<!-- category Filters -->

<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>

<!-- //category Filters -->

<!-- New Orders Part -->

<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>

      </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 %}

                         

      {% if settings.search_enabled == 1 %}
  <div class="form-group">
    <div class="form-group">
      <div class="search_services_content">
        <!-- Input group with icon in placeholder -->
        <div class="input-group">
          <!-- Search input -->
          <input 
            type="search" 
            id="search_services_field" 
            class="form-control"
            placeholder="🔍 Search by Service ID or Name"
            data-gtm-form-interact-field-id="0"
          >
        </div>
      </div>

      <!-- Search result dropdown -->
      <div 
        id="dropdown_for_search"
        class="dropdown"
        style="
          display: none; /* Dropdown is hidden by default */
          max-height: 600px;
          overflow-y: auto;
          border: 1px solid #ddd;
          border-radius: 5px;
          padding: 5px;
          margin-top: 5px;
          box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2); 
        ">
        <div class="text-center" style="display: none;">
          Please Wait...
        </div>
      </div>
    </div>
  </div>
{% endif %}

                    <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>

                              

                             <input type="hidden" name="csrf_token" value="{{ csrfToken }}">

                                

                                 <button type="submit" class="btn btn-primary d-block w-100">Submit</button>

                              </form>

                        </div>

                    </div>

                     <!-- Favorites Start -->

                    <div class="tab-pane fade" id="pills-favorite" role="tabpanel" aria-labelledby="pills-favorite-tab">

                     <div class="favoriler">

                        <div class="alert alert-success"> Here will show your Favorites Services</div>

                     </div>

                    </div>

                   <!-- Favorites Start -->

                     <!-- Search By Id Start -->

                    <div class="tab-pane fade" id="pills-search" role="tabpanel" aria-labelledby="pills-search-tab">

                     <div class="input-group form-group">

                        <input type="number" id="input_service" class="form-control" placeholder="Enter Service ID">

                        <span class="input-group-btn search_byId">

                          <button type="button" class="btn btn-primary search" onclick="searchID();"><i class="fas fa-search"></i></button>

                          </span>

                     </div>

                     <small class="text-danger">You can search by services id from here, please check <a href="/services">Services</a> Page and then you can enter the services id here.</small>

                     <div id="error_search">

                     </div>

                    </div>

                     <!-- // Search By Id Start -->

                       <!-- Search By Id Start -->

                    <div class="tab-pane fade" id="pills-auto" role="tabpanel" aria-labelledby="pills-auto-tab">

                     <div class="alert alert-success"> Auto Subscriptions will coming soon...</div>

                     </div>

                  <!-- // Search By Id Start -->

                 </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-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>

                 <li class="nav-item" role="presentation">

                      <button class="nav-link" id="pills-readme-tab" data-bs-toggle="pill" data-bs-target="#pills-readme" type="button" role="tab" aria-controls="pills-readme" aria-selected="false"> 

                         <span class="icon">

                            <i class="far fa-clipboard"></i>

                         </span>

                         <span class="text_name"> 

                            <div class="hide_phone">Please read this before submit order !</div>

                            <div class="show_phone">Read Me</div>

                         </span>

                      </button>

                   </li>

                   

                </ul>

               </div>

          </div>

            <div class="card-body" >

               <div class="tab-content tab_wrap" id="pills-tabContent">

                  <!-- Details Start -->

                  

                  <!-- //Details Start -->

                  <!-- Read me before order tab content -->

                  <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>

                  <!-- Contact Section -->

                  <div class="tab-pane fade show active" id="pills-contact" role="tablpanel" aria-label="pills-contact-tab">

                        <p>

                       {% if contentText2 %}

<div class="card mt-3 mb-4">

{{ contentText2 }}

</div>

{% endif %}

                     </p>

                        

                        

                     

                  </div>

               </div>

            </div>

         </div>

        </div>

     </div>

  </div>

</div>

<!-- // New Orders Part -->

{% include 'footer.twig' %}

<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>