{{#*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>
        </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="<a href='https://www.paypal.com/uk/webapps/mpp/paypal-popup'><img class='pt-2' src='https://www.paypalobjects.com/webstatic/mktg/Logo/pp-logo-100px.png' border='0' alt='PayPal Logo'></a><p class='pt-3'>test@test.co.uk</p>"
            col-2-title="Billing address"
            col-2=address
            col-3-title="Voucher"
            col-3=voucher
    }}
{{/with}}
