<div class="container py-5">
	<div class="row justify-content-center">
		<div class="col-md-6">
			<div class="card shadow-sm border-top-card">
				<div class="card-body p-md-5">
					<h5 class="sub-title display-5 mb-4"><?= __('store.track_your_order') ?></h5>
					<p class="text-muted mb-4"><?= __('store.track_order_description') ?></p>

					<?php if (!empty($error)): ?>
						<div class="alert alert-danger" role="alert">
							<?= htmlspecialchars($error) ?>
						</div>
					<?php endif; ?>

					<form method="post" action="<?= base_url('store/track_order') ?>">
						<div class="mb-3">
							<label for="order_number" class="form-label"><?= __('store.order_number') ?></label>
							<input type="text" class="form-control" id="order_number" name="order_number" placeholder="<?= __('store.enter_order_number') ?>" value="<?= isset($_POST['order_number']) ? htmlspecialchars($_POST['order_number']) : '' ?>" required>
						</div>
						<div class="mb-3">
							<label for="email" class="form-label"><?= __('store.email_address') ?></label>
							<input type="email" class="form-control" id="email" name="email" placeholder="<?= __('store.enter_email_address') ?>" value="<?= isset($_POST['email']) ? htmlspecialchars($_POST['email']) : '' ?>" required>
						</div>
						<button type="submit" class="btn btn-primary w-100"><?= __('store.view_order') ?></button>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
