<section class="protagonist-main protagonist-main-{{ifThen isPlayMode 'play' 'edit'}}">
  {{!log "protagonist-main" this}}

  <fieldset>
    <legend>{{localize "CTHULHUETERNAL.Label.protagonist"}}</legend>
    <div class="protagonist-pc protagonist-pc-{{ifThen isPlayMode 'play' 'edit'}}">
      <div class="protagonist-left">
        <div class="protagonist-left-image">
          <img class="protagonist-img" src="{{actor.img}}" data-edit="img" data-action="editImage"
            data-tooltip="{{actor.name}}" />
        </div>
        <fieldset class="protagonist-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 rootId=partId disabled=true}}
          </div>
          <div class="flexrow ">
            {{formField systemFields.damageBonus value=system.damageBonus classes="damage-bonus"}}
          </div>
        </fieldset>

      </div>
      <div class="protagonist-right">
        <div class="protagonist-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="san">
          <legend>{{localize "CTHULHUETERNAL.Label.SAN"}}</legend>
          <div class="flexrow">
            
            <label class="label-field rollable" data-roll-type="san" ><img src="systems/fvtt-cthulhu-eternal/assets/ui/d100.svg" class="d100" /> 
            {{localize "CTHULHUETERNAL.Label.current"}}</label>
            {{formInput systemFields.san.fields.value value=system.san.value}}
            
            <span class="label-field label-recovery">{{localize "CTHULHUETERNAL.Label.recovery"}}</span> 
            {{formInput systemFields.san.fields.recovery value=system.san.recovery disabled=true}}

            <span class="label-bp" data-tooltip='{{localize "CTHULHUETERNAL.Tooltip.sanBPShort"}}'>{{localize
              "CTHULHUETERNAL.Label.sanBPShort"}}</span> 
            {{formInput systemFields.san.fields.breakingPoint value=system.san.breakingPoint disabled=true}}

          </div>

          <div class="flexrow">
            
            <div class="flexrow">
             <span class="label-short-field">{{localize "CTHULHUETERNAL.Label.max"}}</span> 
              {{formInput systemFields.san.fields.max value=system.san.max rootId=partId disabled=true}}
            </div>

            <span class="label-insanity" >
              {{localize "CTHULHUETERNAL.Label.tempInsanity"}}
            </span>
            {{formInput systemFields.san.fields.insanity value=system.san.insanity localize=true}}

            {{#if (not isPlayMode)}}
              <button data-action="setBP" class="button" data-tooltip="{{localize "CTHULHUETERNAL.Tooltip.setBP"}}">{{localize "CTHULHUETERNAL.Label.setBP"}}</button>
            {{/if}}

          </div>
          <div class="flexrow">

            <span class="label-field">{{localize "CTHULHUETERNAL.Label.violence"}}</span>
            {{#each system.san.violence as |violence idx|}}
            <input class="san-checkbox" type="checkbox" data-action="updateCheckboxArray" data-index="{{@index}}"
              data-name="violence" {{#if violence}} checked {{/if}}>
            {{/each}}
            
            <span class="label-field">{{localize "CTHULHUETERNAL.Label.helplessness"}}</span>
            {{#each system.san.helplessness as |helplessness idx|}}
            <input class="san-checkbox" type="checkbox" data-action="updateCheckboxArray" data-index="{{@index}}"
              data-name="helplessness" {{#if helplessness}} checked {{/if}}>
            {{/each}}

          </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 disabled=true}}
            <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="protagonist-characteristics protagonist-characteristics-{{ifThen isPlayMode 'play' 'edit'}}">
    <legend>{{localize "CTHULHUETERNAL.Label.characteristics"}}</legend>
    <div class="protagonist-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="protagonist-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="protagonist-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="protagonist-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="protagonist-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>
    <div class="protagonist-characteristic" >
      <img src="systems/fvtt-cthulhu-eternal/assets/ui/d100.svg" class="d100" />
      <label class="rollable" data-roll-type="char" data-char-id="cha" data-tooltip="{{system.characteristics.cha.feature}}">{{localize
        "CTHULHUETERNAL.Label.chaShort"}}</label>
      {{formField systemFields.characteristics.fields.cha.fields.value value=system.characteristics.cha.value
      rootId=partId disabled=isPlayMode }}
       <label class="char-text">{{mul system.characteristics.cha.value 5}}</label>
    </div>
  </fieldset>

</section>