function item (current, name, path, label) {
  var cls = ''
  if (current == name)
    cls = 'class="current"'
  return `<div ${cls}><a href="${path}" title="${label}">${label}</a></div>`
}

module.exports.sections = (c) => `<div class="tabs big">
  ${item(c, 'docs', '/docs/basics/install-the-database.html', 'Docs')}
  ${item(c, 'apis', '/apis/scuttlebot/ssb.html', 'APIs')}
  ${item(c, 'apps', '/apps/patchwork.html', 'Apps')}
  ${item(c, 'guides', '/guides/what-can-you-build-with-sbot/intro.html', 'Guides')}
</div>`

module.exports.docs = (c) => `<div class="tabs small">
  ${item(c, 'docs-basics', '/docs/basics/install-the-database.html', 'Basics')}
  ${item(c, 'docs-social', '/docs/social/follow-users.html', 'Social')}
  ${item(c, 'docs-message-types', '/docs/message-types/post.html', 'Message Types')}
  ${item(c, 'docs-advanced', '/docs/advanced/advanced-queries.html', 'Advanced')}
  ${item(c, 'docs-config', '/docs/config/configure-scuttlebot.html', 'Config')}
</div>`

module.exports.apis = (c) => `<div class="tabs small">
  ${item(c, 'apis-scuttlebot', '/apis/scuttlebot/ssb.html', 'Scuttlebot')}
  ${item(c, 'apis-modules', '/apis/modules/ssb-client.html', 'Modules')}
  ${item(c, 'apis-pull-stream', '/apis/pull-stream/ssb-client.html', 'Pull Stream')}
  ${item(c, 'apis-community', '/apis/community/ssbify.html', 'Community')}
</div>`

module.exports.apps = (c) => `<div class="tabs small">
  ${item(c, 'basics', '/basics/install-the-database.html', 'Basics')}
  ${item(c, 'social', '/social/social-network.html', 'Social')}
  ${item(c, 'messages', '/messages/post.html', 'Message Types')}
  ${item(c, 'advanced', '/advanced/writing-applications.html', 'Advanced')}
  ${item(c, 'protocols', '/protocols/secure-scuttlebutt.html', 'Protocols')}
</div>`

module.exports.guides = (c) => `<div class="tabs small">
  ${item(c, 'basics', '/basics/install-the-database.html', 'Basics')}
  ${item(c, 'social', '/social/social-network.html', 'Social')}
  ${item(c, 'messages', '/messages/post.html', 'Message Types')}
  ${item(c, 'advanced', '/advanced/writing-applications.html', 'Advanced')}
  ${item(c, 'protocols', '/protocols/secure-scuttlebutt.html', 'Protocols')}
</div>`