{{define "app_analytics"}}{{template "top" .}}
{{if .Flash}}<p class="banner">{{.Flash}}</p>{{end}}
{{if .FlashErr}}<p class="banner error">{{.FlashErr}}</p>{{end}}
{{template "appnav" .}}
{{template "lognav" .}}

<h2 class="visually-hidden">Analytics</h2>
{{if .AnalyticsErr}}<p class="banner error">{{.AnalyticsErr}}</p>{{end}}
{{if not .AnalyticsWin.On}}
<p><strong>Analytics is off for this app</strong> (from the {{.AnalyticsWin.Setting.CountFrom}}).
When on, the edge counts HTML page views and daily visitors as it serves them: no JavaScript, no cookie,
no stored IP. A visitor is a salted hash that changes every day. Turn it on for this app or for the whole
account on the <a href="{{.Base}}/apps/{{.AppName}}/settings">Settings</a> tab.</p>
{{end}}
<form method="get" class="small">
  <label>range
    <select name="range">
      <option value="today"{{if eq .AnalyticsRange "today"}} selected{{end}}>today</option>
      <option value="7d"{{if eq .AnalyticsRange "7d"}} selected{{end}}>7 days</option>
      <option value="30d"{{if eq .AnalyticsRange "30d"}} selected{{end}}>30 days</option>
    </select>
  </label>
  <button type="submit">Update</button>
</form>
{{with .AnalyticsWin}}
<div class="tablewrap"><table>
  <tr><th>Page views</th><th>Visitors{{if ne $.AnalyticsRange "today"}} (daily visitors, summed){{end}}</th><th>Bytes served</th><th>Bots excluded</th><th>Dropped</th></tr>
  <tr><td>{{.Sum.PV}}</td><td>{{.Sum.Visitors}}</td><td>{{.Sum.Bytes}}</td><td>{{.Sum.Bots}}</td><td>{{.Sum.Dropped.Flush}}</td></tr>
</table></div>
{{if .ChartBars}}
<svg viewBox="0 0 480 140" width="100%" role="img" aria-label="Page views">
  {{range .ChartBars}}<rect x="{{.X}}" y="{{.Y}}" width="{{.W}}" height="{{.H}}" fill="currentColor"><title>{{.Label}}: {{.Value}}</title></rect>{{end}}
  <text x="0" y="136" class="small">{{if eq $.AnalyticsRange "today"}}per hour, UTC{{else}}per day{{end}}; peak {{.ChartMax}}</text>
</svg>
{{end}}
{{range .Sum.Days}}{{if .Restarted}}<p class="small">{{.Date}}: counts since the last flush may be missing (the edge restarted that day).</p>{{end}}{{end}}
<h3>Top pages{{if .Sum.PagesApprox}} <span class="small">approximate: more than 500 distinct keys</span>{{end}}</h3>
{{template "kvtable" .Sum.Pages}}
<h3>Top referers{{if .Sum.ReferersApprox}} <span class="small">approximate</span>{{end}}</h3>
{{template "kvtable" .Sum.Referers}}
<h3>Named events{{if .Sum.EventsApprox}} <span class="small">approximate</span>{{end}}</h3>
{{template "kvtable" .Sum.Events}}
<h3>Countries</h3>
{{with geoCountries .Sum.Countries}}<div class="tablewrap"><table>{{range sortedKV .}}<tr><td>{{geoLabel .Key}}</td><td>{{.Value}}</td></tr>{{end}}</table></div>{{else}}<p class="small">No country data for this period.</p>{{end}}
{{range geoAttributions .Sum.GeoSources}}<p class="small"><a href="{{.URL}}">{{.Text}}</a></p>{{end}}
{{end}}
<p class="small">Times are UTC. The same view from a terminal: <code>carlos analytics --app {{.AppName}} --range {{.AnalyticsRange}}</code>.</p>
{{template "bottom" .}}{{end}}
{{define "kvtable"}}{{if .}}<div class="tablewrap"><table>{{range sortedKV .}}<tr><td>{{.Key}}</td><td>{{.Value}}</td></tr>{{end}}</table></div>{{else}}<p class="small">Nothing yet.</p>{{end}}{{end}}