<div class="order-history-table">
  <div class="order-history-table__content">
    <div class="row">
      <div class="col">
        <strong class="table__content-heading">Order number</strong>
        {{number}}
      </div>
      <div class="col">
        <strong class="table__content-heading">Placed on</strong>
        <span class="table__content-date">
            {{date}}
        </span>
        <span class="table__content-time">
            {{time}}
        </span>
      </div>
      <div class="col">
        <strong class="table__content-heading">Order status</strong>
        {{status}}
      </div>
    </div>
    {{#if tradePro-order}}
      <div class="row">
        <div class="col pt-1">
          <div class="order-history-table__footer">
            <div class="order-history-table__total">
              <strong class="table__content-heading">Total: </strong>
              <span class="order-history-table__total-price">{{totalPrice}}</span>
            </div>
          </div>
        </div>
      </div>
    {{/if}}
  </div>
  <div class="order-history-table__actions">
    <a href="{{url}}" class="btn {{#if tradePro-order}}btn-secondary{{else}}btn-primary{{/if}}">View order</a>
    {{#unless tradePro-order}}

      {{#if resendConfirmation}}
        <a href="#" class="btn btn-secondary">Resend confirmation</a>
      {{else}}
        <a href="#" disabled class="btn">Confirmation resent</a>
      {{/if}}

    {{/unless}}
  </div>
  {{#unless tradePro-order}}
    {{#if transactions}}
      {{> payment-transactions
          number=number list=transactions class="order-history-table__transactions"}}
    {{/if}}
    <div class="order-history-table__footer">
      <div class="order-history-table__total">
        <strong class="table__content-heading">Total</strong>
        <span class="order-history-table__total-price">{{totalPrice}}</span>
      </div>
    </div>
  {{/unless}}
</div>
