<!-- Alerts -->
{{#if alerts }}
    {{#each alerts }}
    <div class="alerts">
        <div class="alert alert-primary alert-dismissible">
            <div class="container">
                {{#if this.header }}
                <h6 class="alert-level" >
                    {{#if this.icon }}
                    <span class="ca-gov-icon-{{ this.icon }}"></span>
                    {{/if}}
                    {{ this.header }}
                </h6>
                {{/if}}

                {{#if this.msg }}
                <div>
                    {{ this.msg }}
                </div>
                {{/if}}
                {{#if this.url }}
				<a href="{{ this.url }}" target="_blank" class="alert-link btn btn-outline-dark btn-sm">{{ this.text }}</a>
                {{/if}}

                <button class="btn btn-alt ca-gov-icon-close-mark" data-bs-dismiss="alert"  aria-label="Close Alert {{ @index }}">
                    <span class="sr-only">x</span>
                </button>
            </div>
        </div>
    </div>
    {{/each}}
{{/if}}