{# Requires select2_single_head.html. Args: select_id, optional placeholder, optional allow_clear. Loads core scripts + inits one single-select. #}
{% include "components/select2_core_scripts.html" %}
<script>
(function () {
  var el = document.getElementById('{{ select_id }}');
  if (!el || !window.jQuery) return;
  var $ = window.jQuery;
  var $el = $(el);
  if ($el.data("select2")) return;
  $el.select2({
    placeholder: {% if placeholder %}"{{ placeholder|escapejs }}"{% else %}"Search…"{% endif %},
    allowClear: {% if allow_clear %}true{% else %}false{% endif %},
    width: "100%",
    minimumResultsForSearch: 0,
    dropdownParent: $(document.body),
  });
})();
</script>