<section class="creature-main creature-main-{{ifThen isPlayMode 'play' 'edit'}}">
  <fieldset>
    <legend>{{localize "CTHULHUETERNAL.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>

      </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="CTHULHUETERNAL.ToggleSheet"
            data-tooltip-direction="UP">
            <i class="fa-solid fa-user-{{ifThen isPlayMode 'lock' 'pen'}}"></i>
          </a>
        </div>
        <fieldset class="creature-hp"> 
          <legend>{{localize "CTHULHUETERNAL.Label.HP"}}</legend>
          <div class="flexrow">
            {{formField systemFields.hp.fields.value value=system.hp.value}}
            <span class="hp-separator">/</span>
            {{formField systemFields.hp.fields.max value=system.hp.max }}
          </div>
          <div class="flexrow ">
            {{formField systemFields.damageBonus value=system.damageBonus classes="damage-bonus"}}
          </div>
        </fieldset>

        <fieldset class="willpower">
          <legend>{{localize "CTHULHUETERNAL.Label.willpower"}}</legend>
          <div class="flexrow">
            <label class="label-field">{{localize "CTHULHUETERNAL.Label.current"}}</label>
            {{formInput systemFields.wp.fields.value value=system.wp.value}}
            <label class="label-field">{{localize "CTHULHUETERNAL.Label.max"}}</label>
            {{formInput systemFields.wp.fields.max value=system.wp.max rootId=partId }}
            <label class="label-field">{{localize "CTHULHUETERNAL.Label.exhausted"}}</label>
            {{formInput systemFields.wp.fields.exhausted value=system.wp.exhausted classes="checkbox"}}
          </div>
        </fieldset>

      </div>

      
    </div>
  </fieldset>

  <fieldset class="creature-characteristics creature-characteristics-{{ifThen isPlayMode 'play' 'edit'}}">
    <legend>{{localize "CTHULHUETERNAL.Label.characteristics"}}</legend>
    <div class="creature-characteristic" >
      <img src="systems/fvtt-cthulhu-eternal/assets/ui/d100.svg" class="d100" />
      <label class="rollable" data-roll-type="char" data-char-id="str" data-tooltip="{{system.characteristics.str.feature}}">{{localize
        "CTHULHUETERNAL.Label.strShort"}}</label>
      {{formField systemFields.characteristics.fields.str.fields.value value=system.characteristics.str.value
      rootId=partId disabled=isPlayMode }}
      <label class="char-text">{{mul system.characteristics.str.value 5}}</label>
    </div>
    <div class="creature-characteristic">
      <img src="systems/fvtt-cthulhu-eternal/assets/ui/d100.svg" class="d100" />
      <label class="rollable" data-roll-type="char" data-char-id="dex" data-tooltip="{{system.characteristics.dex.feature}}">{{localize
        "CTHULHUETERNAL.Label.dexShort"}}</label>
      {{formField systemFields.characteristics.fields.dex.fields.value value=system.characteristics.dex.value
      rootId=partId disabled=isPlayMode }}
      <label class="char-text">{{mul system.characteristics.dex.value 5}}</label>
    </div>
    <div class="creature-characteristic" >
      <img src="systems/fvtt-cthulhu-eternal/assets/ui/d100.svg" class="d100" />
      <label class="rollable" data-roll-type="char" data-char-id="con" data-tooltip="{{system.characteristics.con.feature}}">{{localize
        "CTHULHUETERNAL.Label.conShort"}}</label>
      {{formField systemFields.characteristics.fields.con.fields.value value=system.characteristics.con.value
      rootId=partId disabled=isPlayMode }}
       <label class="char-text">{{mul system.characteristics.con.value 5}}</label>
    </div>
    <div class="creature-characteristic" >
      <img src="systems/fvtt-cthulhu-eternal/assets/ui/d100.svg" class="d100" />
      <label class="rollable" data-roll-type="char" data-char-id="int" data-tooltip="{{system.characteristics.int.feature}}">{{localize
        "CTHULHUETERNAL.Label.intShort"}}</label>
      {{formField systemFields.characteristics.fields.int.fields.value value=system.characteristics.int.value
      rootId=partId disabled=isPlayMode }}
       <label class="char-text">{{mul system.characteristics.int.value 5}}</label>
    </div>
    <div class="creature-characteristic" >
      <img src="systems/fvtt-cthulhu-eternal/assets/ui/d100.svg" class="d100" />
      <label class="rollable" data-roll-type="char" data-char-id="pow" data-tooltip="{{system.characteristics.pow.feature}}">{{localize
        "CTHULHUETERNAL.Label.powShort"}}</label>
      {{formField systemFields.characteristics.fields.pow.fields.value value=system.characteristics.pow.value
      rootId=partId disabled=isPlayMode }}
       <label class="char-text">{{mul system.characteristics.pow.value 5}}</label>
    </div>

  </fieldset>

</section>