{% include 'header.twig' %}
    <div id="page-wrapper">
        <div class="inner-page-wrapper">
            <div class="container-fluid neworder">
                <div class="row">
                    <div class="col-sm-12">
                      <div class="row stat">
                        <div class="col-sm-3 stat-wrap">
                          <div class="media">
                            <div class="media-left">
                              <img class="media-object" src="https://i.postimg.cc/xCdkkZMt/Layer-111.png" alt="">
                            </div>
                              <div class="media-body">
                                <h4 class="media-heading">Total Orders</h4>
                                <p class="media-desc">132654</p>
                              </div>
                            <div class="bottom-grad grad1 "></div>
                          </div>
                        </div>
                
                        <div class="col-sm-3 stat-wrap">
                          <div class="media">
                            <div class="media-left">
                              <img class="media-object" src="https://i.postimg.cc/TwHKnccG/Layer-111231.png" alt="">
                            </div>
                            <div class="media-body">
                              <h4 class="media-heading">You Have Spent</h4>
                              <p class="media-desc">{{ user["spent"] }}$ </p>
                            </div>
                            <div class="bottom-grad grad2"></div>
                          </div>
                        </div>
                
                        <div class="col-sm-3 stat-wrap reseller">
                
                          <div class="media">
                            <div class="media-left">
                              <img class="media-object" src="https://i.postimg.cc/zvbV7Rdh/Layer-111213231.png" alt="">
                            </div>
                            <div class="media-body">
                              <h4 class="media-heading">Resellers Program</h4>
                              <p class="media-desc" style="font-size: 17px;margin-bottom: 0;">Earn Money</p>
                              <small><a href="/giveaway">Click Here</a></small>
                            </div>
                            <div class="bottom-grad grad3"></div>
                          </div>
                          <!-- <a href="/giveaway" class="reseller-box">Get your own panel!</a> -->
                        </div>
                
                        <div class="col-sm-3 stat-wrap acct-status">
                          <a type="button" data-toggle="modal" data-target="#exampleModalnew">
                            <div class="media">
                              <div class="media-left">
                                <img class="media-object" src="https://i.postimg.cc/Y05jsqVs/Layer-11121321134531.png" alt="">
                              </div>
                              <div class="media-body">
                                <h4 class="media-heading">Account Status</h4>
                                <p class="media-desc" style="text-transform: uppercase;">
                                                    {{ status }} 
                                                    
                                  <!-- New - 50$
                                  Junior - 100$
                                  Regular - 1K$
                                  frequent - 2.5K
                                  Elite - 10K
                                  VIP - 15K
                                  Master - 50k -->
                
                                  </p>
                              </div>
                              <div class="bottom-grad grad4"></div>
                            </div>
                          </a>
                        </div>
                      </div>
                    </div>
      
                </div>
            </div>
            <div class="row" style="">
                <div class="col-sm-7">
                        <div class="well">
                            <ul class="nav nav-tabs dash-tabs">
                              <li role="presentation" class="active"><a class="nav-link active" id="home-tab" data-toggle="tab" role="tab" aria-controls="home" aria-selected="true" aria-expanded="false" href="#neworder" ><i class="fas fa-plus-circle"></i> New order</a></li>
                              <li role="presentation"><a id="home-tab" data-toggle="tab" role="tab" aria-controls="home" aria-selected="true" aria-expanded="false" href="#massorder"><i class="fas fa-clone"></i> Mass order</a></li>
                              <!-- <li role="presentation"><a class="nav-link" id="home-tab" data-toggle="tab" href="#accstatus" role="tab" aria-controls="home" aria-selected="true" aria-expanded="true"><i class="fas fa-info-circle"></i> Account Status</a></li> -->
                              <li class="pull-right"><button class="btn btn-primary" data-toggle="modal" data-tooltip="tooltip" data-placement="left" data-target="#exampleModal" title="" data-original-title="Click me !!" aria-describedby="tooltip832309">
                                    <i class="fas fa-info"></i>
                                    <span class="like-tootips"></span>
                                    <div class="tooltip-arrow" style="top: 53%;"></div>
                                </button></li>
                            </ul>
                            {% 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.link"] }}: </strong> {{ data['order']['price'] }} <br>
                                            <strong> {{ lang["neworder.success.balance"] }}: </strong>{{ data['order']['balance'] }} <br>
                                        </div>
                            {% endif %}
                            {% if data["order"]["success"] == 2 %}
                                        <div class="alert alert-dismissible alert-success">
                                            <strong> {{ lang["neworder.success.id"] }}: </strong> {{ data['order']['id'] }} <br>
                                            <strong> {{ lang["neworder.success.service"] }}: </strong> {{ data['order']['service'] }} <br>
                                            <strong> {{ lang["neworder.success.username"] }}: </strong> {{ data['order']['link'] }} <br>
                                            <strong> {{ lang["neworder.success.quantity"] }}: </strong> {{ data['order']['min'] }} - {{ data['order']['max'] }} <br>
                                            <strong> {{ lang["neworder.success.posts"] }}: </strong> {{ data['order']['posts'] }} <br>
                                            <strong> {{ lang["neworder.success.delay"] }}: </strong>{{ data['order']['delay'] }} <br>
                                        </div>
                            {% endif %}
                            <div class="tab-content" id="myTabContent">
                                <div class="tab-pane fade active in" id="neworder" role="tabpanel" aria-labelledby="home-tab">
                                    <form  action="/" method="post" id="order-form">
                                        <div class="form-group">
                                            <label for="orderform-category" class="control-label">{{ lang["neworder.category"] }}</label>
                                            <select class="form-control" id="neworder_category" name="categories">
                                              {% for category in categories %}
                                                  <option value="{{ category["category_id"] }}" {% if category["category_id"] == data['categories'] %} selected {% endif %} >{{ category["category_name"] }}</option>
                                              {% endfor %}
                                            </select>
                                        </div>
                                        <div class="form-group">
                                          <label for="orderform-service" class="control-label">{{ lang["neworder.service"] }}</label>
                                          <select class="form-control" id="neworder_services" name="services">
                
                                          </select>
                                        </div>
                                        <div id="neworder_fields"></div>
                                        <div class="form-group" id="charge_div">
                                          <label for="charge" class="control-label">{{ lang["neworder.charge"] }}</label>
                                          <input type="text" class="form-control" id="charge" readonly>
                                        </div>
                                        <button type="submit" class="dash-btn">{{ lang["neworder.button"] }}</button>
                                    </form>
                                    </div>
                                    <div class="tab-pane fade" id="massorder" role="tabpanel" aria-labelledby="home-tab">
                                        <form  method="post" action="/massorder">
                                                                      <div class="form-group">
                                            <label for="links" class="control-label">One order per line in format</label>
                                            <textarea class="form-control mass-order-textarea" name="MassOrderForm[orders]" rows="15" id="links" placeholder="service_id | link | quantity"></textarea>
                                          </div>
                                          <input type="hidden" name="_csrf" value="17AWAxY3fPJjAq3BopXGJDjLwGDwhrnONtXtkfgpueyAyF41d1o6xjF74PT11vcSeZ_zCMHLipoCt7z8n2Hx2Q==">
                                          <button type="submit" class="dash-btn">Submit</button>
                                        </form>
                                      </div>
                               
                            
                            <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document" style="text-align:center;background:linear-gradient(-45deg, #b314b2 0%,#4e0eae 100%);">
      <div class="modal-content" style="text-align:center;background:linear-gradient(-45deg, #b314b2 0%,#4e0eae 100%);color:white;">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
          <img src="{{ site['logo'] }}" alt="ftr-logo">

        </div>
        <div class="modal-body">
          <h4 class="modal-title" id="myModalLabel">Information</h4>
          <p>⚠️ Do Not place multiple orders for the</p>

          <p>same link at the same time, wait until the first order will be Completed / Canceled or Partial</p>

          <p>before placing a new one. Will be NO cancellation and No refund in such cases. ( Also: Do not place the same orders twice until the first one will be</p>

          <p>Completed/Canceled/Partial. NO cancellation will be made and both orders will be marked as "Completed"! ). We cannot deliver you the correct number of followers/likes/views etc. in such cases. We</p>

          <p>will not refund for these orders. Please keep attention. In case your Order has been dropped, please wait for us to Refill or Cancel or Partial before to make a new order. We will not cancel any orders in this case. Please keep attention!. ⚠️The system is working according to the start count and marks your orders as completed after you will receive enough quantity. So, Don't ask us to cancel or anything else with the reason:" views/Likes/subs... come from my real users, my fans, another sellers etc. Please keep attention!</p>

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


                     </div>
                            </div></div>        
                            
                            
                            
                            <div class="col-sm-5">
                                <div class="well">
                                    <ul id="myTabs" class="video-tabs nav nav-tabs dash-tabs" role="tablist" data-tabs="tabs">
                                        <li class="active"><a href="#abc" data-toggle="tab" aria-expanded="true"><i class="fas fa-play-circle"> </i>Video Tutorial</a></li>
                                        <li class=""><a href="#bcd" data-toggle="tab" aria-expanded="false"><i class="fas fa-play-circle"></i>Get In Touch</a></li> 
                                    </ul>
                                    <div class="tab-content">
                                          <div role="tabpanel" class="tab-pane fade in active" id="abc">
                                            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                              <div class="panel panel-default">
                                                <div class="panel-heading" role="tab" id="headingOne">
                                                  <h4 class="panel-title">
                                                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                      How To Place An Order
                                                      <span> </span>
                                                    </a>
                                                  </h4>
                                                </div>
                                                <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                                                  <div class="panel-body">
                                                    <iframe width="100%" height="auto" src="https://m.youtube.com/watch?v=1xbpO5ycMr0&feature=youtu.be" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                  </div>
                                                </div>
                                              </div>
                                              <div class="panel panel-default">
                                                <div class="panel-heading" role="tab" id="headingTwo">
                                                  <h4 class="panel-title">
                                                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                                      How To Use Drip-Feed
                                                      <span></span>
                                                    </a>
                                                  </h4>
                                                </div>
                                                <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                                                  <div class="panel-body">
                                                    <iframe width="100%" height="auto" src="https://www.youtube.com/embed/5Peo-ivmupE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                  </div>
                                                </div>
                                              </div>
                                              <div class="panel panel-default">
                                                <div class="panel-heading" role="tab" id="headingThree">
                                                  <h4 class="panel-title">
                                                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                                      How To Load Funds
                                                      <span></span>
                                                    </a>
                                                  </h4>
                                                </div>
                                                <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                                                  <div class="panel-body">
                                                    <iframe width="100%" height="auto" src="https://www.youtube.com/embed/5Peo-ivmupE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                  </div>
                                                </div>
                                              </div>
                                              <div class="panel panel-default">
                                                <div class="panel-heading" role="tab" id="headingfour">
                                                  <h4 class="panel-title">
                                                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapsefour" aria-expanded="false" aria-controls="collapsefour">
                                                      Reseller Program Tutorial
                                                      <span></span>
                                                    </a>
                                                  </h4>
                                                </div>
                                                <div id="collapsefour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                                                  <div class="panel-body">
                                                    <iframe width="100%" height="auto" src="https://www.youtube.com/embed/5Peo-ivmupE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                  </div>
                                                </div>
                                              </div>
                                              <div class="panel panel-default">
                                                <div class="panel-heading" role="tab" id="headingfive">
                                                  <h4 class="panel-title">
                                                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapsefive" aria-expanded="false" aria-controls="collapsefive">
                                                      Refer & Earn Tutorial
                                                      <span></span>
                                                    </a>
                                                  </h4>
                                                </div>
                                                <div id="collapsefive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                                                  <div class="panel-body">
                                                    <iframe width="100%" height="auto" src="https://www.youtube.com/embed/5Peo-ivmupE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                          <div role="tabpanel" class="tab-pane fade" id="bcd">
                                            <div class="get-in-touch">
                                              <div class="contactInfo">
                                                <p>Need help? We are always ready to help you in any of your needs! Choose the best way to get in touch and we Will contact you ASAP!</p>
                                              </div>
                                              <h5>Support Ticket <span>(easiest & fastest)</span></h5>
                                              <a class="openTicket" href="/tickets">Open New Ticket</a>
                                              <div class="media">
                                                <div class="media-left">
                                                  <a href="#" style="color:#00aff1;">
                                                    <i class="fab fa-skype"></i>
                                                  </a>
                                                </div>
                                                <div class="media-body">
                                                  <h4 class="media-heading">Skype</h4>
                                                  <a href="skype:s{{ settings['skype'] }}?call">{{ settings['skype'] }}</a>
                                                </div>
                                              </div>
                                              <div class="media">
                                                <div class="media-left">
                                                  <a href="#" style="color:#5ee78d;">
                                                    <i class="fa fa-envelope"></i>
                                                  </a>
                                                </div>
                                                <div class="media-body">
                                                  <h4 class="media-heading">Email</h4>
                                                  <a href="mailto:{{ settings['email'] }}">{{ settings['email'] }}</a>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                </div>
                            </div>
                            
                            
                            <!-- Modal -->
<div class="modal fade" id="exampleModalnew" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <img src="{{ site['logo'] }}" alt="ftr-logo" style="margin: auto;display: block;">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-sm-3">
            <div class="acc-status-wrap">
              <p class="top-txt">HAVEN'T SPENT MORE THAN</p>
              <div class="acc-status-iiner">
                <div class="acc-status-head">
                  <p>NEW</p>
                  <p>$50</p>
                </div>
                <div class="acc-status-mid">
                  <div class="acc-status-mid-left">
                  <span><i class="fas fa-check-circle"></i></span>
                  </div>
                  <div class="acc-status-mid-right">
                    <p>Active</p>
                    <div class="acc-p-bar"><span class="acc-p-bar-inner"></span></div>
                  </div>
                </div>
                <!-- <div class="acc-status-body">
                  <p>24/7 Ticket Support</p>
                  <p>5% Payments Bonus**</p>
                  <p class="no">Paypal Auto Enabled</p>
                  <p class="no">500$ Montly Lottery***</p>
                  <p class="no">24/7 Phone / Whatsapp / Skype Support</p>
                  <p class="no">Custom Services </p>
                  <p class="no">Early Notification On New Services</p>
                  <p class="no">Support Handled By The Admins</p>
                </div> -->
                <div class="acc-status-body">
                  <p>24/7 ticket support </p>
                  <p>5% bonus</p>
                  <p class="no">Whatsapp Support</p>
                  <p class="no">Free Child Panel Lifetime🔥 (Website Like Ours</p>
                  <p class="no">7% bonus instead of 5% for regular</p>
                  <p class="no">5-40% Discounted Available</p>
                  <p class="no">VIP Whatsapp / Calling support</p>
                  <p class="no">100$ Monthly Lottery for 5 Random Users</p>
                  <p class="no">Paypal Manual/Auto Accepted</p>
                  <p class="no">Best Design for Your Child Panel</p>
                  <p class="no">Personal Assistance</p>
                  <p class="no">Early Notification On New Services</p>
                  <p class="no">Hidden Services</p>
                  <p class="no">Special Discount By The Admins</p>
                  <p class="no">Support Handled By The Admins</p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="acc-status-wrap">
              <p class="top-txt">HAVE SPENT MORE THAN</p>
              <div class="acc-status-iiner">
                <div class="acc-status-head">
                  <p>JUNIOR</p>
                  <p>$100</p>
                </div>
                <div class="acc-status-mid">
                  <div class="acc-status-mid-left">
                  <span><i class="fas fa-check-circle"></i></span>
                  </div>
                  <div class="acc-status-mid-right">
                    <p>Active</p>
                    <div class="acc-p-bar"><span class="acc-p-bar-inner"></span></div>
                  </div>
                </div>
                <div class="acc-status-body">
                  <p>24/7 ticket support </p>
                  <p>5% bonus</p>
                  <p>Whatsapp Support</p>
                  <p class="no">Free Child Panel Lifetime🔥 (Website Like Ours</p>
                  <p class="no">7% bonus instead of 5% for regular</p>
                  <p class="no">5-40% Discounted Available</p>
                  <p class="no">VIP Whatsapp / Calling support</p>
                  <p class="no">100$ Monthly Lottery for 5 Random Users</p>
                  <p class="no">Paypal Manual/Auto Accepted</p>
                  <p class="no">Best Design for Your Child Panel</p>
                  <p class="no">Personal Assistance</p>
                  <p class="no">Early Notification On New Services</p>
                  <p class="no">Hidden Services</p>
                  <p class="no">Special Discount By The Admins</p>
                  <p class="no">Support Handled By The Admins</p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="acc-status-wrap">
              <p class="top-txt">HAVE SPENT MORE THAN</p>
              <div class="acc-status-iiner">
                <div class="acc-status-head">
                  <p>Regular</p>
                  <p>$1000</p>
                </div>
                <div class="acc-status-mid">
                  <div class="acc-status-mid-left">
                  <span><i class="fas fa-check-circle"></i></span>
                  </div>
                  <div class="acc-status-mid-right">
                    <p>Active</p>
                    <div class="acc-p-bar"><span class="acc-p-bar-inner"></span></div>
                  </div>
                </div>
                <div class="acc-status-body">
                  <p>24/7 ticket support </p>
                  <p>5% bonus</p>
                  <p>Whatsapp Support</p>
                  <p>Free Child Panel Lifetime🔥 (Website Like Ours</p>
                  <p>7% bonus instead of 5% for regular</p>
                  <p>5-40% Discounted Available</p>
                  <p class="no">VIP Whatsapp / Calling support</p>
                  <p class="no">100$ Monthly Lottery for 5 Random Users</p>
                  <p class="no">Paypal Manual/Auto Accepted</p>
                  <p class="no">Best Design for Your Child Panel</p>
                  <p class="no">Personal Assistance</p>
                  <p class="no">Early Notification On New Services</p>
                  <p class="no">Hidden Services</p>
                  <p class="no">Special Discount By The Admins</p>
                  <p class="no">Support Handled By The Admins</p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="acc-status-wrap">
              <p class="top-txt">HAVE SPENT MORE THAN</p>
              <div class="acc-status-iiner">
                <div class="acc-status-head">
                  <p>Frequent</p>
                  <p>$2500</p>
                </div>
                <div class="acc-status-mid">
                  <div class="acc-status-mid-left">
                  <span><i class="fas fa-check-circle"></i></span>
                  </div>
                  <div class="acc-status-mid-right">
                    <p>Active</p>
                    <div class="acc-p-bar"><span class="acc-p-bar-inner"></span></div>
                  </div>
                </div>
                <div class="acc-status-body">
                  <p>24/7 ticket support </p>
                  <p>5% bonus</p>
                  <p>Whatsapp Support</p>
                  <p>Free Child Panel Lifetime🔥 (Website Like Ours</p>
                  <p>7% bonus instead of 5% for regular</p>
                  <p>5-40% Discounted Available</p>
                  <p>VIP Whatsapp / Calling support</p>
                  <p>100$ Monthly Lottery for 5 Random Users</p>
                  <p class="no">Paypal Manual/Auto Accepted</p>
                  <p class="no">Best Design for Your Child Panel</p>
                  <p class="no">Personal Assistance</p>
                  <p class="no">Early Notification On New Services</p>
                  <p class="no">Hidden Services</p>
                  <p class="no">Special Discount By The Admins</p>
                  <p class="no">Support Handled By The Admins</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <br>
        <br>
        <div class="row">
          <div class="col-sm-3">
            <div class="acc-status-wrap">
              <p class="top-txt">HAVE SPENT MORE THAN</p>
              <div class="acc-status-iiner">
                <div class="acc-status-head">
                  <p>Elite</p>
                  <p>$10000</p>
                </div>
                <div class="acc-status-mid">
                  <div class="acc-status-mid-left">
                  <span><i class="fas fa-check-circle"></i></span>
                  </div>
                  <div class="acc-status-mid-right">
                    <p>Active</p>
                    <div class="acc-p-bar"><span class="acc-p-bar-inner"></span></div>
                  </div>
                </div>
                <div class="acc-status-body">
                  <p>24/7 ticket support </p>
                  <p>5% bonus</p>
                  <p>Whatsapp Support</p>
                  <p>Free Child Panel Lifetime🔥 (Website Like Ours</p>
                  <p>7% bonus instead of 5% for regular</p>
                  <p>5-40% Discounted Available</p>
                  <p>VIP Whatsapp / Calling support</p>
                  <p>100$ Monthly Lottery for 5 Random Users</p>
                  <p>Paypal Manual/Auto Accepted</p>
                  <p>Best Design for Your Child Panel</p>
                  <p class="no">Personal Assistance</p>
                  <p class="no">Early Notification On New Services</p>
                  <p class="no">Hidden Services</p>
                  <p class="no">Special Discount By The Admins</p>
                  <p class="no">Support Handled By The Admins</p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="acc-status-wrap">
              <p class="top-txt">HAVE SPENT MORE THAN</p>
              <div class="acc-status-iiner">
                <div class="acc-status-head">
                  <p>VIP</p>
                  <p>$15000</p>
                </div>
                <div class="acc-status-mid">
                  <div class="acc-status-mid-left">
                  <span><i class="fas fa-check-circle"></i></span>
                  </div>
                  <div class="acc-status-mid-right">
                    <p>Active</p>
                    <div class="acc-p-bar"><span class="acc-p-bar-inner"></span></div>
                  </div>
                </div>
                <div class="acc-status-body">
                  <p>24/7 ticket support </p>
                  <p>5% bonus</p>
                  <p>Whatsapp Support</p>
                  <p>Free Child Panel Lifetime🔥 (Website Like Ours</p>
                  <p>7% bonus instead of 5% for regular</p>
                  <p>5-40% Discounted Available</p>
                  <p>VIP Whatsapp / Calling support</p>
                  <p>100$ Monthly Lottery for 5 Random Users</p>
                  <p>Paypal Manual/Auto Accepted</p>
                  <p>Best Design for Your Child Panel</p>
                  <p>Personal Assistance</p>
                  <p>Early Notification On New Services</p>
                  <p class="no">Hidden Services</p>
                  <p class="no">Special Discount By The Admins</p>
                  <p class="no">Support Handled By The Admins</p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-3">
            <div class="acc-status-wrap">
              <p class="top-txt">HAVE SPENT MORE THAN</p>
              <div class="acc-status-iiner">
                <div class="acc-status-head">
                  <p>Master</p>
                  <p>$50000</p>
                </div>
                <div class="acc-status-mid">
                  <div class="acc-status-mid-left">
                  <span><i class="fas fa-check-circle"></i></span>
                  </div>
                  <div class="acc-status-mid-right">
                    <p>Active</p>
                    <div class="acc-p-bar"><span class="acc-p-bar-inner"></span></div>
                  </div>
                </div>
                <div class="acc-status-body">
                  <p>24/7 ticket support </p>
                  <p>5% bonus</p>
                  <p>Whatsapp Support</p>
                  <p>Free Child Panel Lifetime🔥 (Website Like Ours</p>
                  <p>7% bonus instead of 5% for regular</p>
                  <p>5-40% Discounted Available</p>
                  <p>VIP Whatsapp / Calling support</p>
                  <p>100$ Monthly Lottery for 5 Random Users</p>
                  <p>Paypal Manual/Auto Accepted</p>
                  <p>Best Design for Your Child Panel</p>
                  <p>Personal Assistance</p>
                  <p>Early Notification On New Services</p>
                  <p>Hidden Services</p>
                  <p>Special Discount By The Admins</p>
                  <p>Support Handled By The Admins</p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-3">
            
          </div>
        </div>
        <div class="row acc-status-exp">
  <div class="col-sm-12">
    <h2 class="text-center">EXPLANATION IN DETAILS</h2>
<p><b>SHORTCUTS TRICK TO GET VIP</b><br> You may purchase VIP status for a month from our services under the VIP section.</p>
<p><b>NEW USER</b><br> You can get 24/7 support and 5-7% fund load bonus via Perfect Money, Cryptocurrency, PayTM, Phonepe, Payeer, Payoneer, Skrill Webmoney, and WesternUnion.
JUNIOR USER => All New user facilities and Whatsapp Support also.
</p>
<p><b>REGULAR USER</b><br> All Junior user facilities and You will get a FREE Child Panel like ours with a FREE domain as well! which is connected only with us and Child panel is a website like ours, Also 5-40% discount on all our services for selling on your own panel, also 7% bonus instead of 5%. In this way, you also can sell services at a very affordable price :)</p>
<p><b>FREQUENT USER</b><br> All Regular user facilities and VIP Whatsapp or calling support by our agents, and Each month we will pick 5 random Frequent, Elite, VIP or Master user to win $100 to be used on the panel!
</p>
<p><b>ELITE USER</b><br> All Frequent user facilities and We will provide Auto/Manual PayPal payment Option, Also Best Theme Design for your child panel.</p>
<p><b>VIP USER</b><br> All Elite user facilities and We will provide you Personal Assistance for your any type of help in our Website, also Early Notification on new services.</p>
<p><b>MASTER USER</b><br> All VIP user facilities and We will enable some Hidden Services for Master Users also admin will manage support for master users by Whatsapp or ticket anything as per Master user requirements :)</p>
  </div>
</div>
      </div>
      
    </div>
  </div>
</div>


<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content main-modal">
      <div class="modal-header text-center">
        <button type="button" id="Close_btn" class="close" data-dismiss="modal">×</button>
        <h4 class="modal-title" style="font-size: 22px;font-weight: bold;color: #ef8b0f;">You are one of our VIP clients, take a moment to fill this form please!</h4>
      </div>
      <div class="modal-body">
        <div class="form-group">
          <label for="usr">Name:</label>
          <input type="text" class="form-control" id="name" required>
        </div>
        <div class="form-group">
          <label for="usr">Email:</label>
          <input type="email" class="form-control" id="email" required>
        </div>
        <div class="form-group">
          <label for="usr">Country</label>
          <input type="text" class="form-control" id="country" required>
        </div>
        <div class="form-group">
          <label for="usr">City</label>
          <input type="text" class="form-control" id="city" required>
        </div>
        <div class="form-group">
          <label for="usr">Phone Number</label>
          <input type="number" class="form-control" id="phone" required>
        </div>
        <label for="usr" id="result"></label>
        <br>
        <button type="button" class="btn btn-success" onclick="insert_value()">Submit</button>
        <!--<button type="button" class="btn btn-danger" onclick="resetValue()">Cancel</button>-->
      </div>
    </div>
  </div>
</div>

<div id="accountModal" class="modal fade" role="dialog" style="display: none;">
  <div class="modal-dialog">
    <div class="modal-content main-modal" style="display: inline-block;">
      <div class="modal-header text-center">
        <button type="button" id="Close_btn" class="close" data-dismiss="modal">×</button>
        <h4 class="modal-title" style="font-size: 22px;font-weight: bold;color: #3c4464;">Account Statuses</h4>
      </div>
      <div class="modal-body">
        <div class="table-responsive">
          <table class="table">
            <tbody><tr>
              <th></th>
              <th><center>NEW</center></th>
              <th><center>JUNIOR</center></th>
              <th><center>FREQUENT</center></th>
              <th><center>ELITE</center></th>
              <th><center>VIP*</center></th>
              <th><center>MASTER</center></th>
              </tr>
              <tr>
                <th>24/7 Ticket Support</th>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
              </tr>
              <tr>
                <th>5% Payments Bonus**</th>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
              </tr>
              <tr>
                <th>Paypal Auto Enabled</th>
                <td></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
              </tr>
              <tr>
                <th>500$ Montly Lottery***</th>
                <td></td>
                <td></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
              </tr>
              <tr>
                <th>24/7 Phone / Whatsapp / Skype Support</th>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
              </tr>
              <tr>
                <th>Custom Services</th>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
              </tr>
              <tr>
                <th>Early Notification On New Services</th>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
              </tr>
              <tr>
                <th>Support Handled By The Admins</th>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td><center><i class="fa fa-check-square" style="color:#8b12b0"></i></center></td>
              </tr>
            </tbody></table>
        </div>
        <br><br>
        <b style="font-weight: bold">Master</b>: you have spent more than $50 000 with us.<br>
        <b style="font-weight: bold">VIP</b>: you have spent more than $15 000 with us.<br>
        <b style="font-weight: bold">Elite</b>: you have spent more than $2 500 with us.<br>
        <b style="font-weight: bold">Frequent</b>: you have spent more than $1 000 with us.<br>
        <b style="font-weight: bold">Junior</b>: you have spent more than $100 with us.<br>
        <b style="font-weight: bold">New</b>: you haven’t spend more than $100 with us.<p></p>
        <b style="font-weight: bold">*</b> = You may purchase a VIP status for a month from our services under the VIP section.<br>
        <b style="font-weight: bold">**</b> = 5% Bonus on Payments made with Perfect Money, Western Union, Bitcoins, Altcoins or Payoneer.<br>
        <b style="font-weight: bold">***</b> = Each month we will pick 1 random Frequent, Elite, VIP or Master user to win $500 to be used on the panel!<br>
        <br><p>
        Please contact us via tickets for more information!
        </p>
      </div>
    </div>
  </div>
</div>

                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
            {% include 'footer.twig' %}
                        </div>
            
                </div>
            </div>
            
            
            
            
        </div>
    </div>









    
