{{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 .Fresh}}
  {{/* Nothing anywhere, not an empty bucket: this Reader has just registered,
       so the empty state is the setup instruction rather than a filter
       report. Both scripts, because the two libraries are separate installs. */}}
  <div class="empty">
    <strong>Your library is empty.</strong>
    <p>Install both 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 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}}