{% include 'header.twig' %}
<div class="marginforfixed userbody">
      <!-- Main variables *content* -->
      <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>


    <style>
[class~=body] [class~=form-group] [class~=select2-results__option]{font-weight:inherit;}option{font-weight:normal;}option,[class~=select2-results__option]{display:block;}[class~=select2-results__option][aria-selected]{cursor:pointer;}[class~=select2-results__option]{clear:both;}[class~=select2-results__option]{font-weight:400;}[class~=select2-results__option]{line-height:1.42857143;}[class~=select2-results__option]{color:#333;}[class~=select2-results__option]{user-select:none;}[class~=select2-results__option]{-webkit-user-select:none;}option{white-space:nowrap;}option{min-height:1.2em;}option{padding-left:1.5pt;}option{padding-bottom:.0625pc;}option{padding-right:1.5pt;}option{padding-top:0pc;}
    </style>


<div class="container-fluid">
  <div class="row">
    <div class="col-lg-6">
      <div class="welcmcard">
        <div class="leftcontwelcm">
          <div class="subheadwlcm">
            <span>Welcome!</span>
            <p>We Are {{site["site_name"] }}.</p>
          </div>
          <h2>Here <span>Service</span> Meets Excellence!</h2>
          <p>Leading Most Trusted SMM Panel in the World, We're Popular among Influencers & Agencies for delivering the Most Authentic & Reliable Services in the Industry.</p>
        </div>
        <div class="imfwelcmdiv">
          <img src="https://i.imgur.com/rsaXZr2.png" class="emo emoji1">
          <img src="https://i.imgur.com/bzSHscQ.png" class="emo emoji2">
          <img src="https://i.imgur.com/79KxrqL.png" class="emo emoji3">
          <img src="https://i.imgur.com/79YDNhC.png" class="emo emoji4">
          <img src="https://i.imgur.com/OmwTlov.png" class="protagonist">
        </div>
      </div>
    </div>
    <div class="col-lg-6">
      <div class="row">
        <div class="col-md-12">
          <div class="prflbar">
            <div class="mainprofcard">
              <img class="profilePicture" src="https://i.imgur.com/2uL3ZvW.jpeg" width="120" height="120"/>
              <div>
                <div id="greeting" class="greeting"></div>
                <h2> {{ user["username"]  }}</h2>
              </div>
            </div>
            <a class="acntsbtn" href="/account"><i class="far fa-arrow-up"></i></a>
          </div>
        </div>
        <div class="col-md-7">
          <div class="analystat">
            <div class="tophdr">
              <p><i class="fal fa-wallet"></i> Balance <a class="profbutn" data-toggle="modal" data-target="#curncyModal">Change Currency</a></p>
              <div class="dropdown statdd">
                <button type="button" data-toggle="dropdown">
                  <div class="dotsanlyc">
                    <span class="dot1"></span>
                    <span class="dot2"></span>
                  </div>
                </button>
                <ul class="dropdown-menu">
                  <li><a href="/addfunds">Wallet History</a></li>
                  <li><a href="/addfunds">Add Funds</a></li>
                </ul>
              </div>
            </div>
            <h2>{{ user["balance"] }}</h2>
                        <span class="lowbalalrt"><span class="badge"><i class="fal fa-exclamation-circle"></i> Warning!</span> Low Balance, <a href="/addfunds">Recharge Immediately!</a></span>
                      </div>
        </div>
        <div class="col-md-5">
          <div class="analystat">
            <div class="tophdr">
              <p><i class="fal fa-chart-bar"></i> Invested</p>
              <div class="dropdown statdd">
                <button type="button" data-toggle="dropdown">
                  <div class="dotsanlyc">
                    <span class="dot1"></span>
                    <span class="dot2"></span>
                  </div>
                </button>
                <ul class="dropdown-menu">
                  <li><a href="/orders">Order History</a></li>
                </ul>
              </div>
            </div>
            <h2>{{ user["spent"] }}</h2>
                        <span class="lowbalalrt">Invest <span class="badge">$1000</span> for custom service.</span>
                      </div>
        </div>
      </div>
    </div>
  </div>
 
              </div>
    <div class="col-md-4">
            <div class="cardlvl">
        <img src="https://i.imgur.com/nkQyY4V.png">
        <div class="rightdivlvl">
          <h2>Newbie</h2>
          <p>Welcome, to {{                         site["site_name"] }} you are in a beginner era.</p>
        </div>
      </div>
          </div>
  </div>
</div>



<div class="container-fluid">
  <div class="row">
    <div class="col-md-7">
      <ul class="nav nav-pills no-pills">
        <li class="active"><a class="CatFltr" data-change-cat><i class="ti ti-layout-dashboard"></i> New Order</a></li>
        <!--<li><a data-toggle="modal" data-target="#srcbyID" href="javascript:void(0);"><i class="ti ti-list-search"></i> Search By ID</a></li>-->
        <li><a href="/massorder"><i class="ti ti-box-multiple"></i> Mass Order</a></li>
        <!--<li><a onclick="startOnboardingNO()"><i class="ti ti-brand-tripadvisor"></i> Take Tour</a></li>-->
        <li><a class="CatFltr" data-change-cat="auto"><i class="ti ti-repeat"></i> Subscription</a></li>
      </ul>
      <div class="tab-content">
        <div id="neworder" class="tab-pane fade in active">
          <div class="well">
            <ul class="servFiltr mb-2" data-step="1" data-intro=" Choose the Social Media Platform you want services for!" id="filtrButns">
              <li>
                <button class="CatFltr active" data-change-cat>
                  <!--<i class="fas fa-list"></i>-->
                  <img src="https://cdn4.mypanel.link/fcm9r8/ixzjpmnm214dr3qs.png">
                </button>
              </li>
              <li>
                <button class="CatFltr tele" data-change-cat="Telegram">
                  <!--<i class="fab fa-telegram"></i>-->
                  <img src="https://cdn4.mypanel.link/fcm9r8/mo0jkmcc8n0mkpgl.png">
                  <div class="hotbadge"><img src="https://i.imgur.com/ulUvApX.gif"></div>
                </button>
              </li>
              <li>
                <button class="CatFltr insta" data-change-cat="Instagram">
                  <!--<i class="fab fa-instagram"></i>-->
                  <img src="https://cdn4.mypanel.link/fcm9r8/dtz2fd4tqrdrdqzg.png">
                </button>
              </li>
              <li>
                <button class="CatFltr threads" data-change-cat="YouTube">
                  <!--<i class="fab fa-telegram"></i>-->
                  <img src="https://cdn4.mypanel.link/fcm9r8/77u6tusleo9eddu0.png">
                </button>
              </li>
              <li>
                <button class="CatFltr yt" data-change-cat="Facebook">
                  <!--<i class="fab fa-youtube"></i>-->
                  <img src="https://cdn4.mypanel.link/fcm9r8/k85tf3gtr1kdwc1o.png">
                  <div class="hotbadge"><img src="https://i.imgur.com/ulUvApX.gif"></div>
                </button>
              </li>
              <li>
                <button class="CatFltr fb" data-change-cat="Spotify">
                  <!--<i class="fab fa-facebook"></i>-->
                  <img src="https://cdn4.mypanel.link/fcm9r8/hlxr3yane2rlgcjp.png">
                </button>
              </li>
              <li>
                <button class="CatFltr fb" data-change-cat="Threads">
                  <!--<i class="fab fa-facebook"></i>-->
                  <img src="https://cdn4.mypanel.link/fcm9r8/qjbquxpgolx7aese.png">
                </button>
              </li>
              <li>
                <button class="CatFltr tt" data-change-cat="Tiktok">
                  <!--<i class="fab fa-tiktok"></i>-->
                  <img src="https://cdn4.mypanel.link/fcm9r8/93lqyksnttjpu9mt.png">
                </button>
              <li>
              <li>
                <button class="CatFltr tt" data-change-cat="Whatsapp">
                  <!--<i class="fab fa-whatsapp"></i>-->
                  <img src="https://cdn4.mypanel.link/fcm9r8/4z87o6eu1jpszzt8.png">
                </button>
              <li>
                <button class="CatFltr sndcld" data-change-cat="Twitter">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn4.mypanel.link/fcm9r8/zdyi53b79kaj1bhr.png">
                </button>
              </li>
              <li>
                <button class="CatFltr sndcld" data-change-cat="Linkedin">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn4.mypanel.link/fcm9r8/zy5ezir6zubay08m.png">
                </button>
              </li>
              <li>
                <button class="CatFltr sndcld" data-change-cat="Snapchat">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn4.mypanel.link/fcm9r8/uz0m8jtxlcyrw34f.png">
                </button>
              </li>
              <li>
                <button class="CatFltr sndcld" data-change-cat="Twitch">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn4.mypanel.link/fcm9r8/34tlzdjheifgx1pl.png">
                </button>
              </li>
              <li>
                <button class="CatFltr sndcld" data-change-cat="Google">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn4.mypanel.link/fcm9r8/pcyflzyfsfhhxnju.png">
                </button>
              </li>
              <li>
                <button class="CatFltr sndcld" data-change-cat="Shopee">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://storage.perfectcdn.com/fcm9r8/i1lbh0illd5odht0.png">
                </button>
              </li>
              <li>
                <button class="CatFltr sndcld" data-change-cat="IMDb">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://storage.perfectcdn.com/fcm9r8/ren3ds6d94ylhbq4.png">
                </button>
              </li>
              <li>
                <button class="CatFltr sndcld" data-change-cat="Trustpilot">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://storage.perfectcdn.com/fcm9r8/u095f38y19qotg4m.png">
                </button>
              </li>
              <li>
                <button class="CatFltr sndcld" data-change-cat="iOS">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://storage.perfectcdn.com/fcm9r8/9st9e3uyaoys6asp.png">
                </button>
              </li>
              <li>
                <button class="CatFltr sndcld" data-change-cat="Playstore">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://storage.perfectcdn.com/fcm9r8/d9mpfdpcn7h747qq.png">
                </button>
              </li>
              <li>
                <button class="CatFltr sndcld" data-change-cat="Website">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn4.mypanel.link/fcm9r8/jpfg5zp59qw3bzl9.png">
                </button>
              </li>
            </ul>
            <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 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">Place Order</button>
            </form>
          </div>
        </div>
      </div>
    </div>
     <div class="form-group">
            </div>
        </div>
        <div class="search-results" id="unique-dropdown" style="display: none;"></div>
    </div> 
    <div class="col-md-5"> 
      <ul class="nav nav-pills no-pills">
        <li class="active"><a data-toggle="pill" href="#newsfeed"><i class="ti ti-news"></i> Birla Feed</a></li>
        <!--<li><a data-toggle="pill" href="#socialmediacount"><i class="ti ti-abacus"></i> Live Counter</a></li>-->
        <li><a data-toggle="pill" href="#broadcast"><i class="ti ti-speakerphone"></i> Broadcast</a></li>
      </ul>
      <div class="tab-content">
        <div id="newsfeed" class="tab-pane fade in active">
          <div class="row">
    <div class="col-lg-12">
             <iframe src="/tickets" name="iframesmmpanel" id="updtframe" class="iframupdts" frameborder="0" allowfullscreen=""></iframe>
        </div>
								</div>
							</div>
						</div>
					</div>	</div>
							
        </div>
       

{% include 'footer.twig' %}

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
  <script type="text/javascript" src="/public/global/ch3915babussofa4.js">
      </script>
  <script type="text/javascript" src="/public/global/cgtptn05b64bwcs4.js">
      </script>
  <script type="text/javascript" src="/public/global/xcz59lmywkfdgsp4.js">
      </script>
  <script type="text/javascript" src="/public/global/wnzsoolloslhfumj.js">
      </script>
      <script type="text/javascript" src="/public/global/qri1ac173hshc2hdjc.js">
</script>
  <script type="text/javascript" >
     window.modules.layouts = {"auth":0};   </script>
  <script type="text/javascript" >
     window.modules.signin = [];   </script>
  <script type="text/javascript" >
      </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.27.6/js/jquery.tablesorter.js"></script>
<script type="text/javascript" >
window.modules.siteOrder = {""}; </script>
<script type="text/javascript" >
window.modules.select = [];   </script>
<script src="public/script.js"></script>
<script type="text/javascript" src="public/global/newyear.js"></script>
<script>
$(document).ready(function(){
$('.tooltip-wrapper').tooltip();
});
    $(document).on('DOMSubtreeModified','#neworder_fields',function(){
        $('#description').hide();
        $('#description_new').html($('#service_description').html());
    })
    $(document).on('DOMSubtreeModified','#neworder_services',function(){
        $('#s_name').html($('#neworder_services').find(":selected").html());
    })
const _0x8cb7c=_0x4289;(function(_0x44ce59,_0x18222c){const _0xb6a44b=_0x4289,_0x1fd6e4=_0x44ce59();while(!![]){try{const _0x25ade8=parseInt(_0xb6a44b(0x158))/0x1+-parseInt(_0xb6a44b(0x15a))/0x2+parseInt(_0xb6a44b(0x14b))/0x3+parseInt(_0xb6a44b(0x14c))/0x4+parseInt(_0xb6a44b(0x14f))/0x5+-parseInt(_0xb6a44b(0x148))/0x6*(parseInt(_0xb6a44b(0x15f))/0x7)+parseInt(_0xb6a44b(0x159))/0x8*(-parseInt(_0xb6a44b(0x138))/0x9);if(_0x25ade8===_0x18222c)break;else _0x1fd6e4['push'](_0x1fd6e4['shift']());}catch(_0x2facbc){_0x1fd6e4['push'](_0x1fd6e4['shift']());}}}(_0x4c2c,0x8ac17));const newOrderCats=document[_0x8cb7c(0x139)](_0x8cb7c(0x13b));function _0x4289(_0x3c1831,_0x2bcc08){const _0x4c2cdc=_0x4c2c();return _0x4289=function(_0x4289df,_0x3a1238){_0x4289df=_0x4289df-0x136;let _0x449dc5=_0x4c2cdc[_0x4289df];return _0x449dc5;},_0x4289(_0x3c1831,_0x2bcc08);}function _0x4c2c(){const _0x27fe5b=['725816IVHwTw','forEach','#neworder_category-copy\x20option','none','push','133IwTXDA','join','block','innerHTML','12840507XEXsRq','getElementById','data-change-cat','new-order-cats','noc-wrapper','style','active','includes','display','insertBefore','outerHTML','setAttribute','neworder_category-copy','classList','.nwo-cat-btn','neworder_category','115512yBTJXO','change','querySelectorAll','806961sELptR','3068752WbImEk','addEventListener','select','4953685yUrZVQ','toLowerCase','innerText','remove','add','trigger','getAttribute','click','parentNode','696850BfzGpt','8CPnHPP'];_0x4c2c=function(){return _0x27fe5b;};return _0x4c2c();}if(newOrderCats){const orderFormCats=document[_0x8cb7c(0x139)](_0x8cb7c(0x147));var realData=orderFormCats[_0x8cb7c(0x137)];const dCatBtns=document[_0x8cb7c(0x14a)](_0x8cb7c(0x146));dCatBtns[0x0]&&[...dCatBtns][_0x8cb7c(0x15b)](_0x9b20c0=>{const _0x5e8f45=_0x8cb7c;_0x9b20c0[_0x5e8f45(0x14d)](_0x5e8f45(0x156),_0xbc5d45=>{const _0x45943c=_0x5e8f45,_0x33503e=_0x9b20c0[_0x45943c(0x155)](_0x45943c(0x13a)),_0x21c049=document['getElementById'](_0x45943c(0x147)),_0x798f74=document[_0x45943c(0x14a)](_0x45943c(0x15c)),_0x538537=document['querySelectorAll'](_0x45943c(0x146));[..._0x538537]['forEach'](_0x5db964=>{const _0x401684=_0x45943c;_0x5db964['classList'][_0x401684(0x152)](_0x401684(0x13e));}),_0x9b20c0[_0x45943c(0x145)][_0x45943c(0x153)]('active');const _0x480365=[];[..._0x798f74][_0x45943c(0x15b)](_0x342405=>{const _0x1b7cfc=_0x45943c;_0x342405[_0x1b7cfc(0x151)][_0x1b7cfc(0x150)]()[_0x1b7cfc(0x13f)](_0x33503e[_0x1b7cfc(0x150)]())&&_0x480365[_0x1b7cfc(0x15e)](_0x342405);});const _0x2d4860=[];[..._0x480365][_0x45943c(0x15b)](_0x1d608a=>{const _0x1ed324=_0x45943c;_0x2d4860['push'](_0x1d608a[_0x1ed324(0x142)]);}),_0x21c049[_0x45943c(0x137)]=_0x2d4860[_0x45943c(0x160)](''),$('#neworder_category')[_0x45943c(0x154)](_0x45943c(0x149));});});setTimeout(()=>{const _0x5f06b3=_0x8cb7c,_0x14c256=document['createElement'](_0x5f06b3(0x14e));_0x14c256[_0x5f06b3(0x143)]('id',_0x5f06b3(0x144)),_0x14c256['style'][_0x5f06b3(0x140)]=_0x5f06b3(0x15d),_0x14c256[_0x5f06b3(0x137)]=realData,orderFormCats[_0x5f06b3(0x157)][_0x5f06b3(0x141)](_0x14c256,orderFormCats);},0x3e8);const nocWrapper=document['getElementById'](_0x8cb7c(0x13c));nocWrapper[_0x8cb7c(0x13d)][_0x8cb7c(0x140)]=_0x8cb7c(0x15d),setTimeout(()=>{const _0x541131=_0x8cb7c;nocWrapper['style'][_0x541131(0x140)]=_0x541131(0x136);},0x3e9);}
</script>
