{# TEMPLATE #}
{% if content %}
  <div id="im-map-wrp">
    {{ content }}
    <!-- Collapse trigger -->
    {% set attr = create_attribute()
      .setAttribute('data-bs-toggle', 'collapse')
      .setAttribute('tabindex', '0')
      .setAttribute('role', 'button')
      .setAttribute('data-bs-target', '#im-sdbr-wrp')
      .setAttribute('aria-expanded', 'true')
      .setAttribute('id', 'im-sdbr-tgl')
    %}
    {# Simple left right close #}
    {% set text = "<i class='fas fa-chevron-right fa-lg py-2 p-1 beli belir'></i><span class='sr-only'>Toggle sidebar</span>" %}
    {% set tgl_text = "<i class='fas fa-chevron-left fa-lg py-2 p-1 beli belir belih'></i><span class='sr-only'>Toggle sidebar</span>" %}
    {% include "@atoms/tm-links/icon-bookended/icon-bookended.twig" with {
      "text": text,
      "tgl_text": tgl_text,
      "attr": attr,
      "class": 'toggle',
    } %}
  </div>
  {# Animated crossbar close #}
  {% set attr = attr.setAttribute('id', 'im-sdbr-tgl-mob')%}
  {% set text %}
    <span class="icon-bar bar1"></span>
    <span class="icon-bar bar2"></span>
    <span class="icon-bar bar3"></span>
    <span class='sr-only'>Toggle sidebar</span>
  {% endset %}
  {% include "@atoms/tm-links/icon-bookended/icon-bookended.twig" with {
    "text": text,
    "attr": attr,
    "class": '',
  } %}
{% endif %}
