<form action="${URLUtils.url('Order-Track')}" class="trackorder" method="POST" name="trackorder-form">
    <h2 class="card-header track-order-header">${Resource.msg('header.form.trackorder', 'login', null)}</h2>
    <div class="card-body">
        <isif condition="${pdict.orderTrackFormError}">
            <div class="form-group">
                <div class="alert alert-danger " role="alert">
                    <strong>${Resource.msg('error.message.trackorder.form', 'login', null)}</strong>
                </div>
            </div>
        </isif>
        <p class="track-order-header-text">${Resource.msg('header.form.trackorder.text', 'login', null)}</p>

        <div class="form-group required">
            <label class="form-control-label" for="trackorder-form-number">
                ${Resource.msg('label.input.trackorder.ordernumber', 'login', null)}
            </label>
            <input
                type="text"
                required
                class="form-control"
                aria-describedby="form-number-error"
                id="trackorder-form-number"
                name="trackOrderNumber">
            <div class="invalid-feedback" id="form-number-error"></div>
        </div>

        <div class="form-group required">
            <label class="form-control-label" for="trackorder-form-email">
                ${Resource.msg('label.input.trackorder.orderemail', 'login', null)}
            </label>
            <input
                type="text"
                required
                class="form-control"
                id="trackorder-form-email"
                aria-describedby="form-email-error"
                name="trackOrderEmail"
                pattern="^[\w.%+-]+@[\w.-]+\.[\w]{2,6}$"
                maxlength="50">
            <div class="invalid-feedback" id="form-email-error"></div>
        </div>
        <!-- Billing Zip Code -->
        <isinclude template="account/components/trackOrderFormBillingZipCode"/>

        <input type="hidden" name="${pdict.csrf.tokenName}" value="${pdict.csrf.token}"/>

        <div class="form-group">
            <button class="btn btn-block btn-primary" type="submit" name="submit" value="submit">
                ${Resource.msg('button.text.trackorderform', 'login', null)}
            </button>
        </div>
    </div>
</form>
