<div class="stretch-to-bottom details-columns">
    <div class="right">
        <a colorbox ng-href="{{track.covers.original}}" pfm-eat-click>
            <img class="cover" pfm-src-loader="track.covers.normal" pfm-src-size="normal"/>
        </a>

        <div class="share-buttons" pfm-share-buttons>
            <a class="tumblr" ng-href="{{::track.share.tumblrUrl}}"
               title="Share on Tumblr"
               style="display:inline-block; overflow:hidden; width:20px; height:20px; background:url('/images/tumblr-share.png') top left no-repeat transparent;"></a>
            <div class="facebook fb-like" data-href="{{::track.url}}"
                 data-width="450" data-layout="button_count"
                 data-show-faces="true" data-send="false"></div>
            <iframe class="twitter" allowtransparency="true" frameborder="0"
                    scrolling="no" ng-src="{{::track.share.twitterUrl}}"
                    style="width:130px; height:20px;"></iframe>
        </div>

        <ul class="stats">
            <li ng-if="track.genre">Genre: <strong><a href="{{::track.genre.url}}">{{::track.genre.name}}</a></strong></li>
            <li ng-if="!track.genre">Genre: <strong>Unknown</strong></li>
            <li>Published: <strong>{{formatPublishedDate(track)}}</strong></li>
            <li>Views: <strong>{{::track.stats.views}}</strong></li>
            <li>Plays: <strong>{{::track.stats.plays}}</strong></li>
            <li>Downloads: <strong>{{::track.stats.downloads}}</strong></li>
            <li>Favourites: <strong>{{::track.stats.favourites}}</strong></li>
            <li><strong><a ui-sref="content.track.stats">View more stats</a></strong></li>
        </ul>
    </div>
    <div class="left">
        <div class="description" ng-if="track.description.length">
            <h2>Description</h2>
            <p marked="track.description"></p>
        </div>

        <div ng-if="track.is_vocal && track.lyrics.length" class="lyrics-panel">
            <h2>Lyrics</h2>
            <div class="lyrics revealable">
                <div class="reveal">
                    <a href="#">Click to reveal full lyrics&hellip;</a>
                </div>
                <p class="content" ng-bind-html="track.lyrics | noHTML | nl2br"></p>
            </div>
        </div>

        <pfm-comments type="track" resource="track"></pfm-comments>
    </div>
</div>
