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

	<div class="row">
		<div class="col-md-12">
		    <div class="orders-btn py-3">
				<div class="col-md-12">
					<div class="services-search">
					    <input type="text" id="searchService" placeholder="Ara" class="form-control">
					</div>
				</div>			
			</div>
				<hr style="size:6px">
			<div class="card">
			    <div class="table-responsive">
				<table class="table table-hover">
					<thead>
						<tr>
							<th>#</th>
							<th>{DRIPS_SERVICE}</th>
							<th>{DRIPS_LINK}</th>
							<th>{DRIPS_AMOUNT}</th>
							<th>{DRIPS_QUANTITY}</th>
							<th>{DRIPS_COMPLETED}</th>
							<th>{DRIPS_INTERVAL}</th>
							<th>{DRIPS_LAST_ACTION}</th>
							<th>{DRIPS_STATUS}</th>
						</tr>
					</thead>
					<tbody class="servicestableclass">
						{DRIPS_LIST}
					</tbody>
				</table>
				</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'); ?>