{% extends "index.html" %}

{% block load_widgets %}
  <div
    hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
    hx-get="{{ contacts_widget_url }}"
    hx-target="#widgets-here"
    hx-trigger="load"
    hx-swap="afterend"
    style="display: none;"></div>
  {% if initial_widget_url %}
    <div
      hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
      hx-get="{{ initial_widget_url }}"
      hx-target="#widgets-here"
      hx-trigger="load delay:250ms"
      hx-swap="afterend"
      style="display: none;"></div>
  {% endif %}
{% endblock %}