<div class="modal-content" data-test-modal="whats-new" role="dialog" aria-modal="true" aria-labelledby="whats-new-modal-title">
    <h1 id="whats-new-modal-title" class="gh-whasnew-modal-title" data-test-modal-title>What’s new?</h1>
    <section class="gh-whatsnew-modal-entries" data-test-entries {{did-insert (perform this.whatsNew.updateLastSeen)}}>
        {{#each this.whatsNew.entries as |entry|}}
            <a class="gh-whatsnew-modal-entry" data-test-entry href={{entry.url}} target="_blank" rel="noopener noreferrer">
                {{#if entry.feature_image}}
                    <img class="gh-whatsnew-modal-entry-featureimage" data-test-entry-image src={{entry.feature_image}} alt={{entry.title}}>
                {{/if}}
                <div class="gh-whatsnew-modal-entrycontent">
                    <h2 data-test-entry-title>{{entry.title}}</h2>
                    {{#if entry.custom_excerpt}}
                        <p data-test-entry-excerpt>{{entry.custom_excerpt}}</p>
                    {{/if}}
                    <span data-test-entry-date>{{moment-format entry.published_at "DD MMMM YYYY"}}</span>
                </div>
            </a>
        {{/each}}
    </section>

    <div class="gh-whatsnew-modal-footer">
        <a href="https://ghost.org/changelog/#/portal/signup" class="gh-btn" type="button" target="_blank" rel="noopener noreferrer"><span>Turn on notifications</span></a>
        <a class="gh-btn gh-btn-primary" href="https://ghost.org/changelog" target="_blank" rel="noopener noreferrer"><span>All updates &rarr;</span></a>
    </div>
</div>
