{{template "header" .}}
<div class="toolbar">
  <h1>Live</h1>
  {{if .License.Pro}}
    <a class="btn btn-green" href="/live/new">+ Add OBS channel</a>
  {{else}}
    <a class="btn btn-green" href="/live/new">+ Add live (HLS / YouTube / Twitch)</a>
  {{end}}
</div>
{{if .OK}}<p class="ok">{{.OK}}</p>{{end}}
{{if not .License.Pro}}
  <p class="meta">Free: 3 live channels (YouTube, Twitch, HLS). OBS RTMP/RTSP is Pro.</p>
{{end}}
{{if .Streams}}
<div class="grid">
  {{range .Streams}}
  <a class="card" href="/live/{{.ID}}">
    <div class="thumb live-thumb"><span class="live-dot">LIVE</span></div>
    <h3>{{.Title}}</h3>
    <div class="meta">{{.Kind}} · {{.Owner}}</div>
  </a>
  {{end}}
</div>
{{else}}
  <p class="meta">No live channels yet. Pro users add an HLS URL or a YouTube / Twitch link from OBS.</p>
{{end}}
{{template "footer" .}}