<button tabindex="0" type="button" class="btn btn-sm btn-default" data-toggle="modal" data-target="#confirmModal{$modalId}">
    {$buttonTitle}
</button>

<div class="modal fade" id="confirmModal{$modalId}" tabindex="-1" role="dialog" aria-labelledby="confirmModalLabel{$modalId}" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button tabindex="0" type="button" class="close" data-dismiss="modal" aria-label="{lang key='close'}">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h5 class="modal-title" id="confirmModalLabel{$modalId}">{$modalTitle}</h5>
            </div>
            <div class="modal-body">
                {$modalBody}
            </div>
            <div class="modal-footer">
                <button tabindex="0" id="btnConfirmModalConfirmBtn"
                        type="button"
                        class="btn btn-primary"
                        data-target-url="{$targetUrl}"
                >
                    {* {if $saveBtnIcon}
                        <i class="{$saveBtnIcon}"></i>
                    {/if} *}
                    {$saveBtnTitle}
                </button>
                <button tabindex="0" type="button"
                        class="btn btn-default"
                        data-dismiss="modal"
                >
                    {* {if $closeBtnIcon}
                    <i class="{$closeBtnIcon}"></i>
                    {/if} *}
                    {$closeBtnTitle}
                </button>
            </div>
        </div>
    </div>
</div>