<section class="creature-main creature-main-{{ifThen isPlayMode 'play' 'edit'}}">
  {{!log "creature-main" this}}
  <fieldset>
    <legend>{{localize "FTLNOMAD.Label.creature"}}</legend>
    <div class="creature-pc creature-pc-{{ifThen isPlayMode 'play' 'edit'}}">
      <div class="creature-left">
        <div class="creature-left-image">
          <img class="creature-img" src="{{actor.img}}" data-edit="img" data-action="editImage"
            data-tooltip="{{actor.name}}" />
        </div>

        <fieldset class="creature-hp">
          <legend>{{localize "FTLNOMAD.Label.Stamina"}}</legend>
          <div class="flexrow">
            {{formField systemFields.health.fields.staminaValue value=system.health.staminaValue}}
          </div>
          <div class="flexrow">
            {{formField systemFields.health.fields.staminaMax value=system.health.staminaMax rootId=partId}}
          </div>
        </fieldset>

      </div>
      <div class="creature-right">
        <div class="creature-name">
          {{formInput fields.name value=source.name rootId=partId disabled=isPlayMode}}
          <a class="control" data-action="toggleSheet" data-tooltip="FTLNOMAD.ToggleSheet" data-tooltip-direction="UP">
            <i class="fa-solid fa-user-{{ifThen isPlayMode 'lock' 'pen'}}"></i>
          </a>
        </div>

        <fieldset class="creature-spec">
          <legend>{{localize "FTLNOMAD.Label.Details"}}</legend>
          {{formField systemFields.terrain value=system.terrain rootId=partId disabled=isPlayMode localize=true}}
          {{formField systemFields.niche value=system.niche rootId=partId disabled=isPlayMode localize=true}}
          {{formField systemFields.size value=system.size rootId=partId disabled=isPlayMode localize=true}}
          <div class="flexrow rollable" data-roll-type="creature-number">
            <i class="fa-regular fa-dice dice-2d6"></i>
            {{formField systemFields.numberAppearing value=system.numberAppearing rootId=partId disabled=isPlayMode
            localize=true}}
          </div>
          <div class="flexrow rollable" data-roll-type="creature-damage">
            <i class="fa-regular fa-dice dice-2d6"></i>
            {{formField systemFields.damage value=system.damage rootId=partId disabled=isPlayMode localize=true}}
          </div>
        </fieldset>

      </div>
    </div>
  </fieldset>

  <fieldset class="creature-skills creature-skills-{{ifThen isPlayMode 'play' 'edit'}}">
    <legend>{{localize "FTLNOMAD.Label.skills"}}</legend>
    <div class="creature-skill">
      <img src="systems/fvtt-ftl-nomad/assets/icons/icon_combat.svg" class="icon-skill" />
      <label class="rollable" data-roll-type="skill" data-skill-id="combat">{{localize
        "FTLNOMAD.Label.combat"}}</label>
      {{formInput systemFields.skills.fields.combat.fields.value value=system.skills.combat.value rootId=partId
      disabled=isPlayMode type="number" }}
    </div>
    <div class="creature-skill">
      <img src="systems/fvtt-ftl-nomad/assets/icons/icon_knowledge.svg" class="icon-skill" />
      <label class="rollable" data-roll-type="skill" data-skill-id="knowledge">{{localize
        "FTLNOMAD.Label.knowledge"}}</label>
      {{formInput systemFields.skills.fields.knowledge.fields.value value=system.skills.knowledge.value
      rootId=partId disabled=isPlayMode type="number"}}
    </div>
    <div class="creature-skill">
      <img src="systems/fvtt-ftl-nomad/assets/icons/icon_social.svg" class="icon-skill" />
      <label class="rollable" data-roll-type="skill" data-skill-id="social">{{localize
        "FTLNOMAD.Label.social"}}</label>
      {{formInput systemFields.skills.fields.social.fields.value value=system.skills.social.value
      rootId=partId disabled=isPlayMode type="number"}}
    </div>
    <div class="creature-skill">
      <img src="systems/fvtt-ftl-nomad/assets/icons/icon_physical.svg" class="icon-skill" />
      <label class="rollable" data-roll-type="skill" data-skill-id="physical">{{localize
        "FTLNOMAD.Label.physical"}}</label>
      {{formInput systemFields.skills.fields.physical.fields.value value=system.skills.physical.value
      rootId=partId disabled=isPlayMode type="number"}}
    </div>
    <div class="creature-skill">
      <img src="systems/fvtt-ftl-nomad/assets/icons/icon_stealth.svg" class="icon-skill" />
      <label class="rollable" data-roll-type="skill" data-skill-id="stealth">{{localize
        "FTLNOMAD.Label.stealth"}}</label>
      {{formInput systemFields.skills.fields.stealth.fields.value value=system.skills.stealth.value
      rootId=partId disabled=isPlayMode type="number"}}
    </div>
    <div class="creature-skill">
      <img src="systems/fvtt-ftl-nomad/assets/icons/icon_vehicles.svg" class="icon-skill" />
      <label class="rollable" data-roll-type="skill" data-skill-id="vehicles">{{localize
        "FTLNOMAD.Label.vehicles"}}</label>
      {{formInput systemFields.skills.fields.vehicles.fields.value value=system.skills.vehicles.value
      rootId=partId disabled=isPlayMode type="number"}}
    </div>
    <div class="creature-skill">
      <img src="systems/fvtt-ftl-nomad/assets/icons/icon_technology.svg" class="icon-skill" />
      <label class="rollable" data-roll-type="skill" data-skill-id="technology">{{localize
        "FTLNOMAD.Label.technology"}}</label>
      {{formInput systemFields.skills.fields.technology.fields.value value=system.skills.technology.value
      rootId=partId disabled=isPlayMode type="number"}}
    </div>
  </fieldset>



</section>