<?php
	require_once('./files/header.php');
?>
<section id="main-content">
	<section class="wrapper">
		<div class="row">
			<div class="col-md-3">
				<div class="mini-stat clearfix">
					<span class="mini-stat-icon orange"><i class="fa fa-gavel"></i></span>
					<div class="mini-stat-info">
						<span>
							<?php
								$UserID = $user->GetData('UserID');

								$stmt = $pdo->prepare('SELECT * FROM orders WHERE OrderUserID = :OrderUserID');
								$stmt->bindParam(':OrderUserID', $UserID);
								$stmt->execute();

								echo $stmt->rowCount();
							?>
						</span>
						Account Orders
					</div>
				</div>
			</div>
			<div class="col-md-3">
				<div class="mini-stat clearfix">
					<span class="mini-stat-icon tar"><i class="fa fa-tag"></i></span>
					<div class="mini-stat-info">
						<span>
							<?php
								$stmt = $pdo->prepare('SELECT * FROM products');
								$stmt->execute();

								echo $stmt->rowCount();
							?>
						</span>
						Offered services
					</div>
				</div>
			</div>
			<div class="col-md-3">
				<div class="mini-stat clearfix">
					<span class="mini-stat-icon pink"><i class="fa fa-money"></i></span>
					<div class="mini-stat-info">
						<span>
							<?php
								$stmt = $pdo->prepare('SELECT * FROM orders');
								$stmt->execute();

								echo $stmt->rowCount();
							?>
						</span>
						Total Orders
					</div>
				</div>
			</div>
			<div class="col-md-3">
				<div class="mini-stat clearfix">
					<span class="mini-stat-icon green"><i class="fa fa-eye"></i></span>
					<div class="mini-stat-info">
						<span>
							<?php
								$stmt = $pdo->prepare('SELECT * FROM users');
								$stmt->execute();

								echo $stmt->rowCount();
							?>
						</span>
						Total Users
					</div>
				</div>
			</div>
		</div>

		<!-- Purchase Page -->

		<div class="row">
			<div class="col-sm-12">
				<section class="panel">
					<header class="panel-heading">
						New Order
						<span class="tools pull-right">
							<a href="javascript:;" class="fa fa-chevron-down"></a>
							<a href="javascript:;" class="fa fa-times"></a>
						 </span>
					</header>
					<div class="panel-body">
						<div id="wizard">
							<h2 id="wizard-h-0" tabindex="-1" class="title current">Select Category</h2>
							<section id="wizard-p-0" role="tabpanel" aria-labelledby="wizard-h-0" class="body current" aria-hidden="false" style="display: block;">
								<form class="form-horizontal" id="select-service">
									<div class="form-group">
										<label class="col-lg-2 control-label">Service</label>
										<div class="col-lg-8">
											<select class="form-control" name="service" id="service" onchange="quantity(this.value)">
												 <option selected="true" style="display:none;">Please select a category.</option>
											</select>
										</div>
									</div>
								</form>
							</section>

							<h2 id="wizard-h-1" tabindex="-1" class="title">Order Options</h2>
							<section id="wizard-p-1" role="tabpanel" aria-labelledby="wizard-h-1" class="body" aria-hidden="true" style="display: none;">
								<form class="form-horizontal" id="select-options">
									<div class="form-group">
										<label class="col-lg-2 control-label">Quantity</label>
										<div class="col-lg-8">
											<input type="number" value="0" id="product-quantity" class="spinner-input form-control" placeholder="Select Amount" autocomplete="off" required>
											<span class="help-block">
												Minimum purchase quantity for this service is <span id="minimum-quantity" class="text-danger">0</span>.
											 </span>
										</div>
									</div>
									<div class="form-group">
										<label class="col-lg-2 control-label">Link</label>
										<div class="col-lg-8">
											<input type="text" class="form-control" placeholder="Link" required>
										</div>
									</div>
								</form>
							</section>

						   <h2 id="wizard-h-2" tabindex="-1" class="title">Complete Order</h2>
							<section id="wizard-p-2" role="tabpanel" aria-labelledby="wizard-h-2" class="body" aria-hidden="true" style="display: none;">
								<p>Click the button below to continue with service ordering.</p>
								<div><button type="button" class="btn btn-success" id="pre-order">Submit Order.</button></div>
								<hr>
								<div id="order-status"></div>
							</section>
						</div>
					</div>
				</section>
			</div>
		</div>
	</section>
</section>
<?php
	require_once('./files/footer.php');
?>