{if !empty($block.description)}
<div
    class="alert alert-{$block.alert_type|escape:'html':'UTF-8'} alert-dismissible customhtml-alert"
    role="alert"
    data-timeout="{$block.timeout|intval}"
>
    <div class="row">
        {block name=alert_content}
        <div class="col d-flex align-items-center">
            {if $block.show_title && !empty($block.title)}
            <strong class="customhtml-alert-title">{$block.title|escape:'html':'UTF-8'}</strong>
            {/if}
            <span class="customhtml-alert-text">{$block.description|escape:'html':'UTF-8'|nl2br}</span>
        </div>
        {/block}
        {block name=alert_actions}
        <div class="col-auto">
            {if !empty($block.link)}
            <a href="{$block.link|escape:'html':'UTF-8'}" class="btn btn-{$block.alert_type|escape:'html':'UTF-8'} customhtml-alert-btn">
                {if !empty($block.link_text)}{$block.link_text|escape:'html':'UTF-8'}{else}{l s='Learn more' d='Modules.Wscustomhtml.Shop'}{/if}
            </a>
            {/if}
            <button type="button" class="close customhtml-alert-close" aria-label="{l s='Close' d='Modules.Wscustomhtml.Shop'}">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        {/block}
    </div>
</div>
{/if}