display trending locations on foursquare page

controllers/api.js

@@ -29,7 +29,7 @@ exports.foursquare = function(req, res) {
     res.render('api/foursquare', {
       title: 'Foursquare API',
       user: req.user,
-      results: results
+      venues: results.venues
     });
   });
 

views/api/foursquare.jade

@@ -3,4 +3,20 @@ extends ../layout
 block content
   h1 Foursquare API
   h2= results
-  a.btn.btn-large.btn-primary(href='/auth/foursquare') Get Foursquare Token
+  a.btn.btn-large.btn-primary(href='/auth/foursquare') Get Foursquare Token
+
+  ul.nav.nav-tabs
+    li.active
+      a(href='#trending', data-toggle='tab') Trending Venues
+    li
+      a(href='#nearby', data-toggle='tab') Nearby
+  .tab-content
+    #trending.tab-pane.fade.active.in
+      h4 Locations
+      ul.list-group
+        for venue in venues
+          li.list-group-item
+            span.badge #{venue.stats.checkinsCount}
+            | #{venue.name}
+    #nearby.tab-pane.fade
+      p TODO: Nearby

views/layout.jade

@@ -45,5 +45,6 @@ html
     block content
 
   script(src='/js/lib/jquery.js')
+  script(src='/js/lib/bootstrap.js')
   script(src='/js/lib/jquery.validate.js')
   script(src='/js/main.js')