{% load i18n %}
<section
  class="chassis-modal-fragment"
  data-chassis-modal-config
  data-close-on-backdrop="{{ chassis_modal.close_on_backdrop|yesno:'true,false' }}"
  data-close-on-escape="{{ chassis_modal.close_on_escape|yesno:'true,false' }}"
  {% if chassis_modal.max_width %}
    data-chassis-modal-max-width
    style="--chassis-modal-max-width: {{ chassis_modal.max_width }};"
  {% endif %}
>
  <header class="chassis-modal-header">
    <h2 id="chassis-modal-title" class="chassis-modal-title">{{ chassis_modal.title }}</h2>
    <button
      type="button"
      class="chassis-modal-close"
      data-chassis-modal-close
      aria-label="{% trans 'Закрыть' %}"
      autofocus
    >
      <i class="fa-solid fa-xmark" aria-hidden="true"></i>
    </button>
  </header>
  <div class="chassis-modal-body">
    {% block chassis_modal_body %}{% endblock %}
  </div>
</section>