{#
/**
 * @file
 * Theme override for comment fields.
 *
 * Available variables:
 * - attributes: HTML attributes for the containing element.
 * - label_hidden: Whether to show the field label or not.
 * - title_attributes: HTML attributes for the title.
 * - label: The label for the field.
 * - title_prefix: Additional output populated by modules, intended to be
 *   displayed in front of the main title tag that appears in the template.
 * - title_suffix: Additional title output populated by modules, intended to
 *   be displayed after the main title tag that appears in the template.
 * - comments: List of comments rendered through comment.html.twig.
 * - comment_form: The 'Add new comment' form.
 * - comment_display_mode: Is the comments are threaded.
 * - comment_type: The comment type bundle ID for the comment field.
 * - entity_type: The entity type to which the field belongs.
 * - field_name: The name of the field.
 * - field_type: The type of the field.
 * - label_display: The display settings for the label.
 *
 * @see template_preprocess_field()
 * @see comment_preprocess_field()
 */
#}
{%- set field_name_class = field_name|clean_class -%}
{%-
  set classes = [
    'field',
    'field-' ~ entity_type|clean_class ~ '--' ~ field_name_class,
    field_formatter ? 'field-formatter-' ~ field_formatter|clean_class,
    'field-name-' ~ field_name_class,
    'field-type-' ~ field_type|clean_class,
    'field-label-' ~ label_display,
    label_display == 'inline' ? 'clearfix',
    comment_display_mode ? 'display-mode-threaded',
    comment_type ? 'comment-bundle-' ~ comment_type|clean_class,
    'comment-wrapper',
  ]
-%}
{%-
  set title_classes = [
    'comment-field__title',
    label_display == 'visually_hidden' ? 'visually-hidden',
  ]
-%}
<section{{ attributes.addClass(classes) }}>
  <a name="comments"></a>
  {%- if comments.pager and not label_hidden -%}
    {{ title_prefix }}
    <h2{{ title_attributes.addClass(title_classes) }}>{{ label }}</h2>
    {{ title_suffix }}
  {%- endif -%}

  {{- comments -}}

  {%- if comment_form -%}
    <div{{ content_attributes.addClass('comment-form-wrapper') }}>
      <h2 class="comment-form__title">{{ 'Add new comment'|t }}</h2>
      {{- comment_form -}}
    </div>
  {%- endif -%}
</section>