<div class="tabs is-toggle is-small gia-inline-tabs">
  <ul>
    <li{% if range_key == "30d" %} class="is-active"{% endif %}>
      {% if behavioral_show_widget_actions %}
        <a
          class="button is-white is-small js-widget-spawn-trigger"
          href="{{ behavioral_range_urls.30d }}"
          data-widget-url="{{ behavioral_range_urls.30d }}"
          hx-get="{{ behavioral_range_urls.30d }}"
          hx-target="#widgets-here"
          hx-swap="beforeend">30d</a>
      {% else %}
        <a href="{{ behavioral_range_urls.30d }}">30d</a>
      {% endif %}
    </li>
    <li{% if range_key == "90d" %} class="is-active"{% endif %}>
      {% if behavioral_show_widget_actions %}
        <a
          class="button is-white is-small js-widget-spawn-trigger"
          href="{{ behavioral_range_urls.90d }}"
          data-widget-url="{{ behavioral_range_urls.90d }}"
          hx-get="{{ behavioral_range_urls.90d }}"
          hx-target="#widgets-here"
          hx-swap="beforeend">90d</a>
      {% else %}
        <a href="{{ behavioral_range_urls.90d }}">90d</a>
      {% endif %}
    </li>
    <li{% if range_key == "365d" %} class="is-active"{% endif %}>
      {% if behavioral_show_widget_actions %}
        <a
          class="button is-white is-small js-widget-spawn-trigger"
          href="{{ behavioral_range_urls.365d }}"
          data-widget-url="{{ behavioral_range_urls.365d }}"
          hx-get="{{ behavioral_range_urls.365d }}"
          hx-target="#widgets-here"
          hx-swap="beforeend">1y</a>
      {% else %}
        <a href="{{ behavioral_range_urls.365d }}">1y</a>
      {% endif %}
    </li>
    <li{% if range_key == "all" %} class="is-active"{% endif %}>
      {% if behavioral_show_widget_actions %}
        <a
          class="button is-white is-small js-widget-spawn-trigger"
          href="{{ behavioral_range_urls.all }}"
          data-widget-url="{{ behavioral_range_urls.all }}"
          hx-get="{{ behavioral_range_urls.all }}"
          hx-target="#widgets-here"
          hx-swap="beforeend">All</a>
      {% else %}
        <a href="{{ behavioral_range_urls.all }}">All</a>
      {% endif %}
    </li>
  </ul>
</div>
