{{ media_type|media_type_readable_plural }}</button>
            {% endfor %}
          </div>
        </div>

        {# Sort by #}
        <div class="relative" x-data="{ open: false }">
          <button class="h-10 flex items-center gap-2 px-4 bg-[#39404b] rounded-md hover:bg-[#454d5a] transition-colors cursor-pointer"
                  @click="open = !open"
                  type="button">
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24"
                 height="24"
     