{{#if data.length}}
<div class="msg bot-message list-msg">
    <div class="flex-design">
        <div class="bot-image-container">
            <img src="https://files.rcu.org/ActiveAI/RoyalAvatar.svg" width="20" height="20">
        </div>
        <div class="bot-messagefull messageContent welcome-card-template">
            <div class="msg button-div" id="locationListMessage">
                <div class="slider mobile-display-swipe center">
                    <div class="panel panel-default button-div button-temp">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-xs-12 buttondesign">
                                    <h4 class="uob-amex">{{header}}</h4>
                                </div>
                            </div>
                        </div>
                        {{#each data}}
                        {{#is type "row"}}
                        <div class="row">
                            <div class="col-xs-12 buttondesign">
                                <h4 style="margin-left: 10px;margin-right: 10px;" class="uob-amex">{{title}}</h4>
                                <span style="color: #737376;font-size: 16px;padding-left: 0px;font-weight: 500;margin-left: 10px;margin-right: 10px;white-space: pre-line;">{{breaklines subtitle}}</span>
                                <div class="card-button-wrapper" data-is-main-parent="true" style="flex: 1;padding: 0px 10px !important; display: flex">
                                    {{#each buttons}}
                                    <button type="button" data-checked="true" style="margin-right: 10px;margin-top: 10px;margin-bottom: 10px;" data-button-lifecycle="{{allowMultipleClicks}}"
                                            data-radio="{{radio}}"
                                            data-button-index="{{@index}}" {{#if disabled}} class="round-btn btn-disabled"{{else}}class="round-btn"
                                            {{/if}} {{#if disabled}} disabled="disabled" {{/if}} {{#is action
                                    'postback'}} data-value="{{stringify payload}}" {{else}} {{#is action 'postbackUrl'}}
                                    data-value="{{stringify payload}}"
                                    {{else}} data-value="{{payload}}" {{/is}} {{/is}} {{#is action 'upload'}} data-uploadUrl='{{uploadUrl}}'
                                    data-downloadUrl='{{
                                    downloadUrl}}'{{/is}}data-type="{{action}}" {{#is text 'Yes'}}
                                    onclick="/*disableAllCardButtons(this);*/transactionLeftMidway(this);callApi(this);" {{/is}}
                                    onclick="/*disableAllCardButtons(this);*/callApi(this);">
                                    {{#breaklines text}}{{/breaklines}}
                                    </button>
                                {{/each}}
                                </div>
                            </div>
                        </div>
                        {{/is}}
                        {{#is type "rowbutton"}}
                        <div class="row">
                        {{#if buttons.length}}
                        <div id='rowbuttons'>
                            {{#each buttons}}
                            <div data-type='rowbutton' {{#unless @last}} class="row-btn-border" {{/unless}}>
                            <button style="font-weight: 600;border-color: #DDDEE0 !important;" type="button" data-button-lifecycle="{{allowMultipleClicks}}" data-radio="{{radio}}"
                                    data-button-index="{{@index}}" {{#if disabled}} class="btn btn-primary btn-block row-btn btn-disabled"{{else}} class="btn btn-primary btn-block row-btn"
                                    {{/if}} {{#if disabled}} disabled="disabled" {{/if}} {{#is action 'postback'}} data-value="{{stringify payload}}" {{else}} data-value="{{payload}}" {{/is}}
                            data-type="{{action}}"
                            onclick="/*disableAllCardButtons(this);*/callApi(this);">{{text}}</button>
                            {{/each}}
                        </div>
                            {{/if}}
                        </div>
                        {{/is}}
                        {{/each}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{{/if}}