<div class="tab specs sheet-part {{#if @root.tabs.specs.active}}active{{/if}}" data-group="sheet" data-tab="specs">
  <section class="vehicle-section">
    <h3>{{ localize 'VERMINE.vehicle_specs' }}</h3>
    <div class="grid grid-2col">
      <div class="resource align-center flexcol">
        <label class="resource-label">{{ localize 'VERMINE.distance' }}</label>
        <div class="flexrow align-center">
          <div class="hexa"><input type="number" name="system.distance" value="{{system.distance}}" data-dtype="Number" /></div>
          <span class="unit">km</span>
        </div>
      </div>
      <div class="resource align-center flexcol">
        <label class="resource-label">{{ localize 'VERMINE.speed' }}</label>
        <div class="flexrow align-center">
          <div class="hexa"><input type="number" name="system.speed.cruise" value="{{system.speed.cruise}}" data-dtype="Number" /></div>
          <span>/</span>
          <div class="hexa"><input type="number" name="system.speed.top" value="{{system.speed.top}}" data-dtype="Number" /></div>
        </div>
        <input type="text" name="system.speed.topDuration" value="{{system.speed.topDuration}}"
          placeholder="{{ localize 'VERMINE.speed_duration_ph' }}" />
      </div>
    </div>
    <div class="grid grid-2col">
      <div class="resource align-center flexcol">
        <label class="resource-label">{{ localize 'VERMINE.effort_reserve' }}</label>
        <div class="flexrow align-center">
          <div class="hexa"><input type="number" name="system.effortReserve.value" value="{{system.effortReserve.value}}" data-dtype="Number" /></div>
          <span>/</span>
          <div class="hexa"><input type="number" name="system.effortReserve.max" value="{{system.effortReserve.max}}" data-dtype="Number" /></div>
        </div>
      </div>
      <div class="resource align-center flexcol">
        <label class="resource-label">{{ localize 'VERMINE.mobility' }}</label>
        <div class="hexa"><input type="number" name="system.mobility" value="{{system.mobility}}" data-dtype="Number" /></div>
      </div>
    </div>
    <div class="maintenance">
      <label class="resource-label">{{ localize 'VERMINE.maintenance' }}</label>
      <div class="flexrow flex-wrap">
        {{#each maintenanceSkills}}
        <label class="flexrow align-center">
          <input type="checkbox" name="system.maintenance" value="{{ this.key }}" {{#if this.checked}}checked{{/if}} />
          <span>{{ this.label }}</span>
        </label>
        {{/each}}
      </div>
    </div>
  </section>

  <section class="vehicle-section">
    <h3>{{ localize 'IDENTITY.profile' }}</h3>
    <div class="grid grid-2col">
      <div class="form-group">
        <label for="system.identity.profile">{{ localize 'IDENTITY.profile' }}</label>
        {{#if isEditMode}}
        <input type="text" name="system.identity.profile" value="{{system.identity.profile}}" data-dtype="String" />
        {{else}}
        <span>{{system.identity.profile}}</span>
        {{/if}}
      </div>
      <div class="form-group">
        <label for="system.identity.origin">{{ localize 'IDENTITY.origin' }}</label>
        {{#if isEditMode}}
        <input type="text" name="system.identity.origin" value="{{system.identity.origin}}" data-dtype="String" />
        {{else}}
        <span>{{system.identity.origin}}</span>
        {{/if}}
      </div>
      <div class="form-group">
        <label for="system.identity.theme">{{ localize 'IDENTITY.theme' }}</label>
        {{#if isEditMode}}
        <input type="text" name="system.identity.theme" value="{{system.identity.theme}}" data-dtype="String" />
        {{else}}
        <span>{{system.identity.theme}}</span>
        {{/if}}
      </div>
    </div>
    <div class="form-group">
      <label for="system.identity.notes">{{ localize 'IDENTITY.notes' }}</label>
      {{formInput systemFields.identity.fields.notes enriched=enrichedNotes value=system.identity.notes name="system.identity.notes" toggled=true}}
    </div>
  </section>
</div>
