Modal: Modal

<div class="modal {{#if isNotShown}}fade{{else}}show{{/if}}" tabindex="-1" id="{{id}}" aria-labelledby="modalLabel"
    {{#if isNotShown}}aria-hidden="true" {{else}}style="display: block;" {{/if}}>
    <div class="modal-dialog modal-lg modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                {{#if resetOrContinue}}
                <h5 class="modal-title" id="modalLabel">
                    {{{title}}}
                    <div class="modal-subtitle">{{{subtitle}}}</div>
                </h5>
                
                {{else}}
                <h5 class="modal-title" id="modalLabel">{{{title}}}</h5>
                {{/if}}
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                {{#if content}}
                {{{content}}}
                {{/if}}
                {{#each warnings}}
                {{> @callout calloutType="warning"}}
                {{/each}}
                {{#if resetOrContinue}}
                <div class="row">
                    <div class="col text-center">
                        <h5 class="fw-bold">Hvordan vil du fortsætte din indberetning?</h5>
                    </div>
                </div>
                <div class="row mt-4">
                    <div class="col text-center">
                        <a href="#" class="btn btn-outline-danger btn-block mb-2">Start forfra</a>
                        <p><small>Du hentede BBR-Data d. 16.10.2020. Hvid du starter forfra, bliver der hentet
                                opdaterede
                                BBR-oplysninger og <strong class="text-danger">din kladde slettes.</strong></small>
                        </p>
                    </div>
                    <div class="col text-center">
                        <a href="#" class="btn btn-outline-primary btn-block mb-2">Fortsæt med kladde</a>
                        <p><small>Kladde er gemt d. 16.10.2020 og indeholder <strong>13 ændringer, som ikke er
                                    indsendt.</strong></small></p>
                    </div>
                </div>
                {{/if}}
                {{#if applicationType}}
                <div class="application-types">
                    <div class="application-types__filter">
                        <input type="text" class="form-control" id="applicationTypesFilter"
                            placeholder="Søg i anvendelsestyper…" onkeyup="applicationTypesFilter()">
                    </div>
                    <form>
                        <ul class="application-types__list" id="applicationTypesList">
                            {{#each applicationTypes}}
                            <li class="application-types__list-header">
                                <label>
                                    {{title}}
                                </label>
                            </li>
                            {{#each lovs}}
                            <li class="application-types__list-item">
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="applicationTypeRadio"
                                        id="applicationTypeRadio{{val}}">
                                    <label class="form-check-label" for="applicationTypeRadio{{val}}">
                                        {{text}}
                                    </label>
                                </div>
                            </li>
                            {{/each}}
                            {{/each}}
                        </ul>
                    </form>
                </div>
                {{/if}}
            </div>
            {{#unless resetOrContinue}}
            <div class="modal-footer justify-content-between">
                <div class="col-auto">
                    {{#if secondaryAction}}
                    <button type="button" class="btn btn-outline-primary align-self-start"
                        data-bs-dismiss="modal">{{secondaryAction}}</button>
                    {{/if}}
                </div>
                <div class="col-sm-6">
                    <button type="button" class="btn btn-{{#if isDestructive}}danger{{else}}primary{{/if}} btn-block"
                        {{#unless secondaryAction}}data-bs-dismiss="modal" {{/unless}}>{{primaryAction}}</button>
                </div>
            </div>
            {{/unless}}
        </div>
    </div>
</div>