<!DOCTYPE html>
<html lang="en">
<head>
   <!--  Some CDN Link From Old Theme -->
  
<script src="/GrowFollows-New/popper.min_kj1jw9.js"></script>

    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
          <link rel="stylesheet" href="/GrowFollows-New/swiper-bundle_omnamb.css" integrity="sha512-Aeqz1zfbRIQHDPsvEobXzaeXDyh8CUqRdvy6QBCQEbxIc/vazrTdpjEufMbxSW61+7a5vIDDuGh8z5IekVG0YA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
           <!--  /// Some CDN Link From Old Theme -->
      
            
      <script src="/GrowFollows-New/popper.min_ipw8p8.js"></script>
  
   
</head>
{% include 'header.twig' %}
    <style>
      .dark .red-border-box{
      color: white;
      }
        body {
            font-family: Arial, sans-serif;
        }
        .red-border-box {
            border: 2px solid #D83346; /* Border color */
            border-radius: 15px;
            padding: 15px;
            color: black;
            text-align: center;
            font-weight: normal;
            margin-bottom: 15px; 
        }
        h3 {
            text-decoration: normal; /* Underline for h2 */
            margin: 0; /* Remove extra space above and below h2 */
        }
        p {
            margin: 10px 0; /* Reduced space between paragraphs */
        }
        .video-box {
            border: 2px solid #D83346;
            border-radius: 15px;
            padding: 15px;
            margin-bottom: 15px;
            text-align: center;
        }
        .video-box iframe {
            max-width: 100%;
            height: auto; 
            border-radius: 10px; 
        }
        /* New box for toggle content */
        .toggle-box {
            border: 2px solid #D83346;
            border-radius: 15px;
            padding: 15px;
            text-align: center;
            margin-bottom: 15px;
        }
        .toggle-content {
            display: none;
            color: black;
            background-color: #FFFFFF;
            padding: 6px;
            border-radius: 15px;
            margin-top: 6px;
            font-size: 16px; 
            max-width: 100%; 
            box-sizing: border-box; 
        }
        .toggle-button {
            cursor: pointer;
            background-color: #d83346;
            color: white;
            text-align: center;
            padding: 12px;
            border: none;
            border-radius: 2px;
            font-size: 16px; 
            width: auto; 
            max-width: 100%; 
            box-sizing: border-box; 
        }
        .toggle-button:hover {
            background-color: #333;
        }
        .toggle-button i {
            margin-right: 10px;
        }
        /* A letter styling */
        .box-header {
            font-size: 20px;
            font-weight: bold;
            color: #d83346;
            text-align: center;
            margin-bottom: 10px;
        }
    </style>
 <style>
   .alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
   .alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}
   .p-4{
   padding: 0px !important;
   }
    @media (max-width: 991.98px) {
    .filter_btn_wrap {
        grid-template-columns: repeat(4, 1fr);
       height: 100%;
        overflow: hidden;
        /* grid-gap: 8px 10px; */
    }
}
.align-items-center {
    -ms-flex-align: center !important;
    align-items: none !important;
}
@media (max-width: 991.98px) {
    .filter_btn_wrap {
        grid-template-columns: repeat(4, 1fr);
        /* height: 100px; */
        overflow: hidden;
        /* grid-gap: 8px 10px; */
    }
}
@media (min-width: 992px) {
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
         max-width: 100%;
         margin-top: 1rem !important;
    }
}
.mt-3, .my-3 {
    margin-top: 1rem !important;
}
.dropdown-menu {
    transform: none;
}
.select2-results__option[aria-selected] {
    cursor: pointer;
    background: #ffffff !important;
}
.dark .select2-results__option[aria-selected]{
    background: none !important;
}
.dark .select2-container .select2-selection--single .select2-selection__rendered{
    color: white !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    
    color: black !important;
}
.form-control{
    color: black;
    background: #FFEDE0;
}
.dark .form-control{
    color: white;
    background: #2D2D2D;
}
.select2-results__option a:hover {
    background: #FF7700;
    color: white !important;
}
.panel-body{
    color: black;
        border: 1px solid #FF7700;
}
.dark .panel-body{
    color: white;
}
.filter_btn_wrap .btn_filter{
    background-color: white;
}
.dark .filter_btn_wrap .btn_filter{
     background-color: #161B22;
     color: white;
}
.dark .statistic__item .user__data span{
    color: white;
}
</style>
 <style>
.user_statistic_wraper{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}
.dark .user_statistic_wraper .statistic__item{
    background: #161616;
}
.user_statistic_wraper .statistic__item{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
   background: white;
    padding: 15px 15px;
    border-radius: 10px;
    border: 1px solid #FF7700;
}

.statistic__item .icon{
    width: 45px;
}

.statistic__item .user__data span{
    font-size: 16px;
    font-weight: normal;
    color: #232323;
}

.statistic__item .user__data h4{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0px;
}

.nightmode .user_statistic_wraper .statistic__item{
    background: #182741;
    border: 1px solid ;
  
}
.nightmode .statistic__item .user__data h4,
.nightmode .statistic__item .user__data span{
    color: #fff;
}

}
@media only screen and (max-width: 992px) {
    .user_statistic_wraper{
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }  
}
.user_statistic_wraper .statistic__item{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
   
    padding: 15px 15px;
    border-radius: 10px;
    border: 1px solid #FF7700;
   
}

.statistic__item .icon{
    width: 45px;
}

.statistic__item .user__data span{
    font-size: 16px;
    font-weight: normal;
    color: #232323;
}

.statistic__item .user__data h4{
 font-size: 20px;
    font-weight: bold;
    margin-bottom: 0px;
}


@media only screen and (max-width: 550px) {
    .user_statistic_wraper{
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }   
    .user_statistic_wraper .statistic__item{
        
    }
    .statistic__item .user__data h4,
    .statistic__item .user__data span {
        font-size: 13px;
    }
    .statistic__item .icon {
        width: 30px;
    }
    .user_statistic_wraper .statistic__item{
        gap: 5px;
    }
 
}
.filter_btn_wrap .btn_filter{
    border: 2px solid #FF7700;
}
@media only screen and (max-width: 550px) {
     #pills-tab {
        gap: 5px;
    }
}
 #pills-tab {
    width: 100%;
    gap: 1px;
}
.om{
      border: 1px solid #FF7700;
    border-radius: 5px 5px 0px 0px;
    background-color: white;
    padding: 15px;
    font-size: 17px;
    font-weight: 700;
}
.dark .om{
    background-color: #161616;
}
.sex{
    height: 20px;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid #FF7700;
    margin-top: -13px;
    border-radius: 5px;
}
.card-head{
    background: none;
}   
 
<style>


#unique-dropdown {
 display: none;
 max-height: 200px; /* Set a max height for the results container to make it scrollable */
 overflow-y: auto; /* Enable vertical scrolling if needed */
 border: 1px solid #ccc;
 border-radius: 5px;
 position: absolute;
 z-index: 1000;
 background: white;
}

.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 */
}
.search-results {
 background-color: white;
}

</style>

<!-- Main variables *content* -->
<div class="container" style="display: none">
            <div id="new-order-cats">
               <div class="swiper-wrapper">
                    <div><button class=" btn_cat_filter nwo-cat-btn" data-change-cat="" data-id="everything"></button></div>
                    <div><button class=" btn_cat_filter nwo-cat-btn" data-change-cat="Instagram" data-id="instagram"></button></div>
                    
                    <div><button class="btn_cat_filter nwo-cat-btn" data-change-cat="TikTok" data-id="tiktok"></button></div>
                    <div><button class="btn_cat_filter nwo-cat-btn" data-change-cat="Twitter" data-id="twitter"></button></div>
                    <div><button class="btn_cat_filter nwo-cat-btn" data-change-cat="YouTube" data-id="youtube"></button></div>
                    <div><button class="btn_cat_filter nwo-cat-btn" data-change-cat="Telegram" data-id="telegram"></button></div>
                    <div><button class="btn_cat_filter nwo-cat-btn" data-change-cat="Facebook" data-id="facebook"></button></div>
                    <div><button class="btn_cat_filter nwo-cat-btn" data-change-cat="Spotify" data-id="spotify"></button></div>
                    <div><button class="btn_cat_filter nwo-cat-btn" data-change-cat="Twitch" data-id="twitch"></button></div>
                    <div><button class="btn_cat_filter nwo-cat-btn" data-change-cat="Reddit" data-id="reddit"></button></div>
                    <div><button class="btn_cat_filter nwo-cat-btn" data-change-cat="Snapchat" data-id="snapchat"></button></div>
                    <div><button class="btn_cat_filter nwo-cat-btn" data-change-cat="LinkedIn" data-id="linkedIn"></button></div>
                </div>
            </div>
        </div>
    <main>
        
        
          <div class="container-fluid mt-4" style="
    margin-top: -28px !important; 
">
    <br>
           
            <marquee style="
    font-weight: 800;
">Saturday to Thursday Support Hours : 12:00 PM to 12:00 AM. Friday Support Hours : 3:00 PM to 12:30 AM (Bangladesh Standard Time)</marquee>
            
          <div class="om"> <span> welcome <b style="color: green">{{user["username"]}}</b> <img class="sex" src="https://cdn-icons-png.flaticon.com/128/6270/6270515.png"></span></div>
          
               <div class="container-fluid" style="margin-top: -10px;">
   <div class="row">
      <div class="col-lg-12" style="
    padding-right: 0px;
    padding-left: 0px;
">
         <div class="user_statistic_wraper">
            <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>My Balance</span>
                  <h4>{{ user["balance"] }}</h4>
               </div>
            </div>

            <div class="statistic__item">
               <div class="icon">
                  <img src="https://cdn-icons-png.flaticon.com/128/4140/4140037.png" class="img-fluid" alt="">
               </div>
               <div class="user__data">
                  <span>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/18430/18430939.png" class="img-fluid" alt="">
               </div>
               <div class="user__data">
                  <span>Total Orders</span>
                  <h4>{{totalorders}}</h4>
               </div>
            </div>

            <div class="statistic__item">
               <div class="icon">
                  <img src="https://cdn-icons-png.flaticon.com/128/11502/11502196.png" class="img-fluid" alt="">
               </div>
               <div class="user__data">
                  <span>Announcement</span>
                  <h4><a href="https://t.me/#" style="color: blue !important;"> Join Now ➜</a></h4>
               </div>
            </div>


         </div>
      </div>
   </div>
</div>
           <div class="alert alert-danger">
            For Avoid any misleading of your account. Please turn on 2 factor authentications from your <a href="/account"  style="
    color: #008de3 !important;!i;!;
">account page</a>. Thank you.
         </div>
        <!-- category Filters -->
<div id="category_filter" class="mb-3" >
  <div class="container-fluid">
     <div class="row" style="
    margin-right: -25px;
    margin-left: -25px;
">
        <div class="col-md-12">
           <div class="category_filter_wrap">
              
                 <div class="card-body" style="
    padding: 0px;
">
                    <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>
<!-- //category Filters -->


<!-- New Orders Part -->
<div class="def_wraper">
<div class="container-fluid">
  <div class="row">
     <div class="col-md-6" style="
    padding: 0px;
">
        <div class="card card_v2">
           <div class="card-body" id="newOrderTabsWrap">
                <div class="card-head d-flex neworder-card align-items-center justify-content-between p-4">
                                        <ul class="nav new_order_tabs nav-pills" id="pills-tab" role="tablist">
                                             <li class="nav-item" role="presentation">
                                                <a href="/" class="nav-link active"> 
                                                   <span class="icon"><i class="fas fa-shopping-cart"></i></span>
                                                   <span class="text_name">New Order</span>
                                                </a>
                                             </li>
                                             <!--<li class="nav-item" role="presentation">
                                                <a class="nav-link mass-order" href="javascript:void(0)"> 
                                                   <span class="icon"><i class="fas fa-list-ol"></i></span>
                                                   <span class="text_name">Mass Order</span>
                                                </a>
                                             </li>-->
                                             <li class="nav-item" role="presentation">
                                                <a class="nav-link btn-fav" href="/addfunds"> 
                                                   <span class="icon"><i class="fas fa-star"></i></span>
                                                   <span class="text_name">Add Fund</span>
                                                </a>
                                             </li>
                            
 
                              </div> <br>
              <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"><h4>Your Order  received.</h4>
          <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>

<a href="/"><span class="badge badge-primary">Close</span></a>

      </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 %}	
                         
                              <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="position: absolute; top: 50%; transform: translateY(-50%); padding: 0px 2px; background: none; border: none; left: 12px;" type="button">
                     <span style="color:white;" class="fas fa-search"></span> 
                </button>
             <input type="text" class="form-control" id="unique-input" value="" placeholder="Search">
            </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>
                              
                              {% if neworderTerms %}
										  <div class="checkbox">
											<label>
											  <input type="checkbox" name="neworder_check">{{ lang['neworder.recheck'] }}
											</label>
										  </div>
										  <br>
										{% endif %}
                                
                                 <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-lg-5">
                     <div class="page overflow-hidden">
                        <div class="page-body pb-4 pb-xl-6 mt-4">
                           <div class="card mb-2">
                              
                              <div class="card-body">
                                <div>
                                    <div class="toggle-box">
        <button class="toggle-button" id="toggleButton" onclick="toggleContent()">
            <i class="fa fa-hand-o-right" aria-hidden="true"></i> ⤋ Read Before Ordering | আগে পড়ুন ⤋ &nbsp;
        </button>

        <div class="toggle-content" id="content">
            <p class="text-justify">❏ এটি একটি ১০০% অটোমেটিক সার্ভার, আপনি এটি অর্ডার করার পরে, অর্ডারটি বাতিল করা অনেকটা অসম্ভব।</p>
            <p class="text-justify">❏ আপনি একটি অর্ডার করার আগে বিবরণ বাক্স পড়ুন. আমাদের সম্পর্কে না জেনে অর্ডার করবেন না।</p>
            <p class="text-justify">❏ আমরা কোনো অর্ডারের জন্য ডেলিভারি টাইম গ্যারান্টি দেই না। আমরা সেরা সার্ভিসসমুহ অফার করে থাকি। অর্ডার কখন বিতরণ করা হবে তার আনুমানিক সময় দেওয়া যেতে পারে।।</p>
            <p class="text-justify">❏ কোন অর্ডার করার পর ওই অর্ডারের স্টার্ট কাউন্ট যদি কমে যায়, তাহলে রিফিল পাবেন না।</p>
            <p class="text-justify">❏ একই লিঙ্কে একই সময়ে একাধিক অর্ডার করবেন না।</p>
            <p class="text-justify">❏ ভুল লিঙ্ক অর্ডার করলে আপনি Refund পাবেন না এবং অর্ডার কমপ্লিট মার্ক আসবে।</p>
            <p class="text-justify">❏ আপনি যদি আমাদের বা অন্য কোনো প্যানেলে একই লিঙ্কের জন্য একই সময়ে একাধিক অর্ডার দেন, তাহলে অর্ডারটি কমপ্লিট বলে বিবেচিত হবে।</p>
            <p class="text-justify">❏ আপনি যদি No Refill সার্ভিস অর্ডার করেন তাহলে 100% কমে গেলেও আমরা রিফিল বা অর্ডার পুরনায় স্টার্ট করতে পারবো না। No Refill মানে No grantee any case. even it can auto complete.</p>
            <p class="text-justify">❏ যদি অর্ডারের Start Count কমে যায় তবে অর্ডারটি Complete Mark হিসেবে বিবেচিত হতে পারে।</p>
            <p class="text-justify">❏ আপনি যদি কোনো অর্ডার রিফিল করতে চান তাহলে আপনাকে রিফিলের জন্য 1-5 দিন অপেক্ষা করতে হবে।</p>
            <p class="text-justify">❏ যদি আপনার কোন অর্ডার বাতিলের প্রয়োজন হয় তাহলে আপনাকে বাতিলের জন্য 1-3 দিন অপেক্ষা করতে হবে। উল্লখিত সময়ের মধ্যে অর্ডারটি কমপ্লিট হলে কিছুই করার থাকবে না।</p>
            <p class="text-justify">❏ অর্ডার করার পরে পোস্ট/ভিডিও/লিংক Delete/Private করলে অর্ডার Complete বলে বিবেচিত হবে।</p>
            <p class="text-justify">❏ অর্ডার সংক্রান্ত সকল কিছুর সমাধান আপনি Ticket Option এ পাবেন।</p>
            <p class="text-justify">❏ Payment সংক্রান্ত সমস্যায় Whatsapp এ নক করুন।</p>
            <p class="text-justify">❏ উল্লেখিত Conditions মেনে অর্ডার করুন। আমরা ২৪ ঘন্টা আপনার সাথে আছি।</p>
        </div>
    </div>

    <!-- Important Service Information Box -->
    <div class="red-border-box">
        <h3>Service Information</h3>
        <p>Please Follow:</p>
        <p><strong>No Refill:</strong> There is no guarantee</p>
        <p><strong>Refill:</strong> If drop, you will get it back</p>
        <p><strong>Nondrop:</strong> Best quality service</p>
        <p><strong>Lifetime:</strong> Never drop guarantee</p>
        <p><strong>Note:</strong> If you order the wrong link, you will not get a refill/refund.</p>
        <p>Don't order the same link until the previous one is complete.</p>
    </div>

    <!-- Order Placement Guidelines Box -->
    <div class="red-border-box">
        <h3>Order Placement Guidelines</h3>
        <p>◾ Read the description carefully while ordering any service ◾</p>
        <p>Place Your Order Quantity This Way <br> 100, 200, 300, 500, 10000</p>
        <p>Don't Place Your Order Quantity This Way<br> 55, 61, 77, 122, 788, 1023, 5079</p>
        <p>This type of order will be canceled and refunded.</p>
        <p><strong>Note:</strong> If you use the No Refill service and the delivery fails, auto delivery completes, or there is any other problem with this service, you will not get any kind of refund or support. For more info, <strong>Ticket Us</strong>.</p>
    </div>

    <!-- Toggle Script to Change Icon -->
    <script>
        function toggleContent() {
            var content = document.getElementById("content");
            var button = document.getElementById("toggleButton");
            if (content.style.display === "none" || content.style.display === "") {
                content.style.display = "block";
                button.innerHTML = '<i class="fa fa-hand-o-right" aria-hidden="true"></i> + Close | বন্ধ করুন +  ';
            } else {
                content.style.display = "none";
                button.innerHTML = '<i class="fa fa-hand-o-right" aria-hidden="true"></i> ⤋ Read Before Ordering | আগে পড়ুন ⤋  ';
            }
        }
    </script>
                                  </div>
                              </div>
                           </div>
                        </div>
                     </div>
                </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 -->


	
<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','#neworder_services',function(){
        $('#s_name').html($('#neworder_services').find(":selected").html());
    })


  
</script>


<script>
    $(document).ready(function () {
        function initializeSearch(uniqueID) {
            function fetchData() {
                var searchValue = $("#unique-input").val();
                var $searchResults = $("#unique-dropdown");

                if (searchValue.trim() === "") {
                    return $searchResults.hide(); // Hide the search results container
                }

                $.ajax({
                    type: "POST",
                    url: "ajax_data/selectize",
                    data: { searchValue: searchValue, action: "selectize" },
                    success: function (data, status) {
                        if (data) {
                            $searchResults.html("");
                            $searchResults.css('display', 'block');

                            const searchResults = JSON.parse(data);
                            searchResults.forEach(result => {
                                var listItem = $("<li></li>")
                                    .addClass("selectme")
                                    .attr("data-category_id", result.category_id)
                                    .attr("data-id", result.service_id);

                                var anchor = $("<a></a>")
                                    .css({
                                        "font-size": "16px", // Adjust the font size as needed
                                        "color": "black"   // Set the text color to black
                                    })
                                    .html(result.service_name);

                                // Highlight the matching text
                                var searchText = searchValue.toLowerCase();
                                var resultText = result.service_name.toLowerCase();
                                var startIndex = resultText.indexOf(searchText);
                                if (startIndex !== -1) {
                                    var beforeMatch = result.service_name.substring(0, startIndex);
                                    var match = result.service_name.substring(startIndex, startIndex + searchText.length);
                                    var afterMatch = result.service_name.substring(startIndex + searchText.length);
                                    anchor.html(beforeMatch + '<span class="highlight">' + match + '</span>' + afterMatch);
                                }

                                listItem.append(anchor);

                                // Add a click event handler
                                listItem.click(function () {
                                    handleResult(result.service_id, result.category_id);
                                });

                                $searchResults.append(listItem);
                            });
                        }
                    }
                });
            }

            $('#unique-input').on('input', fetchData);
            $("body").on('click', () => {
                $('#unique-dropdown').css('display', 'none');
                $('#unique-input').val('');
            });

            function handleResult(service_id, category_id) {
                var resultUrl = "ajax_data?service_id=" + service_id + "&category_id=" + category_id;

                $.ajax({
                    type: "GET",
                    url: resultUrl,
                    success: function (data) {
                        $("#neworder_category").val(category_id);
                        $("#neworder_category").trigger("change");
                    }
                });
            }
        }

        // Initialize with a unique identifier
        initializeSearch('drop1');
    });
</script>

			
						   
{% include 'footer.twig' %}



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

</body>
</html>

