extends ../layout

block content
  .page-header
    h1
      i.fa.fa-music
      | Last.fm API
  .btn-group.btn-group-justified
    a.btn.btn-lg.btn-primary(href='http://developer.github.com/guides/getting-started/', target='_blank')
      i.fa.fa-check-square-o
      | Getting Started
    a.btn.btn-lg.btn-primary(href='https://apigee.com/console/github', target='_blank')
      i.fa.fa-laptop
      | API Console
    a.btn.btn-lg.btn-primary(href='http://developer.github.com/v3/', target='_blank')
      i.fa.fa-file-text-o
      | Documentation

  h3.text-primary Artist Information

  h4= artist.name
  ul.list-inline
    li
      small.text-primary
        i.fa.fa-users
        strong Listeners:
        |  #{artist.stats.listeners}
    li
      small.text-primary
        i.fa.fa-headphones
        strong Scrobbles:
        |  #{artist.stats.playcount}
  p
    img(src='#{artist.image}')
  p
    for tag in artist.tags
      span.label.label-primary
        i.fa.fa-tag
        | #{tag.name}
      | 
  p!= artist.bio
  strong Similar Artists
  ul.list
    for similarArtist in artist.similar
      li
        a(href='#{similarArtist.url}') #{similarArtist.name}