<section class="tab sheet-body {{tab.cssClass}}" data-tab="cephaly" data-group="primary">

  <div class="grid grid-2col">

    <div>
      <h3>{{localize "ECRY.ui.cephaly"}}</h3>
      <ul class="stat-list alternate-list item-list">
        {{#each cephalySkills as |skill skillkey|}}
        <li class="item flexrow list-item">
          <span class="item-name-label-long">
            <a data-action="rollCephaly" data-skill-key="{{skillkey}}">
              <i class="fa-solid fa-dice-d6"></i>
              {{localize skill.name}}
            </a>
          </span>
          <select class="item-field-label-short"
            name="system.cephaly.skilllist.{{skillkey}}.value">
            {{selectOptions @root.config.skillLevel selected=skill.value}}
          </select>
        </li>
        {{/each}}
      </ul>
    </div>

    <div>
      {{#if annency.id}}
      <h3>{{localize "ECRY.ui.annency"}} :
        <a data-action="openAnnency" data-annency-id="{{annency.id}}">
          {{annency.name}}<i class="fas fa-edit"></i>
        </a>
      </h3>
      <ul class="stat-list alternate-list item-list">
        <li class="item flexrow list-item">
          <span class="item-name-label-long">{{annency.system.base.description}}</span>
        </li>
      </ul>
      {{/if}}
    </div>

  </div>

</section>
