.mediaTypeLabels[this.type] || this.type; } }">

    <!-- Form to manage state -->
    <form id="filter-form" class="hidden">
      <input type="hidden" name="sort" x-model="sort">
      <input type="hidden" name="type" x-model="type">
      <input type="hidden" name="q" x-model="query">
    </form>

    <div class="flex flex-col sm:flex-row gap-4 mb-8">
      {# Search #}
      <div class="relative flex-1">
        <input id="search-input"
               placeholder="Search in collection..."
              