{{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" role="status" 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 .EmptyLibrary}}
  {{/* Nothing in either library, so the links are the only thing this page can
       usefully say. Both scripts: the two libraries are separate installs. */}}
  <div class="empty">
    <strong>Nothing here yet.</strong>
    <p>Install the userscripts, then open a series and read a chapter — bookmarks arrive on their own.</p>
    <p class="setup-links">
      <a class="ghost" href="/install/manga-bookmark.user.js">Install Manga script</a>
      <a class="ghost" href="/install/novel-bookmark.user.js">Install Novels script</a>
    </p>
  </div>
{{else}}
  <div class="empty"><strong>Nothing here yet.</strong><p>Bookmarks appear once the userscript records a chapter.</p></div>
{{end}}
{{end}}