{
    const queryString = new URLSearchParams(new FormData($refs.filter_form)).toString()
    loading = true;
    fetch('/collections/deals?' + queryString)
      .then(response => response.text())
      .then(data => {
        let html_div = document.createElement('div');
        html_div.innerHTML = data;
        let html_dom = html_div.querySelector('#ProductGridContainer').innerHTML;
        document.querySelector('#ProductGridContainer').innerHTML = html_dom;
        // update url without refreshing the page
        history.replaceState(null, null, '?' + queryString);
      })
      .catch(error => console.error('Error:', error))
      .finally(() => loading = false);
  })"
  >
    
    
          - Featured
- Best selling
- Alphabetically, A-Z
- Alphabetically, Z-A
- Price, low to high
- Price, high to low
- Date, old to new
- Date, new to old