<section class="tab protagonist-{{tab.id}} {{tab.cssClass}}" data-tab="{{tab.id}}" data-group="{{tab.group}}">

  <fieldset>
    <legend>{{localize "CTHULHUETERNAL.Label.bonds"}}{{#if isEditMode}}
      <a class="action" data-tooltip="{{localize "CTHULHUETERNAL.Tooltip.addBond"}}" data-tooltip-direction="UP"><i class="fas fa-plus" data-action="createBond"></i></a>{{/if}}</legend>
    <div class="bonds">
      {{#each bonds as |item|}}
        {{!log 'weapon' this}}
        <div class="bond" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}" >
          <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
          <div class="name" data-tooltip="{{{item.system.description}}}">
            {{item.name}}
          </div>
          <div class="type">
            {{item.system.bondType}}
          </div>
          <div class="level">
            {{item.system.value}}
          </div>
          <div class="controls">
            <a data-tooltip="{{localize 'CTHULHUETERNAL.Edit'}}" data-action="edit" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
            <a data-tooltip="{{localize 'CTHULHUETERNAL.Delete'}}" data-action="delete" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>
          </div>
        </div>
      {{/each}}
    </div>
  </fieldset>

  <fieldset>
    <legend>{{localize "CTHULHUETERNAL.Label.injuries"}}{{#if isEditMode}}
      <a class="action" data-tooltip="{{localize "CTHULHUETERNAL.Tooltip.addInjury"}}" data-tooltip-direction="UP"><i class="fas fa-plus" data-action="createInjury"></i></a>{{/if}}</legend>
    <div class="injuries">
      {{#each injuries as |item|}}
        <div class="injury" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}">
          <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
          <div class="name" data-tooltip="{{{item.system.description}}}">
            {{item.name}}
          </div>
          <div class="controls">
            <a data-tooltip="{{localize 'CTHULHUETERNAL.Edit'}}" data-action="edit" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
            <a data-tooltip="{{localize 'CTHULHUETERNAL.Delete'}}" data-action="delete" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>
          </div>
        </div>
      {{/each}}
    </div>
  </fieldset>

  <fieldset>
    <legend>{{localize "CTHULHUETERNAL.Label.mentaldisorders"}}{{#if isEditMode}}
      <a class="action" data-tooltip="{{localize "CTHULHUETERNAL.Tooltip.addMentalDisorder"}}" data-tooltip-direction="UP"><i class="fas fa-plus" data-action="createMentalDisorder"></i></a>{{/if}}</legend>
    <div class="mentaldisorders">
      {{#each mentaldisorders as |item|}}
        {{!log 'armor' this}}
        <div class="mentaldisorder" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}">
          <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
          <div class="name" data-tooltip="{{{item.system.description}}}">
            {{item.name}}
          </div>
          <div class="controls">
            <a data-tooltip="{{localize 'CTHULHUETERNAL.Edit'}}" data-action="edit" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
            <a data-tooltip="{{localize 'CTHULHUETERNAL.Delete'}}" data-action="delete" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>
          </div>
        </div>
      {{/each}}
    </div>
  </fieldset>

  <fieldset>
    <legend>{{localize "CTHULHUETERNAL.Label.motivations"}}{{#if isEditMode}}
      <a class="action" data-tooltip="{{localize "CTHULHUETERNAL.Tooltip.addMotivation"}}" data-tooltip-direction="UP"><i class="fas fa-plus" data-action="createMotivation"></i></a>{{/if}}</legend>
    <div class="motivations">
      {{#each motivations as |item|}}
        {{!log 'armor' this}}
        <div class="motivation" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}">
          <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
          <div class="name" data-tooltip="{{{item.system.description}}}">
            {{item.name}}
          </div>
          <div class="controls">
            <a data-tooltip="{{localize 'CTHULHUETERNAL.Edit'}}" data-action="edit" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
            <a data-tooltip="{{localize 'CTHULHUETERNAL.Delete'}}" data-action="delete" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>
          </div>
        </div>
      {{/each}}
    </div>
  </fieldset>

</section>