{{template "head.html" .}}
      <table class="connections">
        <caption>Connections</caption>
        <tr>
{{if .HaveFitbit}}
          <td class="authorized">
            <img class="icon" src="/static/fitbit.png" width="19" height="19" />
            <span class="name">Fitbit</span>
            <span class="status">Connected</span>
          </td>
          <td class="action">
            <a href="/fitbit/disconnect" class="button flat">Disconnect</a>
          </td>
{{else}}
          <td class="unauthorized">
            <img class="icon" src="/static/fitbit.png" width="19" height="19" />
            <span class="name">Fitbit</span>
            <span class="status">Disconnected</span>
          </td>
          <td class="action">
            <a href="/fitbit/connect" class="button flat">Connect</a>
          </td>
{{end}}
        </tr>
        <tr>
{{if .HaveGoogleFit}}
          <td class="authorized">
            <img class="icon" src="/static/gfit.png" width="19" height="19" />
            <span class="name">Google Fit</span>
            <span class="status">Connected</span>
          </td>
          <td class="action">
            <a href="/google/disconnect" class="button flat">Disconnect</a>
          </td>
{{else}}
          <td class="unauthorized">
            <img class="icon" src="/static/gfit.png" width="19" height="19" />
            <span class="name">Google Fit</span>
            <span class="status">Disconnected</span>
          </td>
          <td class="action">
            <a href="/google/connect" class="button flat">Connect</a>
          </td>
{{end}}
        </tr>
      </table>
{{template "foot.html" .}}