<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-skill-level"
            name="system.cephaly.skilllist.{{skillkey}}.value"
            title="{{localize "ECRY.ui.transcendenceCurrent"}}">
            {{selectOptions @root.config.skillLevel selected=skill.value}}
          </select>
          <span class="skill-separator">/</span>
          <select class="item-field-skill-level"
            name="system.cephaly.skilllist.{{skillkey}}.max"
            title="{{localize "ECRY.ui.transcendenceMax"}}"
            {{#unless @root.editScore}}disabled{{/unless}}>
            {{selectOptions @root.config.skillLevel selected=skill.max}}
          </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>

  <div class="skill-toolbar">
    <a data-action="lockUnlock" title="{{localize "ECRY.ui.toggleEditMax"}}">
      <i class="fas {{#if @root.editScore}}fa-lock-open{{else}}fa-lock{{/if}}"></i>
      {{localize "ECRY.ui.toggleEditMax"}}
    </a>
  </div>

</section>
