{##
 # Orders list item : spec : break line
 #
 # @ListChild (list="orders.children.shipping", weight="100")
 #}

<ul class="shipping-method-name shipping-method-spec-element">
  <li class="shipping-method-wrapper">
    <span class="shipping-method-label">{{ t('Shipping method') }}:</span><span
            class="shipping-method-name">{{ this.order.getShippingMethodName()|raw }}</span>
  </li>
  {% if not this.order.trackingNumbers.isEmpty() %}
    <li class="tracking-number-wrapper">
      <span class="tracking-number-label">{{ t('Tracking numbers') }}:</span>

      <div class="tracking-number-box">
        {% for number in this.order.trackingNumbers %}

          <span class="tracking-item">
          {% if this.order.getTrackingInformationURL(number.value) %}
            {% if this.order.isTrackingInformationForm(number.value) %}
              <form method="{{ this.order.getTrackingInformationMethod(number.value)|raw }}"
                    action="{{ this.order.getTrackingInformationURL(number.value) }}" target="_blank">
            {% for name, value in this.order.getTrackingInformationParams(number.value) %}
              <input type="hidden" name="{{ name }}" value="{{ value }}"/>
            {% endfor %}
                <span>{{ number.value }} - </span>
            <button type="submit">{{ t('Track package') }}</button>
          </form>
          {% else %}
              <span>{{ number.value }} - </span>
              <a href="{{ this.order.getTrackingInformationURL(number.value) }}"
                 target="_blank">{{ t('Track package') }}</a>
            {% endif %}
          {% else %}
            {{ number.value }}
          {% endif %}
          </span><br/>

        {% endfor %}
      </div>
    </li>
  {% endif %}

</ul>