<section class="tab character-{{tab.id}} {{tab.cssClass}}" data-tab="{{tab.id}}" data-group="{{tab.group}}">
  <div class="main-div">

  <fieldset class="biodata">
      <legend>{{localize "HELLBORN.Label.experience"}}</legend>
      <div class="experience">
        {{formField systemFields.experience.fields.current value=system.experience.current type="number" rootId=partId
        disabled=isPlayMode}}
      </div>
      <div class="experience">
        {{formField systemFields.experience.fields.total value=system.experience.total type="number" rootId=partId
        disabled=isPlayMode}}
      </div>
      <div class="experience">
        {{formField systemFields.experience.fields.training value=system.experience.training type="number" rootId=partId
        disabled=isPlayMode}}
      </div>
  </fieldset>

  <fieldset class="biodata">
      <legend>{{localize "HELLBORN.Label.biodata"}}</legend>
      <div class="experience">
        {{formField systemFields.biodata.fields.gender value=system.biodata.gender rootId=partId disabled=isPlayMode}}
      </div>
      <div class="experience">
        {{formField systemFields.biodata.fields.age value=system.biodata.age rootId=partId disabled=isPlayMode}}
      </div>
      <div class="experience">
        {{formField systemFields.biodata.fields.height value=system.biodata.height rootId=partId disabled=isPlayMode}}
      </div>
      <div class="experience">
        {{formField systemFields.biodata.fields.weight value=system.biodata.weight rootId=partId disabled=isPlayMode}}
      </div>
      <div class="experience">
        {{formField systemFields.biodata.fields.eyes value=system.biodata.eyes rootId=partId disabled=isPlayMode}}
      </div>
      <div class="experience">
        {{formField systemFields.biodata.fields.hair value=system.biodata.hair rootId=partId disabled=isPlayMode}}
      </div>
      <div class="experience">
        {{formField systemFields.biodata.fields.home value=system.biodata.home rootId=partId disabled=isPlayMode}}
      </div>
      <div class="experience">
        {{formField systemFields.biodata.fields.birthplace value=system.biodata.birthplace rootId=partId
        disabled=isPlayMode}}
      </div>

  </fieldset>

  <fieldset>
    <legend>{{localize "HELLBORN.Label.deals"}}{{#if isEditMode}}
      <a class="action" data-tooltip="{{localize "HELLBORN.Tooltip.addDeals"}}" data-tooltip-direction="UP"><i
          class="fas fa-plus" data-action="createDeal"></i></a>{{/if}}
    </legend>
    <div class="deals">
      {{#each deals as |item|}}
      <div class="deal" 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 'HELLBORN.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 'HELLBORN.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 "HELLBORN.Label.backstory"}}</legend>
    {{formInput systemFields.backstory enriched=enrichedBackstory value=system.backstory name="system.backstory" toggled=true}}
  </fieldset>

  <div class="splitted-text">
    <fieldset>
      <legend>{{localize "HELLBORN.Label.appearance"}}</legend>
      {{formInput systemFields.appearance enriched=enrichedAppearance value=system.appearance name="system.appearance"
      toggled=true}}
    </fieldset>
    <fieldset>
      <legend>{{localize "HELLBORN.Label.scars"}}</legend>
      {{formInput systemFields.scars enriched=scars value=system.scars name="system.scars"
      toggled=true}}
    </fieldset>
  </div>

  <div class="splitted-text">
    <fieldset>
      <legend>{{localize "HELLBORN.Label.likes"}}</legend>
      {{formInput systemFields.likes enriched=enrichedLikes value=system.likes name="system.likes"
      toggled=true}}
    </fieldset>
    <fieldset>
      <legend>{{localize "HELLBORN.Label.dislikes"}}</legend>
      {{formInput systemFields.dislikes enriched=enrichedDislikes value=system.dislikes name="system.dislikes"
      toggled=true}}
    </fieldset>
  </div>

  <div class="splitted-text">
    <fieldset>
      <legend>{{localize "HELLBORN.Label.fears"}}</legend>
      {{formInput systemFields.fears enriched=enrichedFears value=system.fears name="system.fears"
      toggled=true}}
    </fieldset>
    <fieldset>
      <legend>{{localize "HELLBORN.Label.vices"}}</legend>
      {{formInput systemFields.vices enriched=enrichedVices value=system.vices name="system.vices"
      toggled=true}}
    </fieldset>
  </div>

  <div class="splitted-text">
    <fieldset>
      <legend>{{localize "HELLBORN.Label.goals"}}</legend>
      {{formInput systemFields.goals enriched=enrichedGoals value=system.goals name="system.goals"
      toggled=true}}
    </fieldset>
    <fieldset>
      <legend>{{localize "HELLBORN.Label.ambitions"}}</legend>
      {{formInput systemFields.ambitions enriched=enrichedAmbitions value=system.ambitions name="system.ambitions"
      toggled=true}}
    </fieldset>
  </div>

  <div class="splitted-text">
    <fieldset>
      <legend>{{localize "HELLBORN.Label.values"}}</legend>
      {{formInput systemFields.values enriched=enrichedValues value=system.values name="system.values"
      toggled=true}}
    </fieldset>
    <fieldset>
      <legend>{{localize "HELLBORN.Label.bonds"}}</legend>
      {{formInput systemFields.bonds enriched=enrichedBonds value=system.bonds name="system.bonds"
      toggled=true}}
    </fieldset>
  </div>


  </div>
</section>