{{#*inline "order-details-section"}}
    <div class="order-details-table order-history-table">
        <div class="order-details-table__content order-history-table__content {{mod}}">
            <div class="row">
                <!--col one start-->
                <div class="col">
                    <strong class="table__content-heading">{{col-1-title}}</strong>
                    {{{col-1}}}

                    {{#if col-4.length}}
                        <strong class="table__content-heading pt-3">{{col-4-title}}</strong>
                        {{#each col-4}}
                          <a href="../page_my-account_order-details.html">{{{number}}}</a>{{#if @last}}{{else}},{{/if}}
                        {{/each}}
                    {{/if}}

                    {{#if col-5.length}}
                        {{{col-5}}}
                    {{/if}}
                </div>
                <!--col one end-->

                <!--col two start-->
                <div class="col">
                    <strong class="table__content-heading">{{col-2-title}}</strong>
                    {{{col-2}}}
                </div>
                <!--col two end-->

                <!--col three start-->
                <div class="col">
                    <strong class="table__content-heading">{{col-3-title}}</strong>
                    {{{col-3}}}
                </div>
                <!--col three end-->
            </div>

            {{#if transaction}}
                {{> payment-transactions number=../orderInfo.number
                        list=transactions class="order-details-table__transactions order-details-table"}}
            {{/if}}

        </div>
    </div>
{{/inline}}

{{#with orderInfo}}
    {{> order-details-section
            col-1-title="Order number"
            col-1=number
            col-2-title="Placed on"
            col-2=date
            col-3-title="Order Status"
            col-3=status
            col-4-title="Linked to order"
            col-4=link-order
            mod="order-history-table__content_header-section"
    }}
{{/with}}
{{#with deliveryInfo}}
    {{> order-details-section
            col-1-title="Delivery method"
            col-1=method
            col-5=delivery-info
            col-2-title="Delivery address"
            col-2=address
    }}
{{/with}}
{{#with paymentInfo}}
    {{> order-details-section
            col-1-title="Payment details"
            col-1=details
            col-2-title="Billing address"
            col-2=address
            col-3-title="Voucher"
            col-3=voucher
    }}
{{/with}}
