<form class="{{options.cssClass}}" autocomplete="off">
  <header class="sheet-header">
    <img class="anarchy-img profile-img" src="{{data.img}}" data-edit="img" data-tooltip="{{data.name}}"/>
    {{> 'systems/anarchy/templates/item/parts/itemname.hbs'
      labelkey='ANARCHY.itemType.singular.cyberdeck'
      type="cyberdeck"
    }}
  </header>

  <nav class="sheet-tabs tabs" data-group="primary">
    <div class="sheet-tab" data-tab="main">
      <a>{{localize ANARCHY.item.tabs.main}}</a>
    </div>
    <div class="sheet-tab" data-tab="modifiers">
      <a>{{localize ANARCHY.item.tabs.modifiers}}</a>
    </div>
    <div class="sheet-tab-fill"></div>
  </nav>

  <section class="sheet-body">
    <div class="tab section-group" data-group="primary" data-tab="main">
      <div class="form-group">
        <label for="system.attributes.firewall.value">{{localize 'ANARCHY.attributes.firewall'}} </label>
        <input name="system.attributes.firewall.value" type="number" data-dtype="Number" size=2
          value="{{system.attributes.firewall.value}}"/>
      </div>
      <div class="form-group">
        <label for="system.programs">{{localize 'ANARCHY.item.cyberdeck.programs'}} </label>
        <input name="system.programs" type="number" data-dtype="Number" size=2
          value="{{system.programs}}"/>
      </div>
      <div class="form-group" data-tooltip="{{localize 'ANARCHY.item.cyberdeck.processingHelp'}}">
        <label for="system.processing">{{localize 'ANARCHY.item.cyberdeck.processing'}} </label>
        <input name="system.processing" type="number" data-dtype="Number" size=2
          value="{{system.processing}}"/>
      </div>
      <div class="form-group">
        <label for="system.connectionMode">{{localize 'ANARCHY.common.matrix.connectionMode'}} </label>
        <span>
          {{> 'systems/anarchy/templates/common/control-connectionMode.hbs' connectionMode=system.connectionMode}}
          <a class="item-control click-matrix-connectionMode">
          {{localize (concat 'ANARCHY.connectionMode.' system.connectionMode)}}
          </a>
        </span>
      </div>
      <div class="form-group">
        <label>{{localize 'ANARCHY.actor.monitors.conditionMonitors'}}</label>
        {{> "systems/anarchy/templates/monitors/matrix.hbs"}}
      </div>
      <div class="form-group">
        {{> "systems/anarchy/templates/monitors/marks.hbs"}}
      </div>


      {{> 'systems/anarchy/templates/item/parts/inactive.hbs'}}
      {{> 'systems/anarchy/templates/item/parts/references.hbs'}}
    </div>
    <div class="tab section-group" data-group="primary" data-tab="modifiers">
      <div class="form-group">
        {{> 'systems/anarchy/templates/item/parts/modifiers.hbs'}}
      </div>
    </div>
  </section>
</form>
