{{define "title"}}{{.List.Name}}{{end}}

{{define "main"}}
  <div class="list-feed-header">
    <h1>{{.List.Name}}</h1>

    <div class="row tabs-container">
      <a class="tab unstyled-link {{if (eq .ActiveTab "feed")}}active-tab{{end}}" href="/lists/{{.List.ID}}">
        <span class="tab-inner">Feed</span>
      </a>
      <a class="tab unstyled-link {{if (eq .ActiveTab "users")}}active-tab{{end}}" href="/lists/{{.List.ID}}/users">
        <span class="tab-inner">Users</span>
      </a>
    </div>
  </div>

  {{if (eq .ActiveTab "feed")}}
    <div class="timeline list-feed-timeline">
      {{template "timeline" .Feed}}
    </div>
  {{else}}
    <div class="add-users-container">
      <form action="/lists/{{.List.ID}}/add_user">
        <input type="text" name="user_handle" placeholder="@some_user_handle" />
        <input type="submit" value="Add user" />
      </form>
    </div>

    {{template "list" .UserIDs}}
  {{end}}
{{end}}