<div class="chronicle-event-list {{#if compact}}is-compact{{/if}}">
    {{#each years}}
        <section class="chronicle-year">
            {{#unless ../compact}}
            <header class="chronicle-year__heading">
                <span></span><h2><small>Year</small> {{year}}</h2><span></span>
            </header>
            {{/unless}}
            <div class="chronicle-year__events">
                {{#each events}}
                    <article class="chronicle-event" style="{{accentStyle}}">
                        {{#if ../../compact}}<p class="chronicle-event__year">Year {{../year}}</p>{{/if}}
                        <div class="chronicle-event__participants">
                            {{#each participants}}
                                {{#if canOpen}}
                                    <button type="button" class="chronicle-participant chronicle-participant--{{role}}" data-action="openChronicleParticipant" data-entity-id="{{entityId}}" title="Open {{name}}">
                                        {{#if imageSrc}}<img src="{{imageSrc}}" alt="">{{else}}<i class="fas fa-circle-user"></i>{{/if}}
                                        <span>{{name}}</span>
                                    </button>
                                {{else}}
                                    <span class="chronicle-participant chronicle-participant--{{role}}" title="{{name}}">
                                        {{#if imageSrc}}<img src="{{imageSrc}}" alt="">{{else}}<i class="fas fa-circle-user"></i>{{/if}}
                                        <span>{{name}}</span>
                                    </span>
                                {{/if}}
                            {{/each}}
                        </div>
                        <div class="chronicle-event__body">
                            <p class="chronicle-event__type"><i class="{{icon}}"></i> {{label}}</p>
                            <p class="chronicle-event__message">{{message}}</p>
                            {{#if resources.length}}
                                <div class="chronicle-event__goods">
                                    <span>Goods</span>
                                    {{#each resources}}<img src="{{imageSrc}}" alt="{{name}}" title="{{name}}">{{/each}}
                                </div>
                            {{/if}}
                        </div>
                    </article>
                {{/each}}
            </div>
        </section>
    {{else}}
        <div class="chronicle-ledger__empty chronicle-event-list__empty">
            <i class="fas fa-feather-pointed"></i>
            <h2>No entries match these filters</h2>
            <p>Clear or broaden the filters to return to the historical record.</p>
        </div>
    {{/each}}
</div>