 {% 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">43939920</p> --> 
              <p class="media-desc">12232654</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">Your Balance</h4>
              <p class="media-desc" style="font-size: 17px;margin-bottom: 0;">${{ user["balance"] }}</p>
              <small><a></a></small>
            </div>
            <div class="bottom-grad grad3"></div>
          </div>
          <!-- <a href="/giveaway" class="reseller-box">Get your own panel!</a> -->
        </div>
    </div>
  </div>
        {% if error %}
          <div class="alert alert-dismissible alert-danger">
            <button type="button" class="close" data-dismiss="alert">×</button>
            {{ errorText }}
          </div>
        {% endif %}
        {% if success %}
          <div class="alert alert-dismissible alert-success">
            <button type="button" class="close" data-dismiss="alert">×</button>
            {{ successText }}
          </div>
        {% endif %}
      </div>
      <div class="well">
        <ul class="nav nav-tabs" id="myTab" role="tablist">
          <li class="nav-item active">
            <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true"><i class="fas fa-dollar-sign"></i> Add Funds</a>
          </li>
        </ul>
        <div class="easypaisa">
          <p> New Offer Coming Soon Very Soon! <br>
            <a href="/tickets">Please Raise a Ticket</a></p>
        </div>
        <div class="tab-content" id="myTabContent">
          <div class="tab-pane fade in active" id="home" role="tabpanel" aria-labelledby="home-tab">
            <form  method="post" action="">
        {% if paymentsList %}
        <div class="col-md-6">
        
            <p style="text-align: center;">
                <span style="font-weight: 700; font-size: 36px;"> {{ lang['addfunds.online.title'] }} </span>
              </p>
  
              <form method="post" action="addfunds">

                <div class="form-group">
                  <label for="method" class="control-label">{{ lang['addfunds.method'] }}</label>
                  <select class="form-control" id="payment_method" name="payment_type">
                   {% for payment in paymentsList %}
                      <option value="{{ payment['id'] }}" {% if data['payment_type'] == payment['id'] %} selected {% endif %} >{{ payment['method_name'] }}</option>
                    {% endfor %}
                  </select>
                </div>

                  <div class="form-group">
                      <label for="method" class="control-label">{{ lang['addfunds.amount'] }}</label>
                      <input class="form-control" name="payment_amount" value="{{ data['payment_amount'] }}">
                  </div>

                <button type="submit" class="dash-btn">{{ lang['addfunds.button'] }}</button>
              </form>
            </div>
          </div>
        {% endif %}
        
        {% if PaytmQR == 2 %}
        <div class="col-md-6">
            <div class="">
             <h1><center>
                PayTM Business
    			 </h1></center>
              <div class="panel-body">
                <form method="post" action="addfunds">
                    <center><img width="50%" src="{{ PaytmQRimage }}"></center>
                    <div class="form-group col-md-12">
                        <label for="method" class="control-label">Amount</label>
                        <input class="form-control" name="payment_amount" value="{{ data['payment_amount'] }}">
                    </div>
                    <div class="form-group col-md-12">
                        <label for="method" class="control-label">Order ID</label>
                        <p>Enter Transaction/Order ID without spaces. Example - 202010122210100058</p>
                        <input class="form-control" name="paytmqr_orderid" value="{{ data['paytmqr_orderid'] }}">
                    </div>
                    <input type="hidden" class="form-control" name="payment_type" value="14">
                    <div class="col-md-12">
                      <button type="submit" class="dash-btn">Submit</button>
                    </div>
                              {% if paymentsList %}
          <div class="payment_logos">
              <img src="https://i.imgur.com/gFvw6eu.png">
              <img src="https://i.imgur.com/HOl4k5F.png">
              <img src="https://i.imgur.com/t6H7gzt.png">
              <img src="https://i.imgur.com/ap6MW0X.png">
              <img src="https://i.imgur.com/1RXoNBY.png">
              <img src="https://i.imgur.com/NtBdb4j.png">
              <img src="https://i.imgur.com/mju3p0X.png">
              <img src="https://i.imgur.com/Z7D7kyE.png">
              <img src="https://i.imgur.com/nwaDjEV.png">
              <img src="https://i.imgur.com/K4DrCwK.png">
              <img src="https://i.imgur.com/ydrj1gu.jpg">
              <img src="https://i.imgur.com/6XCAI6t.jpg">
              <img src="https://i.imgur.com/1LhBIN0.jpg">
              <img src="https://i.imgur.com/JwiZKxj.png">
              <img src="https://i.imgur.com/t2SS7H8.png">

                </form>
              </div>
            </div>  
          </div>
        </div>
      {% endif %}
        
      </div>

            </div>
          </div>
         
    					
    
{#<div class="container">#}
{#  <div class="row">#}
{#    <div class="col-md-8 col-md-offset-2">#}

{#        <div class="well">#}
{#          <form method="post" action="kupon">#}
{#            <div class="form-group">#}
{#              <label for="subject" class="control-label">Coupon Code</label>#}
{#              <input type="text" class="form-control" id="kuponadi" name="kuponadi">#}
{#            </div>#}
{#            <button type="submit" class="dash-btn">Use</button>#}
{#          </form>#}
{#        </div>#}
      
{#      </div>#}
{#  </div>#}
{#</div>#}


  {% endif %}
      <div class="row">
        <div clas="col-sm-12">
<div class="row">
        <div clas="col-sm-12">
        	<img class="img-responsive payop-img" src="https://i.imgur.com/d0pKQIu.png" at="payop"> 
        </div>
      </div>

    </div>
    <div class="col-sm-4">
      <div class="row">
        <div class="col-sm-12">
          <div class="well text-center">
            <p class="we-accept">We Accept The Following Payment Methods</p>
            <p>If you want new payment gateways than contact us on skype</p>
            <hr>
            <img class="addfund-payment-img" src="https://i.imgur.com/iDgz8rp.png">
          </div>
          <div class="well">
            <div class="dash-title">
              <h2>Payment Gateways info</h2>
            </div>
            <ul class="pay-info-ul">
              <li>
                <div class="pay-info-wrap">
                  <div class="pay-info-icon">
                    <div class="pay-info-icon-inner">
                      <i class="fas fa-credit-card"></i>
                    </div>
                  </div>
                  <div class="pay-info-date">
                    <p><span>Updated on :</span> Tuesday, 20 October 2020</p>
                  </div>
                  <div class="pay-info-title">
                    <h3>Card Payment</h3>
                  </div>
                  <div class="pay-info-desc">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac viverra felis.</p>
                    <p>Cras ex quam, vestibulum non orci a, condimentum sollicitudin ipsum. Fusce tristique odio at ligula tristique convallis. Fusce eget feugiat nulla.</p>
                  </div>
                </div>
              </li>
              <li>
                <div class="pay-info-wrap">
                  <div class="pay-info-icon">
                    <div class="pay-info-icon-inner">
                      <i class="fab fa-paypal"></i>
                    </div>
                  </div>
                  <div class="pay-info-date">
                    <p><span>Updated on :</span> Tuesday, 20 October 2020</p>
                  </div>
                  <div class="pay-info-title">
                    <h3>PayPal Payment</h3>
                  </div>
                  <div class="pay-info-desc">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac viverra felis.</p>
                    <p>Cras ex quam, vestibulum non orci a, condimentum sollicitudin ipsum. Fusce tristique odio at ligula tristique convallis. Fusce eget feugiat nulla.</p>
                  </div>
                </div>
              </li>
              <li>
                <div class="pay-info-wrap">
                  <div class="pay-info-icon">
                    <div class="pay-info-icon-inner">
                      <i class="fab fa-stripe-s"></i>
                    </div>
                  </div>
                  <div class="pay-info-date">
                    <p><span>Updated on :</span> Tuesday, 20 October 2020</p>
                  </div>
                  <div class="pay-info-title">
                    <h3>Stripe Payment</h3>
                  </div>
                  <div class="pay-info-desc">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac viverra felis.</p>
                    <p>Cras ex quam, vestibulum non orci a, condimentum sollicitudin ipsum. Fusce tristique odio at ligula tristique convallis. Fusce eget feugiat nulla.</p>
                  </div>
                </div>
              </li>
              <li>
                <div class="pay-info-wrap">
                  <div class="pay-info-icon">
                    <div class="pay-info-icon-inner">
                      <i class="fab fa-yandex-international"></i>
                    </div>
                  </div>
                  <div class="pay-info-date">
                    <p><span>Updated on :</span> Tuesday, 20 October 2020</p>
                  </div>
                  <div class="pay-info-title">
                    <h3>Payoneer Payment</h3>
                  </div>
                  <div class="pay-info-desc">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac viverra felis.</p>
                    <p>Cras ex quam, vestibulum non orci a, condimentum sollicitudin ipsum. Fusce tristique odio at ligula tristique convallis. Fusce eget feugiat nulla.</p>
                  </div>
                </div>
              </li>
              <li>
                <div class="pay-info-wrap">
                  <div class="pay-info-icon">
                    <div class="pay-info-icon-inner">
                      <i class="fab fa-btc"></i>
                    </div>
                  </div>
                  <div class="pay-info-date">
                    <p><span>Updated on :</span> Tuesday, 20 October 2020</p>
                  </div>
                  <div class="pay-info-title">
                    <h3>PayTM Payment</h3>
                  </div>
                  <div class="pay-info-desc">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac viverra felis.</p>
                    <p>Cras ex quam, vestibulum non orci a, condimentum sollicitudin ipsum. Fusce tristique odio at ligula tristique convallis. Fusce eget feugiat nulla.</p>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% include 'footer.twig' %}
