{{! make the _globals object in course.json available to this template}}
{{import_globals}}
<div {{#each _attributes}}{{@key}}="{{this}}" {{/each}} class="notify-popup notify-type-{{_type}} {{_classes}}">
    <div class="notify-popup-inner">
        <div class="notify-popup-content">
            <div class="notify-popup-content-inner">
                {{#if _showIcon}}
                    <div class="notify-popup-icon">
                        <div class="icon{{#equals _type "prompt"}} icon-question{{/equals}}{{#equals _type "alert"}} icon-warning{{/equals}}">
                        </div>
                    </div>
                {{/if}}
                {{#if title}}
                    <div id="notify-heading" class="notify-popup-title">
                        <div class="notify-popup-title-inner h5" {{{a11y_attrs_heading 'notify'}}}>
                        {{{compile title}}}
                        </div>
                    </div>
                {{/if}}
                {{#if body}}
                    <div class="notify-popup-body">
                        <div class="notify-popup-body-inner">{{{compile body}}}</div>
                    </div>
                {{/if}}

                {{#equals _type "alert"}}
                    <div class="notify-popup-buttons">
                        <button class="notify-popup-button notify-popup-alert-button" aria-label="{{{confirmText}}}">{{{confirmText}}}</button>
                    </div>
                {{/equals}}

                {{#equals _type "prompt"}}
                    <div class="notify-popup-buttons">
                        {{#each _prompts}}
                            <button class="notify-popup-button notify-popup-prompt-button" data-event="{{_callbackEvent}}" aria-label="{{{promptText}}}">{{{promptText}}}</button>
                        {{/each}}
                    </div>
                {{/equals}}

            </div>
        </div>
        {{! toolbar moved for AA purposes - last tabbable element}}
        {{#all _isCancellable _showCloseButton}}
            {{#equals _type "popup"}}
                <button class="base notify-popup-done" aria-label="{{_globals._accessibility._ariaLabels.closePopup}}">
                    <div class="notify-popup-icon-close icon icon-cross"></div>
                </button>
            {{/equals}}
        {{/all}}
    </div>

    {{{a11y_wrap_focus}}}
</div>


<div class="notify-shadow"></div>