{extends "../@layout.xml"}

{block title}Аудиозаписи{/block}

{block header}
    Популярное
{/block}

{block content}
    {include "tabs.xml", mode => "popular"}

    <div style="padding: 8px;">
        <div n:if="count($audios) <= 0">
            {include "../components/nothing.xml"}
        </div>
        <div n:if="count($audios) > 0">
            {foreach $audios as $audio}
                {include "player.xml", audio => $audio, addOnClick => "addAudio({$audio->getId()})"}
            {/foreach}
        </div>

        <div n:if="count($audios) > 0">
            {script "js/node_modules/umbrellajs/umbrella.min.js"}
            {script "js/node_modules/dashjs/dist/dash.all.min.js"}

            {include "player.js.xml", audios => $audios}
        </div>
    </div>
{/block}