{% load static %}
{% load autocomplete %}
{% comment %}
This is the main component template that creates the basic HTML structure.
{% endcomment %}
{# Hidden input elements used to maintain the component's state #}
{# and used when submitting forms #}
{% include "./values.html" %}
{# Data element used to store component state data #}
{% if label is not None %}
{% endif %}
{% include "./ac_container.html" %}
{# This region provides contextual information for screen readers #}
{% if selected_items|length > 0 %}
{% for item in selected_items %}
{% with item=item.label %}
{% use_string "item_selected" custom_strings %}
{% endwith %}
{% endfor %}
{% else %}
{% use_string "nothing_selected" custom_strings %}
{% endif %}
{# This code snippet loads the required CSS and JS if not already loaded. #}