<section class="vehicle-main vehicle-main-{{ifThen isPlayMode 'play' 'edit'}}">

  <fieldset>
    <legend>{{localize "CTHULHUETERNAL.Label.vehicle"}}</legend>
    <div class="vehicle-pc vehicle-pc-{{ifThen isPlayMode 'play' 'edit'}}">
      <div class="vehicle-left">
        <div class="vehicle-left-image">
          <img class="vehicle-img" src="{{actor.img}}" data-edit="img" data-action="editImage"
            data-tooltip="{{actor.name}}" />
        </div>
        <fieldset>
          <legend>{{localize "CTHULHUETERNAL.Label.HP"}}</legend>
          <div class="flexrow">
            {{formField systemFields.hp.fields.value value=system.hp.value}}
            /
            {{formField systemFields.hp.fields.max value=system.hp.max rootId=partId disabled=true}}
          </div>
        </fieldset>

      </div>
      
      <div class="vehicle-right">
        <div class="vehicle-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="speed">
          <legend>{{localize "CTHULHUETERNAL.Label.Speed"}}</legend>
          <div class="flexrow">
            {{formField systemFields.surfaceSpeed value=system.surfaceSpeed localize=true}}
            {{formField systemFields.airSpeed value=system.airSpeed localize=true}}
            
          </div>
        </fieldset>

        <fieldset class="armr ">
          <legend>{{localize "CTHULHUETERNAL.Label.armor"}}</legend>
          <div class="flexrow">
            {{formField systemFields.armor value=system.armor localize=true}}
          </div>
        </fieldset>

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

</section>