html
<form id="frmUpdate" method="POST" enctype="multipart/form-data"
  hx-post="{% url 'products:update' product.id %}" 
  hx-target="#viewport"
  hx-swap="innerHTML"
  hx-push-url="true"
  hx-indicator="#content-loader"
  >
  {% csrf_token %}
  {% crispy form form.helper %}
  <div class="flex justify-end gap-3">
    <a hx-get="{{ product.get_list_url }}" 
      hx-target="#viewport"
      hx-swap="innerHTML"
      hx-push-url="true"
      hx-indicator="#content-loader"
      class="intro-x px-3 py-2 cursor-pointer">
      Cancel
    </a>
    <button class="intro-x text-white bg-blue-500 hover:bt-blue-600 px-3 py-2 rounded-md"
      type="submit"
      form="frmUpdate">
      Save
    </button>
  </div>
</form>