<div class="suite-includes">
    <h4 class="suite-includes__header">This suite includes:</h4>
    <div>
        {{#extend "image-accordion" images=products hidden="hidden-state" collapsed="image-accordion--collapsed"}}
            {{#content "content"}}
                {{> suite-product-card  cards=products}}
            {{/content}}
        {{/extend}}

        <div class="suite-includes__products">
            {{> suite-product-card  cards=products}}
        </div>

        <div class="suite-includes__info">
            <div>
                <h6 class="suite-includes__total">Total:</h6>
                <div class="suite-includes__price-container">
                    {{#if switch-vat}}
                        {{#ifCond was_price '&&' was_price-vat}}
                            <div class="suite-includes__old-price including-vat">
                                <s>&pound;{{was_price-vat}}</s>
                            </div>
                            <div class="suite-includes__old-price excluding-vat d-none">
                                <s>&pound;{{was_price}}</s>
                            </div>
                        {{/ifCond}}
                        <div class="suite-includes__price{{#if was_price}} suite-includes__price--offer{{/if}}">
                            <div class="suite-includes__vat including-vat">
                                <span>&pound;{{price-vat}}</span>
                                <span class="suite-includes__vat-text">Inc.VAT</span>
                            </div>
                            <div class="suite-includes__vat excluding-vat d-none">
                                <span>&pound;{{price}}</span>
                                <span class="suite-includes__vat-text">Exc.VAT</span>
                            </div>
                        </div>
                    {{else}}
                        {{#if was_price}}
                            <div class="suite-includes__old-price">
                                <s>&pound;{{was_price}}</s>
                            </div>
                        {{/if}}
                        <div class="suite-includes__price {{#if was_price}} suite-includes__price--offer{{/if}}">
                            &pound;{{price}}
                        </div>
                    {{/if}}
                    <a class="suite-includes__delivery" href="#">Excluding delivery</a>
                </div>
            </div>
            <div class="suite-includes__button">
                {{#if postcodeChecker}}
                    {{> postcode-checker modifyClass="postcode-checker--mobile-only"}}
                {{else}}
                    {{> button
                        text="Add to basket"
                        full=true
                        action=true
                        type="button"
                        showLoader=true
                        modification="package-bulk-add"
                    }}
                {{/if}}
            </div>
        </div>
    </div>
</div>
