{% if properties or property_results %}
<div class="flex flex-row items-center">
  <p class="pr-2 py-2
            {% if properties %} text-beige {% else %} text-gray-400 {% endif %}
            ">Filtres:</p>
  <ul class="flex flex-wrap justify-center my-1">
  {% for property in properties %}
      <li>
      {% set hx_vars = build_hx_vars({"properties": remove_property_str(property)}, order_params_dict) %}
      <button class="bg-beige rounded
                      text-white
                      m-1 px-2"
              hx-get="/api/content/temes"
              hx-target="#content"
              hx-include="[name=query]"
              hx-vars="{{ hx_vars }}"
              hx-swap="innerhtml"
              >
          {{ property }}
      </button>
      </li>
  {% endfor %}
  {% for property in property_results %}
      <li>
      {% set hx_vars = build_hx_vars({"properties": add_property_str(property)}, order_params_dict) %}
      <button class="border border-beige  rounded
                      text-white
                      m-1 px-2"
              hx-get="/api/content/temes"
              hx-target="#content"
              hx-vars="{{ hx_vars }}"
              hx-swap="innerhtml"
              >
          {{ property }}
      </button>
      </li>
  {% endfor %}
  </ul>
</div>
{% endif %}
