<div class="has_header media-gallery-music-common" sb-background-image value-id="value_id" ng-class="{background_image: style_background_image}" ng-style="style_background_image">

    <sb-header title-back="'<?php echo $this->_('Back' ) ?>'" title="playlist.name" message="message" right-button="header_right_button"></sb-header>

    <sb-connection has-connection="has_connection"></sb-connection>

    <div class="media-music-tabs">
        <ul>
            <li>
                <a class="active"><?php echo $this->_('Albums') ?></a>
            </li>
            <li>
                <a ng-click="showPlaylistTracks()"><?php echo $this->_('Tracks') ?></a>
            </li>
        </ul>
    </div>
    <a class="read-all-button" ng-click="playAll()">
        <?php echo $this->_('Read all') ?></a>

    <sb-loader is-loading="is_loading" size="'48'" block="'background'"></sb-loader>

    <div class="scrollable_content" albums-boxes albums="playlist.albums" on-album-selected="showAlbum(album)"></div>

</div>
