{% include 'header.twig' %}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    
<style>
  .close{
      background: #ff000036;
    padding: 2px;
    border-radius: 3px;
  }
  .balance-dropdown__item{
      border-bottom: 1px solid gray;
      padding: 4px;
  }
.user_statistic_wraper .statistic__item{
    background: #F6FFF8;
    border: 1px solid #28a745;
}
@media (min-width: 550px){
    .filter_btn_wrap .btn_filter{
        text-align: left !important;
    }
}
.dashboard .btn-primary {
    background-color: #2bb59a !important;
    padding: 4px;
    border-radius: 30px;
}
.filter_btn_wrap .btn_filter:hover{
    background:#5EAF6E;
    border: 1px solid red;
}
  #newOrderTabsWrap #pills-tab .nav-item .nav-link.active{
   font-weight: 800;
  }
.dashboard.nightmode #newOrderTabsWrap #pills-tab .nav-item .nav-link.active {
    background: #4D4D4D !important;
    color: #ffffff !important;
  font-weight: 800;
}
.nightmode .user_statistic_wraper .statistic__item{
    border: 1px solid #009688;
}
.nightmode .filter_btn_wrap .btn_filter{
    border: 1px solid #009688;
}
.nightmode .card.card_v2{
     border: 1px solid #009688;
}
.nightmode.dashboard .form-control{
    border: 1px solid #009688;
}
#service_description{
    display: block !important;
    background-color: #F1F2F6 !important;
    color:#000;
    border: 1px solid red;
}

#service_average_time{
    display: block !important;
    background-color: #F1F2F6 !important;
    color:#000;
    border: 1px solid red;
}

.dashboard.nightmode .select2-results__option.active {
    background: #4D4D4D;
    color: #ffffff;
}
.dashboard.nightmode .select2-results__option.active > * {
    color: #ffffff !important;
}
.dashboard.nightmode .dropdown-menu{
    background-color: #4D4D4D !important;
    color: white;
}
.dashboard.nightmode #service_description{
    background-color: #363636 !important;
    color: white;
    border: 1px solid #009688;
}
.dashboard.nightmode #service_average_time{
    background-color: #363636 !important;
    color: white;
    border: 1px solid #009688;
}
.dashboard.nightmode .tab_btn_wrap {
    background: #363636; !important;
}
.dashboard.nightmode #newOrderTabsWrap #pills-tab .nav-item .nav-link {
    border-color: #4D4D4D !important;
}

.dropdown-menu{
    background-color: #FFF9F5 !important;
}
.badge {
    border-radius: 1.25rem;
background-color: #636363;
    color: white;
    height: 19px;
    font-size: 13px;
    line-height: 21px;
    padding: 0 4px;
}
.filter_btn_wrap .btn_filter {
    font-size: 18px;
    text-transform: capitalize;
    border: none;
    padding: 3px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    color: black;
    transition: 0.4s;
    background: #def9e3;
    border: 1px solid #0dcaf0;
}
    .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;
}

.new-order__content-image video {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}

.instagram-flag-video {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* 🎨 BOX DESIGN FOR INLINE LAYOUTS */
.custom-tab-row { display: flex; gap: 12px; margin-bottom: 12px; align-items: center; justify-content: flex-start; }
.btn-custom-pill { background: #def9e3; border: 1px solid #0dcaf0; font-size: 14px; font-weight: 700; color: #000; padding: 6px 16px; border-radius: 8px; transition: 0.3s; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.btn-custom-pill:hover, .btn-custom-pill.active { background: #2bb59a; color: #fff; border-color: #2bb59a; text-decoration: none; box-shadow: 0 4px 12px rgba(43,181,154,0.15); }
.nightmode .btn-custom-pill { background: #363636; border: 1px solid #009688; color: #fff; }
.nightmode .btn-custom-pill:hover, .nightmode .btn-custom-pill.active { background: #009688; color: #fff; border-color: #009688; }

.inline-scroll-box { border-radius: 12px; border: 1px solid #e2e8f0; background: #fff; box-shadow: 0 4px 15px rgba(0,0,0,0.05); overflow: hidden; margin-top: 10px; }
.inline-scroll-header { background: #f8fafc; padding: 10px 18px; border-bottom: 1px solid #e2e8f0; display: flex; justify-content: space-between; align-items: center; font-weight: 700; color: #334155; font-size: 13.5px; }
.inline-scroll-body { max-height: 380px; overflow-y: auto; background: #fafafa; }
.nightmode .inline-scroll-box { background: #222; border-color: #444; }
.nightmode .inline-scroll-header { background: #2d2d2d; border-color: #444; color: #fff; }
.nightmode .inline-scroll-body { background: #1a1a1a; }
</style>

<div class="content">
        <div id="page_info"></div>
        <style>
   #orderform-category,
   #orderform-service{
      display: none;
   }
@media only screen and (max-width: 550px) {
    .currency_change_btn {
        font-size: 8px;
        gap: 1px;
    }
}
.CJ7 {
    border: 1px solid #FF7700;
    border-radius: 5px 5px 0px 0px;
    font-size: 17px;
    font-weight: 700;
    padding: 9px 10px 21px 19px;
}
.nightmode .CJ7{
    border: 1px solid #38b6ff;
    color: white;
}
.gone {
    height: 20px;
    width: 20px;
}
main {
    padding-top: 0px !important;
}
</style>  

<div class="CJ7"> 
    <span> 
        <span> 
        Welcome <b style="color: green">{{ user["username"]  }}</b> 
        <img class="gone" id="verifyBadge" src="https://cdn-icons-png.flaticon.com/128/6270/6270515.png">
    </span>
</div>
<div class="container-fluid">
   <div class="row">
      <div class="col-lg-12">
         <div class="user_statistic_wraper" style="margin-top: -17px;">
           <div class="statistic__item">
              <div class="icon">
                  <img src="https://cdn-icons-png.flaticon.com/128/2460/2460475.png" class="img-fluid" alt="">
               </div>
               <div class="user__data">
                  <span style="font-weight: 800;">My Balance</span>
                  <h4 class="d-flex gap-2 align-items-center has_currency">
                     {{ user["balance"] }}
                      {% if site_currency_converter == "1" %}
                                                <div class="dropdown">
                           <a class="btn btn-sm fw-bold currency_change_btn" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false" style="font-size: 10px !important;">
                          ( {{ user["currency_type"] }}{{ " " }}{{ user_set_currency_symbol }} )
                              <i class="fas fa-sort-down"></i>
                           </a>
   
                        <ul class="balance-dropdown__container dropdown-menu" id="currencies-list">
 {{ currencies_dropdown }}
                        </ul>
                        </div>
                                             </h4>
                  {% else %}
                  {% endif %}
               </div>
            </div>

            <div class="statistic__item">
              <div class="icon">
                  <img src="https://cdn-icons-png.flaticon.com/128/1039/1039328.png" class="img-fluid" alt="">
               </div>
               <div class="user__data">
                  <span style="font-weight: 800;">Total Orders</span>
                  <h4>{{totalorders}}</h4>
               </div>
            </div>

            <div class="statistic__item">
              <div class="icon">
                  <img src="https://cdn-icons-png.flaticon.com/128/3967/3967518.png" class="img-fluid" alt="">
               </div>
               <div class="user__data">
                  <span style="font-weight: 800;">Spent Balance</span>
                  <h4> {{ user["spent"] }}</h4>
               </div>
            </div>
            
            <div class="statistic__item">
               <div class="icon">
                  <img src="https://cdn-icons-png.flaticon.com/128/11502/11502196.png" class="img-fluid" alt="">
               </div>
               <div class="user__data">
                  <span style="font-weight: 800;">Announcement</span>
                  <h4><a href="https://t.me/" style="color: red !important;"> Join Now ➜</a></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')">
                           &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/3955/3955024.png" style="width: 25px;">
                           <span class="filter_txt">Instagram</span>  
                       </button>
                       <button class="nwo-cat-btn btn_filter"  data-change-cat="facebook" onclick="filterStarted('Facebook')">
                          &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/1312/1312139.png" style="width: 25px;">
                           <span class="filter_txt">Facebook</span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="youtube" onclick="filterStarted('youtube')">
                           &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/3670/3670147.png" style="width: 25px;">
                           <span class="filter_txt">Youtube</span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="twitter" onclick="filterStarted('Twitter')">
                           &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/5969/5969020.png" style="width: 25px;">
                           <span class="filter_txt">Twitter</span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="spotify" onclick="filterStarted('Spotify')">
                           &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/3670/3670145.png" style="width: 25px;">
                           <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" style="margin-right:8px; font-size:18px;"></i>
                        <span class="filter_txt">Tiktok</span>
                     </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="telegram" onclick="filterStarted('Telegram')">
                         &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/2111/2111646.png" style="width: 25px;">
                           <span class="filter_txt">Telegram</span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="linkedin" onclick="filterStarted('Linkedin')">
                         &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/4494/4494497.png" style="width: 25px;">
                           <span class="filter_txt">Linkedin</span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="discord" onclick="filterStarted('Discord')">
                         &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/3670/3670157.png" style="width: 25px;">
                           <span class="filter_txt">Discord</span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="traffic" onclick="filterStarted('Traffic')">
                           &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/4381/4381165.png" style="width: 25px;">
                           <span class="filter_txt">Website Traffic  </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="other" onclick="filterOthers()">
                         &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/17470/17470916.png" style="width: 25px;">
                           <span class="filter_txt">Others</span> 
                       </button>
                       <button class="nwo-cat-btn btn_filter" data-change-cat="" onclick="filterStarted('everything')">
                       &nbsp;<img src="https://cdn-icons-png.flaticon.com/128/4840/4840856.png" style="width: 25px;">
                        <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>
                 </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">
        <div class="input-group">
          <input 
            type="search" 
            id="search_services_field" 
            class="form-control"
            placeholder="Search Service ID or Name"
            data-gtm-form-interact-field-id="0"
          >
        </div>
      </div>

      <div 
        id="dropdown_for_search"
        class="dropdown"
        style="
          display: none;
          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>

                              {% if neworderTerms %}
                        <div class="checkbox">
                           <label>
                           <input type="checkbox" name="neworder_check"> {{ lang['neworder.recheck'] }}
                           </label>
                        </div>
                        {% endif %}

                             <input type="hidden" name="csrf_token" value="{{ csrfToken }}">
                                 <button type="submit" class="btn btn-primary d-block w-100">Submit</button>
                              </form>
                        </div>
                    </div>

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

                    <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>
                 </div>
              </div>
           </div>
        </div>
        
        <div class="col-md-6">
           <div class="card card_v2">
              <div class="card-body">
                 <div class="custom-tab-row">
                     <button class="btn-custom-pill active" id="tab-click-logs" onclick="switchInlineTab('logs')">
                         <i class="fas fa-sync-alt"></i> Updates Log
                     </button>
                     <button class="btn-custom-pill" id="tab-click-notes" onclick="switchInlineTab('notes')">
                         <i class="fas fa-comment-dots"></i> Notes
                     </button>
                 </div>

                 <div id="panel-content-logs" class="inline-scroll-box">
                     <div class="inline-scroll-header">
                         <span><i class="fa fa-bullhorn text-success mr-1"></i> Recent Active Working Services</span>
                         <button onclick="refreshInlineLogs()" class="btn btn-xs btn-outline-primary fw-bold" style="padding:2px 10px; font-size:11px; border-radius:5px;"><i class="fa fa-redo"></i> Refresh Logs</button>
                     </div>
                     <div class="inline-scroll-body" id="user_inline_logs_load_area">
                         <div class="text-center p-5 text-muted"><i class="fa fa-spinner fa-spin"></i> Synchronizing cloud logs...</div>
                     </div>
                 </div>

                 <div id="panel-content-notes" class="inline-scroll-box" style="display:none;">
                     <div class="inline-scroll-header">
                         <span><i class="fa fa-sticky-note text-warning mr-1"></i> Important Platform Rules</span>
                     </div>
                     <div class="p-4" style="background: #fafafa; font-size: 13px; line-height: 1.6; color:#334155;">
                        <h3 class="text-center"><span style="font-size: 21px"><u><strong style="color: red;">Please Follow</strong></u></span></h3>
                        <p class="text-center"><strong>No Refill : There Is No Guarantee in any Case</strong></p>
                        <p class="text-center">Refill : If Drop You Will Get Back</p>
                        <p class="text-center"><span style="color: green;">Nondrop : Best Quality Service</span></p>
                        <p class="text-center"><span style="color: green;">Lifetime : A service with Fully Guaranteed</span></p>
                        <p class="text-center">⚠️ Orders will be marked as completed if the link is changed, hidden, or the account is blocked.</p>
                        <p class="text-center">⚠️ If You Order Wrong Link You Will Not Get Refill/Refund</p>
                        <p class="text-center" style="color: red; font-weight:700;">Place Your Order Quantity This Way:</p>
                        <p class="text-center">100, 200, 300, 500, 10000</p>
                        <p class="text-center" style="color: grey;">Don't Place Your Order Quantity This Way:</p>
                        <p class="text-center">55, 61, 77, 122, 788, 1023, 5079</p>
                        <p class="text-center" style="color: #efa20f; font-weight:700;">Use 100% Non Drop & Lifetime Guaranteed service for Best support.</p>
                     </div>
                 </div>
              </div>
           </div>
        </div>

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

{% include 'footer.twig' %}

<script>
// --- INLINE INTEGRATION ENGINE CORE FUNCTIONS ---
$(document).ready(function() {
    refreshInlineLogs(); 
});

function switchInlineTab(target) {
    if(target == 'logs') {
        $('#tab-click-notes').removeClass('active');
        $('#tab-click-logs').addClass('active');
        $('#panel-content-notes').hide();
        $('#panel-content-logs').show();
        refreshInlineLogs();
    } else {
        $('#tab-click-logs').removeClass('active');
        $('#tab-click-notes').addClass('active');
        $('#panel-content-logs').hide();
        $('#panel-content-notes').show();
    }
}

function refreshInlineLogs() {
    $('#user_inline_logs_load_area').html('<div class="text-center p-5 text-muted"><i class="fa fa-spinner fa-spin fa-2x text-primary"></i><br><span class="mt-2 d-inline-block small font-weight-bold">FETCHING LATEST SYSTEM ENGINE LOGS...</span></div>');
    $.get('/toplogs?fetch=live_logs', function(dataOutput) {
        $('#user_inline_logs_load_area').html(dataOutput);
    });
}
</script>

<script>
/* ⚙️ YOUR EXCLUSIVE PROTECTED HIDDEN DROPDOWN CATEGORY ENCRYPTION ALGORITHM ENGINE */
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>