<section class="gh-dashboard5-resource gh-dashboard5-whats-new" {{did-insert this.load}}>
    <article class="gh-dashboard5-resource-box">
        <div class="gh-dashboard5-resource-title is-large has-border">
            <h4>What's new</h4>
            <p>All the latest changes and improvements.</p>
        </div>
        <div class="gh-dashboard5-resource-body">
             <div class="gh-dashboard5-list {{if this.whatsNew.hasNew "has-new"}}">
                {{#if (not (or this.loading this.error))}}
                    <div class="gh-dashboard5-list-body">
                        {{#each this.entries as |entry|}}
                            <div class="gh-dashboard5-list-item">
                                <LinkTo class="gh-dashboard5-list-post" @route="whatsnew" @query={{hash entry=entry.slug}}>
                                    <span class="gh-dashboard5-list-link">
                                        <span>{{entry.title}}</span>
                                    </span>
                                    <div class="gh-dashboard5-resource-secondary">{{moment-format entry.published_at "D MMM YYYY"}}</div>
                                </LinkTo>    
                            </div>
                        {{else}}
                            <div class="gh-dashboard5-list-empty">
                                {{svg-jar "no-data-list"}}
                                <p>No new features yet.</p>
                            </div>
                        {{/each}}
                    </div>
                {{/if}}
            </div>
        </div>
        <div class="gh-dashboard5-resource-footer">
            <LinkTo @route="whatsnew" @query={{hash entry=null}} class="green">See more features &rarr;</LinkTo>
        </div>
    </article>
</section>
