<?php require view('theme/header'); ?>

<div class="container-fluid">
	<div class="row">
		<div class="col-md-12">
			<div class="well">
				
				
				<div class="orders-btn py-3">
					<ul class="nav nav-pills app-ord-nav">
						<li class="mr-2">
							<a class="active" href="/orders"><i class="fas fa-filter mr-1"></i>Tüm Siparişler</a>
						</li>
						<li class="mr-2">
							<a href="/orders/pending"><i class="fas fa-file-import mr-1"></i>Sipariş Alındı</a>
						</li>
						<li class="mr-2">
							<a href="/orders/inprogress"><i class="fas fa-spinner mr-1"></i>Yükleniyor</a>
						</li>
						<li class="mr-2">
							<a href="/orders/completed"><i class="far fa-check-circle mr-1"></i>Tamamlandı</a>
						</li>
						<li class="mr-2"><a href="/orders/partial"><i class="fas fa-hourglass-start mr-1"></i>Kısmen Tamamlandı</a></li>
						<li class="mr-2">
							<a href="/orders/processing"><i class="fas fa-sort-numeric-down mr-1"></i>Gönderim Sırasında</a>
						</li>
						<li class="mr-2">
							<a href="/orders/canceled"><i class="fas fa-ban mr-1"></i>İptal Edildi</a>
						</li>
						<li class="pull-right search mr-2">
							<div class="col-md-12">
								<div class="services-search">
									<input type="text" id="searchService" placeholder="Ara" class="form-control">
								</div>
							</div>
						</li>
					</ul>
				</div>
				<hr style="size:6px">

				<div class="table-responsive">
					<table class="table table-hover">
						<thead>
							<tr>
								<th>#</th>
								<th>{ORDERS_DATE}</th>
								<th>{ORDERS_LINK}</th>
								<th>{ORDERS_AMOUNT}</th>
								<th>{ORDERS_START_COUNT}</th>
								<th>{ORDERS_QUANTITY}</th>
								<th>{ORDERS_SERVICE}</th>
								<th>{ORDERS_STATUS}</th>
								<th>{ORDERS_REMAINS}</th>
								<th></th>
							</tr>
						</thead>
						<tbody class="servicestableclass">
							{ORDERS_LIST}
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>







<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
	$(document).ready(function() {
		$("#searchService").on("keyup", function() {
			var value = $(this).val().toLowerCase();
			$(".servicestableclass tr").filter(function() {
				$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
			});
		});
	});
</script>





<?php require view('theme/footer'); ?>