figure.herobox(ng-click='clickMember(profile._id)', data-name='{{username(profile.auth, profile.profile.name)}}', ng-class='{isUser: profile.id==user.id, hasPet: profile.items.pet}', data-level='{{profile.stats.lvl}}', data-uid='{{profile.id}}', rel='popover', data-placement='bottom', data-trigger='hover', data-html='true', data-content="<div ng-hide='profile.id == user.id'> <div class='progress progress-danger' style='height:5px;'> <div class='bar' style='height: 5px; width: {{percent(profile.stats.hp, 50)}}%;'></div> </div> <div class='progress progress-warning' style='height:5px;'> <div class='bar' style='height: 5px; width: {{percent(profile.stats.exp, tnl(profile.stats.lvl))}}%;'></div> </div> <div>Level: {{profile.stats.lvl}}</div> <div>GP: {{profile.stats.gp | number:0}}</div> <div>{{count(profile.items.pets)}} / 90 Pets Found</div> </div>")
  .character-sprites
    span(ng-class='{zzz:profile.flags.rest}')
    span(class='{{profile.preferences.gender}}_skin_{{profile.preferences.skin}}')
    span(class='{{profile.preferences.gender}}_hair_{{profile.preferences.hair}}')
    span(class='{{equipped("armor", profile.items.armor, profile.preferences, profile.backer.tier)}}')
    span(class='{{profile.preferences.gender}}_head_0', ng-hide='profile.preferences.showHelm')
    span(class='{{equipped("head", profile.items.head, profile.preferences, profile.backer.tier)}}', ng-show='profile.preferences.showHelm')
    span(class='{{equipped("shield",profile.items.shield,profile.preferences,profile.backer.tier)}}')
    span(class='{{equipped("weapon",profile.items.weapon,profile.preferences,profile.backer.tier)}}')
    // FIXME handle @minimal, this might have to be a directive
    span.current-pet(class='Pet-{{profile.items.currentPet.name}}-{{profile.items.currentPet.modifier}}', ng-show='profile.items.currentPet && !minimal')
  .avatar-level Lvl {{profile.stats.lvl}}