   </a>
        {%endfor%}
      </div>
    </div>
  </div>
</main>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const searchInput = document.getElementById("searchInput");
    const groups = document.querySelectorAll(".w-full.bg-white.p-4"); // Modify this selector to target the elements that represent the groups.

    searchInput.addEventListener("keypress", function (event) {
      if (event.key === "Enter") {
        const searchText = event.target.value.toLowerCase();
   