var jsbin = {
  'root': '{{root}}',
  'shareRoot': '{{shareRoot}}',
  'runner': '{{runner}}',
  'static': '{{static}}',
  'version': '{{version}}',
  user: {{{user}}},
};

(function () {
  if (jsbin.user && jsbin.user.name) {
    $('.loggedout').hide();
    var menu = $('.loggedin').show();
    var html = $('#profile-template').text();
    var $html = $(html.replace(/({.*?})/g, function (all, match) {
      var key = match.slice(1, -1).trim(); // ditch the wrappers
      return jsbin.user[key] || '';
    }));
    if (jsbin.user.pro) {
      document.documentElement.className += ' pro';
      $html.find('.gopro').remove();
    } else {
      $html.find('.pro').remove();
    }
    menu.append($html);
  } else {
    $('.loggedout').show();
  }
})();
