   {% include 'header.twig' %}
    
<style>
@media (min-width: 550px){
    .filter_btn_wrap .btn_filter{
        text-align: left !important;
    }
}
.dashboard.nightmode #newOrderTabsWrap #pills-tab .nav-item .nav-link.active {
    background: #4D4D4D !important;
    color: #ffffff !important;
}
#service_description{
    display: block !important;
    background-color: #F1F2F6 !important;
    color:#000;
}
.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;
}
.dashboard.nightmode .tab_btn_wrap {
    background: #363636; !important;
}
.dashboard.nightmode #newOrderTabsWrap #pills-tab .nav-item .nav-link {
    
    border-color: #4D4D4D !important;
}
		#service_description,
		#service_avg_time {
			padding: 13px;
			border-radius: 12px;
			font-size: 15px;
			box-shadow:none;
			background-color: #fff4ed;}
	svg {fill: #ffffff;}@media (min-width:992px){
    .totals-block__card-right{ background-color: #fff; }
}
</style>

<style>
.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;
    background: #F1F2F6;
    transition: 0.4s;
}
.filter_btn_wrap .btn_filter:hover{
    background:#cde9ff;
}
</style>


<style>
    .panel-body {
        background: var(--dark-bg-input);
    border: 1px solid var(--form-border-color);
    border-radius: 15px;
    padding: 10px;
    color: white;
    font-size: 13px;
    }
    
</style>


<style>
.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;
}
</style>




  <!-- // page and other top info -->
                    <style>
   #orderform-category,
   #orderform-service{
      display: none;
   }
</style>
	
            <div class="content">
        <!-- page and other top info -->
        <div id="page_info">

        </div>
        <!-- // page and other top info -->
        <style>
   #orderform-category,
   #orderform-service{
      display: none;
   }
</style>

                 <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/4140/4140061.png" class="img-fluid" alt="">
               </div>
               <div class="user__data">
                  <span style="
    font-weight: 800;
">Username</span>
                  <h4>{{ user["username"]  }}</h4>
               </div>
            </div>

               <div class="statistic__item">
            
               <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"] }}
                                                <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">
                              ({{ user["currency_type"] }})
                              <i class="fas fa-sort-down"></i>
                           </a>
   
                        <ul class="balance-dropdown__container dropdown-menu" id="currencies-list">
																		{{ currencies_dropdown }}
																	</ul>
                        </div>
                                             </h4>
                  
               </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>
      </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')">
                           <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')">
                          <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')">
                           <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')">
                           <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')">
                           <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')"> 
                          <img src="https://cdn-icons-png.flaticon.com/128/3116/3116491.png" style="width: 25px;">
                           <span class="filter_txt">
                                 Tiktok
                           </span> 
                       </button>

                       <button class="nwo-cat-btn btn_filter" data-change-cat="telegram" onclick="filterStarted('Telegram')">
                          <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')">
                          <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')">
                          <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')">
                           <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()">
                          <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')">
                        <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>

<!-- //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 class="nav-item" role="presentation">
                       <button class="nav-link" id="pills-favorite-tab" data-bs-toggle="pill" data-bs-target="#pills-favorite" type="button" role="tab" aria-controls="pills-favorite" aria-selected="false"> <i class="fas fa-star"></i> My Favorites</button>
                    </li>
                    <li class="nav-item" role="presentation">
                     <button class="nav-link" id="pills-search-tab" data-bs-toggle="pill" data-bs-target="#pills-search" type="button" role="tab" aria-controls="pills-search" aria-selected="true"> <i class="fas fa-search"></i> Search By Id</button>
                  </li>
                  <li class="nav-item" role="presentation">
                     <button class="nav-link" id="pills-auto-tab" data-bs-toggle="pill" data-bs-target="#pills-auto" type="button" role="tab" aria-controls="pills-auto" aria-selected="false"> <i class="far fa-mp3-player"></i> <span class="hide_phone">Auto</span> Subscriptions</button> -->
                  </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>

                     <!-- 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-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"> Important! </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>

                <!--   <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 -->
                  <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"> <div class="card" style="
    padding: 20px;margin-top: 10px;
">
                      <div class="new-order__content-image">
                              <a href="https://pasteboard.co/ACPliD1hmry3.jpg" target="_blank">
                  <img src="https://cdn.mypanel.link/aeroj9/5gg3e7ht7dpmdrkj.jpg" class="img-fluid">
                </a>
                          </div>
                                <div class="new-order__content-title">
              <div class="position-relative">
                                  <h3><span style="color: var(--color-id-115)"><strong style="font-weight: bold">Attention!</strong></span></h3>
<h4>Before ordering Instagram followers, disable the «Flag for review» option</h4>
<h3><strong style="font-weight: bold">Guide:</strong></h3>
<p>1. Go to «Settings and activity»&nbsp;</p>
<p>2. Select «Follow and invite friends»&nbsp;</p>
<p>3. Turn off «Flag for review» option</p>

                              </div>
            </div>
                    <div class="new-order__content-text">
                          <p><br></p>
                      </div>
                  </div></p>
                     </div>
                     </div>
                  </div>
                  <!-- //Details Start -->

                 

                  <!-- Contact Section -->
                  <div class="tab-pane fade" id="pills-contact" role="tablpanel" aria-label="pills-contact-tab">
                        <p>
                            <div class="fuk">
                    <div class="position-relative">
                     
<h3 class="text-center"><span style="text-align: CENTER"><span style="font-size: 21px"><span style=""><u style="text-decoration: underline"><strong style="font-weight: bold;color: red;">Please Follow</strong></u></span></span></span></h3>
<h3 class="text-center"></h3>
<p class="text-center"><span style="color: var(--color-id-502)"><span style="font-size: 13px"><span style="text-align: CENTER"><strong style="font-weight: bold">No Refill : There Is No Guarantee in any Case</strong></span></span></span></p>
<p class="text-center"><span style="font-size: 14px"><span style="text-align: CENTER"><span style="">Refill : If Drop You Will Get Back</span></span></span></p>
<p class="text-center"><span style="font-size: 14px"><span style="text-align: CENTER"><span style="color: var(--color-id-425)">Nondrop : Best Quality Service</span></span></span></p>
<p class="text-center"><span style="font-size: 14px"><span style="text-align: CENTER"><span style="color: var(--color-id-425)">Lifetime &nbsp;: A service with Fully Guaranteed</span></span></span></p>
<p class="text-center"></p>
<p class="text-center"><span style="font-size: 14px"><span style="text-align: CENTER"><span style="color: var(--color-id-425)">⚠️ Orders will be marked as completed if the link is changed, hidden, or the account is blocked.</span></span></span></p>
<p class="text-center"></p>
<p class="text-center"><span style="font-size: 14px"><span style="text-align: CENTER"><span style="color: var(--color-id-425)">⚠️ If You Order Wrong Link You Will Not Get Refill/Refund</span></span></span></p>
<p class="text-center"></p>
<p class="text-center"><span style="font-size: 14px"><span style="text-align: CENTER"><span style="color: red;">Place Your Order Quantity This Way:</span></span></span></p>
<p class="text-center"><span style="font-size: 14px"><span style="text-align: CENTER"><span style="color: var(--color-id-425)">100, 200, 300, 500,10000</span></span></span></p>
<p class="text-center"><span style="font-size: 14px"><span style="text-align: CENTER"><span style="color: var(--color-id-425)">Don't Place Your Order Quantity This Way:</span></span></span></p>
<p class="text-center"><span style="font-size: 14px"><span style="text-align: CENTER"><span style="color: var(--color-id-425)">55, 61, 77,122, 788 , 1023, 5079</span></span></span></p>
                              </div>
           <div class="new-order__content-text">
                          <p class="text-center"><span style="font-size: 16px"><span style="text-align: CENTER"><span style="color: #efa20f;"><strong style="font-weight: bold">Use 100% Non Drop &amp; Lifetime Garanteed service. &nbsp;For Best suppprt</strong></span></span></span></p>
                      </div></div>
  {% if contentText2 %}
<div class="card mt-3 mb-4">
{{ contentText2 }}
{% endif %}
                     </p>
                        
                        
                     
                  </div>
               </div>
            </div>
         </div>
        </div>

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



{% 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();

});
    
</script>


<script>
    /*
    $(document).on('change','#neworder_category',function(){

           $('#neworder_fields').hide();

           while (1){
               if($('#description')){
                   $('#description').attr('style','display:none');
                   $('#neworder_fields').show();
                   $('#description_new').html($('#service_description').html());
                   console.log('x');
                   break;
               }else{
                   console.log('y');
                   continue;
               }
           }

            document.getElementById('description').addEventListener()

        })
        */

    $(document).on('DOMSubtreeModified','#neworder_fields',function(){
        $('#description').hide();
        $('#description_new').html($('#service_description').html());
    })
  /*  $(document).on('DOMSubtreeModified','#order_link',function(){
        console.log('x');
       // $('#order_link').hide();
        //$('#order_link').html('<div class="fg"><div class="fg-icon"><i class="far fa-link"></i></div><input class="fg-control" name="OrderForm[link]" value="" type="text" id="field-orderform-fields-link"></div></div></div>');
    }) */
    

    $(document).on('DOMSubtreeModified','#neworder_services',function(){
        $('#s_name').html($('#neworder_services').find(":selected").html());
    })




function ikon(opt) {
var ikon = "";
if (opt.indexOf("Instagram") >= 0) {
ikon = '<img src="https://cdn.mypanel.link/si46tw/akj2dlg0893li2ic.png" alt="" class="img-responsive btn-group-vertical" style="max-width: calc(1em + 10px); max-height: calc(1em + 10px); margin-right: 10px;">';
  
} else if (opt.indexOf("Facebook") >= 0) {
ikon = '<img src="https://cdn.mypanel.link/si46tw/ni21xuu3n4a6r0if.png" alt="" class="img-responsive btn-group-vertical" style="max-width: calc(1em + 10px); max-height: calc(1em + 10px); margin-right: 10px;">';
  
} else if (opt.indexOf("YouTube") >= 0) {
ikon = '<img src="https://cdn.mypanel.link/si46tw/3hxfpcmr6odceun7.png" alt="" [ Refill Guarantee ]" class="img-responsive btn-group-vertical" style="max-width: calc(1em + 10px); max-height: calc(1em + 10px); margin-right: 10px;">';
  
} else if (opt.indexOf("Twitter") >= 0) {
ikon = '<img src="https://cdn.mypanel.link/si46tw/u658e5mcklnydog5.png" alt="" class="img-responsive btn-group-vertical" style="max-width: calc(1em + 10px); max-height: calc(1em + 10px); margin-right: 10px;">';
    
} else if (opt.indexOf("Telegram") >= 0) {
ikon = '<img src="https://cdn.mypanel.link/si46tw/rhacs5djntmcr17b.png" alt="" class="img-responsive btn-group-vertical" style="max-width: calc(1em + 10px); max-height: calc(1em + 10px); margin-right: 10px;">';
  
} else if (opt.indexOf("Tik") >= 0) {
ikon = '<img src="https://cdn.mypanel.link/si46tw/04u3rorjptffqax9.png" alt="" class="img-responsive btn-group-vertical" style="max-width: calc(1em + 10px); max-height: calc(1em + 10px); margin-right: 10px;">';
  
} else {
ikon = '<img src="/assets/smmspot/assets/images/icons8-circled-z-24.png" alt="" class="img-responsive btn-group-vertical" style="max-width: calc(1em + 10px); max-height: calc(1em + 10px); margin-right: 10px;">';
}
return ikon;
}

  
  
  var categories = {{categories|json_encode()}};
  
  
  
  
setTimeout(function () {
                $('#neworder_services').trigger('change');
                $('.btn_cat_filter').on('click', function() {
                  
                    category = $(this).data('id');
                    
                     var category_2 = null;
                    if(category == 'instagram'){
                            category_2 = "انستغرام";
                    }
                    if(category == 'facebook'){
                            category_2 = "فايسبوك";
                    }
                    if(category == 'youtube'){
                            category_2 = "يوتيوب";
                    }
                    if(category == 'twitter'){
                            category_2 = "تويتر";
                    }
                    if(category == 'tiktok'){
                            category_2 = "تيك توك";
                    }
                    if(category == 'telegram'){
                            category_2 = "تلغرام";
                    }
                    
                    
                    $('#neworder_category').html("");
                    categories.forEach(element => {
                        if (category == "everything") {
                            $('#neworder_category').append("<option value='" + element.category_id + "'>" + element.category_name + "</option>");
                        } else if (category == "other") {
                            if (!element.category_name.toLowerCase().includes("instagram") &&
                                !element.category_name.toLowerCase().includes("facebook") &&
                                !element.category_name.toLowerCase().includes("youtube") &&
                                !element.category_name.toLowerCase().includes("twitter") &&
                                !element.category_name.toLowerCase().includes("tiktok") &&
                                !element.category_name.toLowerCase().includes("telegram")) {
                                $('#neworder_category').append("<option value='" + element.category_id + "'>" + element.category_name + "</option>");
                            }
                        } else if (element.category_name.toLowerCase().includes(category) || element.category_name.toLowerCase().includes(category_2)) {
                            $('#neworder_category').append("<option value='" + element.category_id + "'>" + element.category_name + "</option>");
                        }
                    });
                    $('#neworder_category').trigger('change');
                    setTimeout(function(){
                        $(".smmspot-sb-dd-item").each(function() {
                            var ico = ikon($(this).text());
                            $(this).html(ico + $(this).text() );
                            console.log($(this).text());
                        });
                    }, 500);
                    setTimeout(function(){
                        $(".smmspot-sb-selected").each(function() {
                            var ico = ikon($(this).text());
                            $(this).html(ico + $(this).text() );
                            console.log($(this).text());
                        });
                    }, 500);
                });
            
        }, 400);
        
</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>
