<div class="content-wrapper">
<section class="content pt-3">

<div class="container-fluid py-4">

    <div class="card shadow-sm mx-auto" style="max-width: 500px;">
        <div class="card-body">

            <h4 class="mb-4 text-center">
                <i class="bi bi-search me-2"></i>
                <?= __('tracking.title', 'Track Your Order') ?>
            </h4>

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

            <form method="POST" action="/admin/order/tracking">
                <?= \Core\System\Csrf::field() ?>
                <div class="mb-3">
                    <label class="form-label">
                        <?= __('tracking.input', 'Order ID or Tracking Number') ?>
                    </label>
                    <input type="text"
                           name="value"
                           class="form-control"
                           placeholder="<?= __('tracking.placeholder', 'Enter order ID or tracking number') ?>"
                           required>
                </div>

                <button class="btn btn-primary w-100">
                    <i class="bi bi-search me-1"></i>
                    <?= __('tracking.track', 'Track') ?>
                </button>
            </form>

        </div>
    </div>

</div>

</section>
</div>
