#item-title
  h2.one-line.big-font= item ? item.name : ''

#item-details-body
  if item
    .nano
      .nano-content
        #item-container
          img.item-img(src=item.getPortraitURL())
          img.item-shadow(src=item.getPortraitURL())

        img.hr(src="/images/pages/play/modal/hr.png")

        for stat in stats
          div.stat-row.big-font
            div.stat-label= stat.name
            div.stat= stat.display
          img.hr(src="/images/pages/play/modal/hr.png" class=stat.isLast ? "" : "faded")

        if props.length
          #skills
            h3.big-font(data-i18n="play.skills_granted")
            for prop in props
              p
                strong.big-font= prop.name
                span.spr :
                span!= prop.description

         if item.comingSoon
           .text-center
             h3 This item has no stats.
             p Only admins will see it for now.

if item && !item.owned
  button#selected-item-unlock-button.btn.big-font.unlock-button(disabled=!item.affordable, data-item-id=item.id)
    span(data-i18n="play.unlock") Unlock
    span.spl= '('+item.get('gems')
    img(src="/images/common/gem.png")
    span )