{% extends '@theme/layouts/base.twig' %}

{#- The watch page: player and details, with the up-next list beside them on wide screens. -#}
{% block content %}
    {%- set main = zone('main') -%}
    {%- set aside = zone('aside') -%}
    {%- if main|trim -%}
        <div class="bk-container bk-watch{{ aside|trim ? ' has-aside' }}">
            <div class="bk-watch__main">{{ main|raw }}</div>
            {%- if aside|trim %}<aside class="bk-watch__aside">{{ aside|raw }}</aside>{% endif -%}
        </div>
    {%- else -%}
        {% include '@theme/partials/fallback.twig' %}
    {%- endif -%}
{% endblock %}