<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}}