{% include 'header.twig' %}
<div class="top-padding"></div>
<div class="headernavbottom headersignin threeddarkblue"><div class="container-fluid">
      <div class="row">
        <div class="col-md-12">
          <div class="welcomebox">
            <span class="threedblue">#1 Reliable Server</span>
            <h2>
              Hey, <span>{{ user["username"] }}</span>
            </h2><br>
            <p>
              We are happy to see you ordering and being a part of {{ site["site_name"] }} Family, Congrats Champ!
            </p>
            <div class="totaluser">
              <div class="avatar">
                <img src="https://cdn.mypanel.link/edeed4/yjo0j5c0wg8z4lc3.webp">
                <img src="https://cdn.mypanel.link/edeed4/a289n18gjhykj14l.webp">
                <img src="https://cdn.mypanel.link/edeed4/zgz7lj2rrsx8e0oi.webp">
                <img src="https://cdn.mypanel.link/edeed4/qfycnthrqxg6kaaa.webp">
              </div>
              <div class="det">
                <p>Happy Users</p>
                <span>+203K</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <!--<form class="ordformforsrc " action="/" method="post" id="order-form">
                      <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 class="fas fa-search"></span>
                  </button>
                  <input type="text" class="form-control" id="template-input" value="" placeholder="Search">
                </div>
              </div>
            </div>
                    </form>-->
        </div>
      </div>
    </div>
  </div>
  <div class="headersigninstat">
    <div class="container-fluid">
      <div class="statcardflex">
        <div class="col-md-12">
          <div class="statcardflex">
            <div class="statcard">
              <div class="dethead">
                <div class="maindetheadstat">
                  <p><i class="ti ti-mood-smile-beam"></i> Username</p>
                  <h4>{{ user["username"] }}</h4>
                </div>
              </div>
            </div>
            <div class="statcard">
              <div class="dethead">
                <div class="maindetheadstat">
                  <p><i class="ti ti-wallet"></i> Balance</p>
                  <h4>{{ user["balance"]}}</h4>
                </div>
              </div>
            </div>
            <div class="statcard">
              <div class="dethead">
                <div class="maindetheadstat">
                  <p><i class="ti ti-graph"></i> Success Rate</p>
                  <h4>82.52%</h4>
                </div>
              </div>
            </div>
            <div class="statcard">
              <div class="dethead">
                <div class="maindetheadstat">
                  <p><i class="ti ti-circle-dashed-check"></i> Total Orders</p>
                  <h4>{{ totalorders }}</h4>
                </div>
              </div>
            </div>
            <div class="statcard">
              <div class="dethead">
                <div class="maindetheadstat">
                  <p><i class="ti ti-package"></i> Spent Balance</p>
                  <h4>{{ user["spent"]}}</h4>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

<div class="newordpad">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-6">
        <div class="divstattwo wp" onclick="location.href = 'https://chat.whatsapp.com/BwRfBahaTftFxIa0GrUlbG';">
          <i class="fab fa-whatsapp"></i>
          <div>
            <h3>
              Join Our Community
            </h3>
            <p>
              To Get The Latest Updates!
            </p>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="divstattwo" onclick="location.href = '/tickets';">
          <i class="ti ti-bubble-text threeddarkblue"></i>
          <div>
            <h3>
              Contact Support
            </h3>
            <p>
              Feel Free to Contact Us!
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-4">
        <div class="well">
          <div class="form-group">
            <div class="search-dropdown" id="new-order-search" style="position: relative;">
              <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 class="fas fa-search"></span>
                </button>
                <input type="text" class="form-control" id="template-input" placeholder="Search services...">
              </div>
              <div id="dropdown-content" class="dropdown-content"></div>
            </div>
          </div>
          <div id="selectedServiceDetails">
            <div class="servid">ID: NA</div>
            <div class="form-msord"><small>Name:</small> No Service Selected</div>
            <div class="form-msord"><small>Cost:</small> No Service Selected</div>
            <div class="form-msord"><small>Min:</small> No Service Selected</div>
            <div class="form-msord"><small>Max:</small> No Service Selected</div>
            <div class="form-msord"><small>Avg. Time:</small> No Service Selected</div>
          </div>
        </div>
      </div>
      <div class="col-lg-8">
        <div class="well">
          <div class="wellhdr">
            <div class="headrwell">
              <i class="ti ti-stack-2"></i>
              <p>
                Mass Order <a type="button" href="#" data-toggle="modal" data-target="#massModal"><i class="far fa-question-circle"></i></a>
              </p>
            </div>
          </div>
      			
								
								<form method="post" action="">
									<div class="form-group">
									  <label>One order per line in format</label>
									  <textarea type="text" class="form-control" id="mass" name="mass" value="{{ data['mass'] }}" rows="15" placeholder="service_id | link | quantity"></textarea>
									  <input name="sender" value="1" type="hidden">
									</div>
									
									 <input name="mass_order" value="mass_order" type="hidden">
									<button type="submit" class="btn btn-primary">Submit</button>
								</form>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-3">
        <div class="stepcardmo">
          <div class="stepcardmoflex">
            <span class="steap threeddarkblue">1</span>
            <h3>Step 01</h3>
          </div>
          <p>
            Search the service using the service selector.
          </p>
        </div>
      </div>
      <div class="col-lg-3">
        <div class="stepcardmo">
          <div class="stepcardmoflex">
            <span class="steap threedblue">2</span>
            <h3>Step 02</h3>
          </div>
          <p>
            Copy the Order ID and Paste it in the mass order form.
          </p>
        </div>
      </div>
      <div class="col-lg-3">
        <div class="stepcardmo">
          <div class="stepcardmoflex">
            <span class="steap threeddarkblue">3</span>
            <h3>Step 03</h3>
          </div>
          <p>
            Use the required format: <small><b>(service_id | link | quantity)</b></small>
          </p>
        </div>
      </div>
      <div class="col-lg-3">
        <div class="stepcardmo">
          <div class="stepcardmoflex">
            <span class="steap threedblue">4</span>
            <h3>Step 04</h3>
          </div>
          <p>
            Place your order and wait for it to complete.
          </p>
        </div>
      </div>
    </div>
  </div>
</div>

<footer>
      <div class="container-fluid">
        <div class="row">
          <div class="col-sm-6">
            <a class="footer-brand" href="/"> <img style="max-width:205px;" src="{{ site['logo'] }}" alt="{{ site["site_name"] }}" title="{{ site["site_name"] }}"> </a>
          </div>
          <div class="col-sm-6">
            <p class="footerp">
              © 2021-2024, {{ site["site_name"] }}, Inc. or its affiliates
            </p>
          </div>
        </div>
      </div>
    </footer>
{% include 'footer.twig' %}
