freeCodeCamp/views/api/foursquare.jade

extends ../layout

block content
  .page-header
    h1
      i.fa.fa-foursquare
      |  Foursquare API

  if !user.tokens.foursquare
    .panel.panel-default
      .panel-heading
        i.fa.fa-shield
        | Authorization Required
      .panel-body
        a(href='/auth/foursquare')
          .label.label-primary.label-block
            h2
              i.fa.fa-qrcode
              | Get Foursquare Token
      .panel-footer
        div= message
  else
    ul.nav.nav-pills(style='margin-bottom: 15px;')
      li.active
        a(href='#venues', data-toggle='tab') Venues
      li
        a(href='#users', data-toggle='tab') Users

    div.tab-content
      #venues.tab-pane.fade.active.in
        .lead Trending Venues
        table.table.table-bordered.table-hover
          thead
            tr
              th Name
              th Location
              th Checkins
              th Here Now
          tbody
            for venue in trendingVenues.venues
              tr
                td= venue.name
                td #{venue.location.address}, #{venue.location.city}, #{venue.location.state}
                td= venue.stats.checkinsCount
                td= venue.hereNow.count

        .lead Venue Detail
        img.img-thumbnail(src='https://irs3.4sqi.net/img/general/200x200/11109710_xePHC-bh76LL_EaG-tsM1lUV6Bp-VUG1r_haDSqSvBM.jpg')
        p.text-danger Name: #{venueDetail.venue.name}
        p.text-muted Location: #{venueDetail.venue.location.address}, #{venueDetail.venue.location.city}, #{venueDetail.venue.location.state}
        p.text-success Categories:
          for category in venueDetail.venue.categories
            span  #{category.shortName} |
        p.text-info Likes: #{venueDetail.venue.likes.count}
        p.text-warning Rating: #{venueDetail.venue.rating}

      #users.tab-pane.fade
        .lead User Checkins
        table.table.table-bordered.table-hover
          thead
            tr
              th Name
              th Location
              th Category
              th Checkins
          tbody
            for checkin in userCheckins.checkins.items
              tr
                td= checkin.venue.name
                td #{checkin.venue.location.address}, #{checkin.venue.location.city}, #{checkin.venue.location.state}
                td= checkin.venue.categories[0].shortName
                td= checkin.venue.stats.checkinsCount