{% include 'header.twig' %}

        		<div class="container">
  <div class="alert alert-success rankalert" role="alert">
    <i class="fas fa-medal"></i> Congratulations! You are in <strong>{% if user['balance'] > 1000 %}Young{% elseif user['balance'] > 5000 %}Senior{% elseif user['balance'] > 10000 %}Elite{% elseif user['balance'] > 50000 %}Vip{% elseif user['balance'] > 1000000 %}God{% else %}Junior{% endif %}</strong> Now! <a data-toggle="modal" data-target="#rankModal" href="javascript:void(0);">Check Your Rank Status.</a>
  </div>
<!-- Card -->

<!-- Card -->
  <div class="row">
    <div class="col-md-6">
      <div class="well" id="dc-body">
        <ul class="newordtab">
          <li class="active">
            <a href="/"><i class="fas fa-box"></i> New Order</a>
          </li>
          <li> 
            <a href="https://t.me/{{ settings['telegram'] }}"><i class="fab fa-telegram-plane"></i> Join Telegram</a>
          </li>
        </ul>
            
    {% if error %}
		<div class="alert alert-dismissible alert-danger ">
		{{ errorText }} <button type="button" class="close" data-dismiss="alert">×</button>
		</div>
	{% endif %}

									{% if data["order"]["success"] == 1 %}
									  <div class="alert alert-success alert-dismissible"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
										  <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-success alert-dismissible"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
										 <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 %}						 

      <form method="post" action="/">
        {% if categories %}
          <div class="form-group">
           <label for="orderform-category" class="control-label">{{ lang["neworder.category"] }}</label>
              <select class="form-control" id="neworder_category" name="categories" data-select="true">
              {% for category in categories %}
              <option {% if 1 == loop.index %} selected {% endif %} value="{{ category['category_id'] }}" >{{ category["category_name"] }}</option>
              {% endfor %}
            </select>
            
            </div>
            {% endif %}
            
            <div class="form-group">
          <label id="orderform-service" for="orderform-service" class="control-label" data-label="{{ lang["neworder.service"] }}">{{ lang["neworder.service"] }}</label>
            <select class="form-control" id="neworder_services" name="services"></select>
          </div>
          
    <div id="neworder_fields"></div> 

          <div class="form-group">
            <label for="charge" class="control-label">Charge</label>
            <input type="text" class="form-control" id="charge" value="" placeholder="0.00" readonly="" />
          </div>

          {% if neworderTerms %}
			<div class="checkbox">
				<label>
					<input type="checkbox" name="neworder_check"> {{ lang['neworder.recheck'] }}
				</label>
			</div>
			{% endif %}
          <button type="submit" class="btn btn-primary btn-fw">Submit</button>
        </form>
      </div>
    </div>
    <div class="col-md-6">
      <div class="well">
        <ul class="nav nav-pills pillsmain">
          <li class="active"><a data-toggle="pill" href="#feat">Featured</a></li>
          <li><a data-toggle="pill" href="#cntct">Contact Us</a></li>
        </ul>
        <div class="tab-content">
          <div id="feat" class="tab-pane fade in active">
            <ul class="notification">
			{% for new in newsList %}
                <li>
                  <div class="text">
                  <div class="title"><h4 style="color:#0b64fb;">➦&nbsp;{{ new['news_title'] }}</h4></div>
                  <div class="text" style="font-size:15px"> {{ new['news_content'] }}</div>
                  </div>
                  <hr>
                  </li>
			{% endfor %} 
                </ul>
          </div>
          <div id="cntct" class="tab-pane fade in">
            <div>
                <form method="post" action="tickets" id="ticketsend">
                    <div class="form-group">
                      <label class="ticket-label">{{ lang['tickets.subject'] }}</label>
                      <div class="select">
                        <select class="form-control" id="Konu" name="subject" onchange="handleOrderType(this)">
                          <option value="Order" selected="">Order</option>
                          <option value="Payment">Payment</option>
                          <option value="Other">Other</option>
                        </select>
                      </div>
                    </div>
                    <div class="form-group" id="order-grubu">
                      <label class="mt-3">Your Order Number</label>
                      <input type="text" class="form-control" id="orderid" placeholder="For multiple orders (Ex: 100,1001,3246)" />
                      <label class="mt-3">State Your Problem</label>
                      <div class="select">
                        <select class="form-control" id="request">
                          <option value="Gönderilen Miktar Düştü">Amount Sent Decreased</option>
                          <option value="Siparişim Yükleniyorda Kaldı">My Order Failed While Loading</option>
                          <option value="Siparişim Tamamlanmadı">My Order Is Not Completed</option>
                          <option value="Siparişim Neden İptal Edildi?">Why Was My Order Canceled?</option>
                          <option value="Diğer">Other</option>
                        </select>
                      </div>
                    </div>
                    <div class="form-group" id="payment-grubu" style="display: none;">
                      <label class="mt-3">State Your Problem</label>
                      <div class="select">
                        <select class="form-control" id="payment">
                          <option value="How Do I Load Balance?" selected="">How Do I Load Balance?</option>
                          <option value="My Balance Is Not Confirmed">My Balance Is Not Confirmed</option>
                          <option value="I can't load my balance">I can't load my balance</option>
                        </select>
                      </div>
                    </div>
                    <div class="form-group">
                      <label class="mt-3">{{ lang['tickets.message'] }}<span id="other-grubu"></span></label>
                      <textarea name="message" class="form-control mb-3" rows="4" cols="50" id="mesaj" placeholder="Make your description as detailed as possible so that we can assist you."></textarea>
                      <input type="hidden" id="tmessage" name="message">
                    </div>
                    <div class="form-group">
                      <div id="alertArea" class="flash flash-hata mb-3" role="alert" style=""></div>
                      <div id="successArea" class="flash flash-basarili mb-3" role="alert" style="">Your support has reached us! You will be informed as soon as possible.</div>
                      <button id="send-ticket" type="button" class="btn btn-secondary btn-lg btn-block mt-4"> {{ lang['tickets.button'] }}</button>
                    </div>
                  </form>
            </div>
            <br>
            <div class="cntctcard">
              <h5 class="heading"><i class="ri-lifebuoy-line"></i> Support Ticket</h5>
              <a href="/tickets" class="btn btn-primary mb-2">Create a ticket</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


<!-- Modal -->
<div class="modal servmodal rankmodal fade" id="rankModal" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        
        <h4 class="modal-title">Ranking System</h4>
      </div>
      <div class="modal-body">
        <ul class="nav nav-pills ranktab">
          <li class="active">
            <a data-toggle="pill" href="#junior">
              Junior
            </a>
          </li>
          <li>
            <a data-toggle="pill" href="#young">
              Young
            </a>
          </li>
          <li>
            <a data-toggle="pill" href="#senior">
              Senior
            </a>
          </li>
          <li>
            <a data-toggle="pill" href="#elite">
              Elite
            </a>
          </li>
          <li>
            <a data-toggle="pill" href="#vip">
              VIP
            </a>
          </li>
          <li>
            <a data-toggle="pill" href="#god">
              God
            </a>
          </li>
        </ul>
        <div class="tab-content rank-content">
          <div id="junior" class="tab-pane fade in active">
            <h3>Features -</h3>
            <ul class="dashtablists">
              <li class="check"><i class="far fa-check-circle"></i> 24X7 Ticket Support</li>
              <li><i class="far fa-check-circle"></i> Whatsapp Support By Staff(No Calls)</li>
              <li><i class="far fa-check-circle"></i> Custom Rates/Discounts</li>
              <li><i class="far fa-check-circle"></i> Priority Ticket Support by Team</li>
              <li><i class="far fa-check-circle"></i> Custom Services</li>
              <li><i class="far fa-check-circle"></i> Whatsapp Support Handled By Admin</li>
            </ul>
          </div>
          <div id="young" class="tab-pane fade">
            <h3>Features -</h3>
            <ul class="dashtablists">
              <li class="check"><i class="far fa-check-circle"></i> 24X7 Ticket Support</li>
              <li class="check"><i class="far fa-check-circle"></i> Whatsapp Support By Staff(No Calls)</li>
              <li><i class="far fa-check-circle"></i> Custom Rates/Discounts</li>
              <li><i class="far fa-check-circle"></i> Priority Ticket Support by Team</li>
              <li><i class="far fa-check-circle"></i> Custom Services</li>
              <li><i class="far fa-check-circle"></i> Whatsapp Support Handled By Admin</li>
            </ul>
          </div>
          <div id="senior" class="tab-pane fade">
            <h3>Features -</h3>
            <ul class="dashtablists">
              <li class="check"><i class="far fa-check-circle"></i> 24X7 Ticket Support</li>
              <li class="check"><i class="far fa-check-circle"></i> Whatsapp Support By Staff(No Calls)</li>
              <li class="check"><i class="far fa-check-circle"></i> Custom Rates/Discounts</li>
              <li><i class="far fa-check-circle"></i> Priority Ticket Support by Team</li>
              <li><i class="far fa-check-circle"></i> Custom Services</li>
              <li><i class="far fa-check-circle"></i> Whatsapp Support Handled By Admin</li>
            </ul>
          </div>
          <div id="elite" class="tab-pane fade">
            <h3>Features -</h3>
            <ul class="dashtablists">
              <li class="check"><i class="far fa-check-circle"></i> 24X7 Ticket Support</li>
              <li class="check"><i class="far fa-check-circle"></i> Whatsapp Support By Staff(No Calls)</li>
              <li class="check"><i class="far fa-check-circle"></i> Custom Rates/Discounts</li>
              <li class="check"><i class="far fa-check-circle"></i> Priority Ticket Support by Team</li>
              <li><i class="far fa-check-circle"></i> Custom Services</li>
              <li><i class="far fa-check-circle"></i> Whatsapp Support Handled By Admin</li>
            </ul>
          </div>
          <div id="vip" class="tab-pane fade">
            <h3>Features -</h3>
            <ul class="dashtablists">
              <li class="check"><i class="far fa-check-circle"></i> 24X7 Ticket Support</li>
              <li class="check"><i class="far fa-check-circle"></i> Whatsapp Support By Staff(No Calls)</li>
              <li class="check"><i class="far fa-check-circle"></i> Custom Rates/Discounts</li>
              <li class="check"><i class="far fa-check-circle"></i> Priority Ticket Support by Team</li>
              <li class="check"><i class="far fa-check-circle"></i> Custom Services</li>
              <li><i class="far fa-check-circle"></i> Whatsapp Support Handled By Admin</li>
            </ul>
          </div>
          <div id="god" class="tab-pane fade">
            <h3>Features -</h3>
            <ul class="dashtablists">
              <li class="check"><i class="far fa-check-circle"></i> 24X7 Ticket Support</li>
              <li class="check"><i class="far fa-check-circle"></i> Whatsapp Support By Staff(No Calls)</li>
              <li class="check"><i class="far fa-check-circle"></i> Custom Rates/Discounts</li>
              <li class="check"><i class="far fa-check-circle"></i> Priority Ticket Support by Team</li>
              <li class="check"><i class="far fa-check-circle"></i> Custom Services</li>
              <li class="check"><i class="far fa-check-circle"></i> Whatsapp Support Handled By Admin</li>
            </ul>
          </div>
        </div>
        <div class="ranknotes">
          <div class="statitem">
            <h4>You Current Spending: <span class="sp_text_primary">₹  {{ user['spent'] }}</span></h4>
          </div>
          <h3>Ranking Infos -</h3>
          <ul>
            <li><span>GOD</span> you have spent more than ₹ 100000 with us.</li>
            <li><span>V.I.P</span> you have spent more than ₹ 50000 with us.</li>
            <li><span>Elite</span> you have spent more than ₹ 10000 with us.</li>
            <li><span>Senior</span> you have spent more than ₹ 5000 with us.</li>
            <li><span>Young</span> you have spent more than ₹ 1000 with us.</li>
            <li><span>Junior</span> you haven’t spend more than ₹ 1000 with us.</li>
          </ul>
        </div>
        <center style="margin-top: 15px;">
            <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
        </center>
      </div>
    </div>
  </div>
</div>
{% include 'footer.twig' %}
