{{define "list"}}
{{if .Items}}
  {{range .Items}}{{template "card" .}}{{end}}
  {{/* The client filter only hides cards, so without this the list area goes
       blank on a query that matches nothing. filter.js fills in the query and
       unhides it; it lives inside #list so a tab swap re-creates it. */}}
  <div class="empty" id="no-match" hidden>
    <strong>No titles match “<span class="no-match-q"></span>”.</strong>
    <button type="button" class="clear-search">Clear search</button>
  </div>
{{else if eq .Tab "fav"}}
  <div class="empty"><strong>No favourites yet.</strong><p>Star a series to pin it here.</p></div>
{{else if eq .Tab "new"}}
  <div class="empty"><strong>Nothing new.</strong><p>Every series is caught up to its latest chapter.</p></div>
{{else if eq .Tab "archived"}}
  <div class="empty"><strong>Nothing archived.</strong><p>Shelve a series to park it here — it keeps getting checked for new chapters.</p></div>
{{else if eq .Tab "finished"}}
  <div class="empty"><strong>Nothing finished yet.</strong><p>Mark a series finished and it moves out of your reading list.</p></div>
{{else}}
  <div class="empty"><strong>Nothing here yet.</strong><p>Bookmarks appear once the userscript records a chapter.</p></div>
{{end}}
{{end}}