import { Alpine } from "./alpine";
import { initLibrarySwitcher } from "./library-switcher";

// Rendering ownership (AGENTS.md): the series grid, its paginator and
// its sort/filter toolbar are rendered by templates/series.templ. This
// page intentionally has NO TypeScript renderer — the old one here
// duplicated the templ markup via innerHTML and re-fetched at hardcoded
// page 1, stomping SSR pagination whenever the header's library restore
// fired. A library switch is a plain SSR navigation so the URL stays
// the single source of truth for library_id, page AND sort/filter state
// (the switch carries the current q/author/status/sort params along).
function navigateToSeries(libraryId: string): void {
  const params = new URLSearchParams(window.location.search);
  if (libraryId) {
    params.set("library_id", libraryId);
  } else {
    params.delete("library_id");
  }
  params.set("page", "1");
  window.location.href = `/series?${params.toString()}`;
}

Alpine.data("seriesPage", () => ({
  initSeriesPage() {
    initLibrarySwitcher({
      onSwitch: navigateToSeries,
    });
  },

  // flipSortDir inverts the direction hidden input and resubmits the
  // plain-GET filter form (the URL stays the single source of truth).
  flipSortDir() {
    const input = this.$refs.sortDir as HTMLInputElement | undefined;
    if (!input) return;
    input.value = input.value === "asc" ? "desc" : "asc";
    const form = input.closest("form") as HTMLFormElement | null;
    if (form) form.requestSubmit();
  },
}));