{{!-- 
    The modal dialouge that appears once a external link on the page is clicked (if activated)

    Related module(s): externalLinkCheckerModule.js
--}}
<div class="modal-dialog-content" id="modal-external-link-{{modalId}}">

    <div class="lightbox">
        {{!-- Notification message --}}
        <form class="form-section">
            <h3 class="form-section__header">{{headerText}}</h3>
            <fieldset>

                <div class="form-row-100">
                    <div class="form-info">
                        <span class="icon icon-LMHIconinfoblack"></span>
                        <p>{{messageText}}</p>
                    </div>
                </div>
            </fieldset>
            {{!-- Buttons to accept (leave site) or dismiss (stay on page) --}}
            <div class="form-section__footer">
                <a href="#" class="btn__link dismiss-btn">
                    <div class="btn">{{dismissBtnText}}</div>
                </a>
                <a href="{{agreeBtnUrl}}" class="btn__link agree-btn" target="{{agreeBtnTarget}}">
                    <div class="btn btn--primary">{{agreeBtnText}}</div>
                </a>
            </div>
        </form>
    </div>
</div>