<div class="corpus-app-player">
    <div class="corpus-app-content">
    {{player-component action="changeDocument" document=currentItem}}
    <p><strong>{{ currentItem.title }}</strong></p>
    <p>{{doc-language url=currentItem.language}}</p>
    </div>
</div>

<div class="corpus-window">
    {{#if notice}}
    <div class="corpus-app-modal">
        {{ notice-component class="overlay" model=noticeModel }}
    </div>
    {{/if}}
    <div class="corpus-app-container">
    {{#if player.window}}
        {{#if (eq player.window 'notice')}}
            {{ notice-component }}
        {{/if}}
        {{#if (eq player.window 'transcript')}}
            {{ transcript-component }}
        {{/if}}
    {{else}}
        {{ outlet }}
    {{/if}}
    </div>

    <div class="corpus-app-wrapper">
        {{ filter-component }}
        {{ playlist-component notice=notice model=model }}
    </div>

</div>

{{toolbar-component}}