{% include 'header.twig' %}
<style>
#dc-body .checkbox label {
color: white;
}
.bg-pattern{
background-image: url(images/x8e2teldxfwxfuof_kzhick_gmmefm.png), linear-gradient(to right, #212529, #212529);background-size: cover;" !important
}
</style>
<div class="app-content">
<div class="container-fluid">
<div class="row mb-4 banner animated_border" >
<div class="col-sm-5 col-12">
<h2 class="banner-head">{{lang['cerulean.welcome']}} <span>{{ user["username"] }}</h2>
<h3 class="banner-sub-head"><div><i class="fas fa-money-bill-alt"></i> {{lang["smmspot.neworder.total.balance.title"]}}:<br><br><span class="viewmoney">**** <i class='far fa-eye' style='cursor: pointer;'></i></span></div><div><i class="fas fa-sack-dollar"></i> {{lang["smmspot.neworder.balance.spent.title"]}}:<br><br><span class="viewspent">****</span></div></h3>
</div>
<div class="col-sm-2 col-12">
<div class="level-container">
<div class="level-wrap" data-toggle="modal" data-target="#statusModal">
<div class="svg-level">
<svg height="100%" width="100%">
<circle class="round-progress" style="stroke-dasharray: 329.743px; stroke-dashoffset: 295px;" cy="58" cx="58" r="53.5"></circle>
</svg>
</div>
<div class="level-inner"><span class="level-per">
10%</span></div>
</div>
</div>
</div>
<div class="col-sm-3 col-6">
<div class="level-container">
<div class="level-content" style="padding-top: 20px;">
<h2 class="level-head">
<span id="accStats"></span>
<p id="spentBalance" style="display:none">Â¥0</p>
<script>
const cBalance = document.getElementById("spentBalance").innerText;
var text;
if (100 < cBalance && cBalance < 500) { text = "{{ lang['smmspot.neworder.status.3'] }}"; }
if (1000 < cBalance && cBalance < 4999) { text = "{{ lang['smmspot.neworder.status.2'] }}"; }
else if (1500 < cBalance && cBalance < 2000) { text = "{{ lang['smmspot.neworder.status.1'] }}"; }
else {
text = "{{ lang['smmspot.neworder.status.4'] }}";
}
document.getElementById("accStats").innerText = text;
</script> </h2>
<h3 class="banner-sub-head">{{lang['smmspot.neworder.status.title']}}</h3>
<!-- <small class="note"> Until Next Status Make Orders for $ 100
</small>-->
</div>
</div>
</div>
<div class="col-sm-2 col-6">
<h2 class="total-head">{{ordersCount}}</h2>
<p> {{lang["smmspot.neworder.total.order.title"]}} </p>
<img src="https://cdn.mypanel.link/1847ba/o7b48ak98d62thob.png" alt="" class="order-cart" />
</div>
</div>
<section>
<div class="row">
<div class="col-lg-7 col-12 mb-5 mb-lg-0">
<div class="g-card">
<div class="g-card-body" id="dc-body">
<ul class="nav nav-tabs neworder-nav" role="tablist">
<li class="nav-item">
<button class="nav-link active" data-toggle="pill" href="#new-order" role="tab" aria-controls="pills-new-order" aria-selected="true">New order
</button>
</li>
<li class="noti nav-item">
<button class="nav-link" data-toggle="pill" href="#info-updates" role="tab" aria-controls="pills-info-updates" aria-selected="false">Info and updates
</button>
</li>
<li class="noti nav-item">
<button class="nav-link" data-toggle="pill" href="#info-read-before" role="tab" aria-controls="pills-read-before" aria-selected="false">Read before ordering
</button>
</li>
</ul>
<div class="tab-content mt-4" id="nav-pageTab">
<div class="tab-pane fade active show" id="new-order" role="tabpanel" aria-labelledby="new-order">
{% 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> Spent: </strong>
{{ currency["symbol"] }} {{ (data['order']['price']*currency["value"]) |round(2, 'floor') }}
<br>
<strong> {{ lang["neworder.success.balance"] }}: </strong>{{ currency["symbol"] }} {{ (user["balance"]*currency["value"]) |round(2, 'floor') }} <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 %}
<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" style="display: none">
{% for category in categories %}
<option {% if 1 == loop.index %} selected {% endif %} value="{{ category['category_id'] }}" >{{ category["category_name"] }}</option>
{% endfor %}
</select>
<div class="dropdown">
<button class="form-control text-left" type="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
<span id="categoryTitle"></span>
<i class="fas fa-chevron-down float-right" aria-hidden="true"></i>
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenu2" id="category-drop">
</div>
</div>
</div>
{% endif %}
<div class="form-group mb-4">
<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" style="display: none;"> </select>
<div class="dropdown">
<button class="form-control text-left" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="false" aria-expanded="false">
<span id="serviceTitle"></span>
<i class="fa fa-caret-down float-right" aria-hidden="true"></i>
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenu2" id="orders-drop">
</div>
</div>
</div>
<div id="neworder_fields"></div>
<div class="form-group mb-4">
<label> {{ lang["neworder.charge"] }}
</label>
<div class="form-group">
<input type="text" class="form-control" id="charge" value="" placeholder="0.00₺" readonly="" />
</div>
</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-lg btn-block mb-4">{{lang["neworder.button"]}}</button>
</form>
</div>
<div class="tab-pane fade" id="info-updates" role="tabpanel" aria-labelledby="info-updates" style="color:white"><p>All Services are written now on this format:</p><p>Service name [Max] [Start time - Speed]</p><p><br></p><p>🔥 = Top service.</p><p>💧 = Dripfeed is on.</p><p>♻ = Refill button is enabled.</p><p>🛑 = Cancel button is enabled.</p><p>Rxx = Refill period (xx referring to the refill time, eg: R30 = 30 Days Refill).</p><p>ARxx = Automatic Refill period (xx referring to the auto-refill time, eg: AR30 = 30 Days Auto-Refill).</p><p><br></p><p>INSTANT start orders can take up to 1 hour to start. (1H start time orders usually takes minutes to start).</p><p>H as in 1H, 12H, etc means Hour(s).</p><p>HQ/LQ = High Quality/Low Quality.</p><p>The SPEED is UP TO xx/Day, eg 10K/Day order can be 5K/Day, we are stating the maximum speed, please refrain to the description for more help.</p><p><br></p><p>Services under the 🔥 BEST Services [Recommended] [Exclusive Services] [MOST Selling] [FASTEST] category, are the ones of High Quality and are ordered frequently by our users.</p>
</div>
<div class="tab-pane fade" id="info-read-before" role="tabpanel" aria-labelledby="info-read-before" style="color:white"><p>{% if contentText %}
{{ contentText }}
{% endif %}</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-5 col-12 mb-5 mb-lg-0">
<div class="g-card h-100">
<div class="g-card-body" id="dc2-body" style="max-height: 750px; overflow-y: auto;">
<div>
<ul class="nav nav-tabs cstm-nav" role="tablist">
<li class="nav-item">
<button class="nav-link active" data-toggle="pill" href="#timeline" role="tab" aria-controls="pills-timeline" aria-selected="true">
<i class="icon ri-chat-new-line mr-3"></i>
<span class="">Announcements</span>
</button>
</li>
<!-- <li class="nav-item">
<button class="nav-link" data-toggle="pill" href="#updates" role="tab" aria-controls="pills-updates" aria-selected="false">
<i class="icon ri-flag-line mr-3"></i>
<span class="">Win balace</span>
</button>
</li>-->
</ul>
</div>
<div
<div class="tab-content mt-4" id="nav-pageTab">
<div class="tab-pane fade active show" id="timeline" role="tabpanel" aria-labelledby="timeline">
{% for new in newsList %}
<div class="card card-2">
<div class="card-header">
<div class="row align-items-center">
<div class="col-auto">
<div class="c2-icon">
<img width="25" class="mr-1" src="/img/icons/{{ new['news_icon'] }}.png">
</div>
</div>
<div class="col">
<h4 class="c2-title mb-2">{{ new['news_title'] }}</h4>
</div>
</div>
</div>
<div class="card-body">
<div class="c2-text">{{ new['news_content'] }}</div>
<small>{{ new['news_date'] }}</small>
</div>
</div>
{% endfor %}
</div>
<div class="tab-pane fade show" id="updates" role="tabpanel" aria-labelledby="updates">
<span style="color: #fff">{{lang["win_balance_desc"]}}.</span>
<div class="tablepen mt-2">
<div class="sira headers bx-none">
<div class="hucre">
{{lang["platform"]}}
</div>
<div class="hucre">
{{lang["method"]}}
</div>
<div class="hucre">
{{lang["price"]}}
</div>
<div class="hucre">
{{lang["duration"]}}
</div>
</div>
<div class="sira">
<div class="hucre" data-title="Platform">
Forums
</div>
<div class="hucre" data-title="Ä°ÅŸlem">
{{lang["pos_comment"]}}
</div>
<div class="hucre" data-title="Ãœcret">
1$
</div>
<div class="hucre" data-title="Süre">
1 {{lang["day"]}}
</div>
</div>
<div class="sira">
<div class="hucre" data-title="Platform">
Forums
</div>
<div class="hucre" data-title="Ä°ÅŸlem">
Trade Points
</div>
<div class="hucre" data-title="Ãœcret">
1$
</div>
<div class="hucre" data-title="Süre">
1 {{lang["day"]}}
</div>
</div>
<div class="sira">
<div class="hucre" data-title="Platform">
Youtube
</div>
<div class="hucre" data-title="Ä°ÅŸlem">
Video
</div>
<div class="hucre" data-title="Ãœcret">
25$ (.dk)
</div>
<div class="hucre" data-title="Süre">
15 {{lang["day"]}}
</div>
</div>
<div class="sira">
<div class="hucre" data-title="Platform">
Blog website
</div>
<div class="hucre" data-title="Ä°ÅŸlem">
Post
</div>
<div class="hucre" data-title="Ãœcret">
5$
</div>
<div class="hucre" data-title="Süre">
15 {{lang["day"]}}
</div>
</div>
<div class="sira">
<div class="hucre" data-title="Platform">
News website
</div>
<div class="hucre" data-title="Ä°ÅŸlem">
Post
</div>
<div class="hucre" data-title="Ãœcret">
7.5$
</div>
<div class="hucre" data-title="Süre">
15 {{lang["day"]}}
</div>
</div>
</div>
<button type="button" class="btn btn-primary btn-sm btn-block" data-toggle="modal" data-target="#exon"><i class="ri-file-text-line"></i>{{lang["terms_conditions"]}}</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="modal fade" id="exon" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" style="display: none;" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">{{lang["terms_conditions"]}}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<b>{{lang["rule"]}} 1</b>
<p>{{lang["rule_1"]}}</p>
<b>{{lang["rule"]}} 2</b>
<p>{{lang["rule_2"]}}</p>
<b>{{lang["rule"]}} 3</b>
<p>{{lang["rule_3"]}}</p>
<b>{{lang["rule"]}} 4</b>
<p>{{lang["rule_4"]}}</p>
<b>{{lang["rule"]}} 5</b>
<p>{{lang["rule_5"]}}</p>
<b>{{lang["rule"]}} 6</b>
<p>{{lang["rule_6"]}}</p>
<b>{{lang["rule_desc"]}}</b>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-danger" data-dismiss="modal">{{lang['close']}}</button>
<a href="/tickets" class="btn btn-sm btn-primary">{{lang['tickets.button']}}</a>
</div>
</div>
</div>
</div>
{% include 'footer.twig' %}