{#
 # Order Tracking Form (Bootstrap 5 Override)
 #
 # Form to look up an order by ID and billing email.
 #
 # WooCommerce PHP equivalent: order/form-tracking.php
 #
 # @package WcBootstrap
 # @since 0.1.0
 #}

<form action="{{ get_permalink()|esc_url }}" method="post" class="woocommerce-form woocommerce-form-track-order track_order">

    {{ do_action('woocommerce_order_tracking_form_start') }}

    <p class="mb-3">
        {{ __('To track your order please enter your Order ID in the box below and press the "Track" button. This was given to you on your receipt and in the confirmation email you should have received.') }}
    </p>

    <div class="row g-3 mb-3">
        <div class="col-sm-6">
            <label for="orderid" class="form-label">{{ __('Order ID') }}</label>
            <input type="text"
                   class="form-control"
                   name="orderid"
                   id="orderid"
                   placeholder="{{ __('Found in your order confirmation email.') }}" />
        </div>
        <div class="col-sm-6">
            <label for="order_email" class="form-label">{{ __('Billing email') }}</label>
            <input type="email"
                   class="form-control"
                   name="order_email"
                   id="order_email"
                   placeholder="{{ __('Email you used during checkout.') }}" />
        </div>
    </div>

    {{ do_action('woocommerce_order_tracking_form') }}

    <div class="mt-3">
        <button type="submit" class="btn btn-primary" name="track" value="{{ __('Track') }}">
            <i class="bi bi-search me-1" aria-hidden="true"></i>
            {{ __('Track') }}
        </button>
    </div>

    {{ wp_nonce_field('woocommerce-order_tracking', 'woocommerce-order-tracking-nonce') }}

    {{ do_action('woocommerce_order_tracking_form_end') }}

</form>