<section
 class="detail-competencies"
  {{did-insert (perform this.load)}}
  {{did-update (perform this.load) @course.competencies}}
>
  {{#if this.hasCompetencies}}
    <button
      class="title link-button"
      type="button"
      aria-expanded="false"
      data-test-title
      {{on "click" this.collapse}}
    >
      {{t "general.competencies"}} ({{this.competencyCount}})
      <FaIcon @icon="caret-down" />
    </button>
    <div class="detail-competencies-content">
      <ul class="static-list">
        {{#each @course.domainsWithSubcompetencies as |domain|}}
          <li>
            {{domain.title}}
            <ul>
              {{#each domain.subCompetencies as |competency|}}
                <li>
                  {{competency.title}}
                </li>
              {{/each}}
            </ul>
          </li>
        {{/each}}
      </ul>
    </div>
  {{else}}
    <div class="title" data-test-title>
      {{t "general.competencies"}} ({{this.competencyCount}})
    </div>
  {{/if}}
</section>
