<form class="weapon-types-config">
  <nav class="sheet-tabs tabs" data-group="primary">
    <a class="item" data-tab="types">{{localize
        "PRISMRPG.Settings.tabs.weaponTypes"
      }}</a>
    <a class="item" data-tab="groups">{{localize
        "PRISMRPG.Settings.tabs.weaponGroups"
      }}</a>
  </nav>

  <div class="content">
    {{! Weapon Types Tab }}
    <div class="tab" data-group="primary" data-tab="types">
      <div class="form-group">
        <label class="section-header">
          {{localize "PRISMRPG.Settings.weaponTypes.header"}}
          <button
            type="button"
            data-action="add-weapon-type"
            data-tooltip="{{localize 'PRISMRPG.Settings.addWeaponType'}}"
          >
            <i class="fas fa-plus"></i>
          </button>
        </label>

        <div class="weapon-types-list">
          {{#each weaponTypes}}
            <div class="weapon-type-entry" data-id="{{this.id}}">
              <div class="form-fields">
                <div class="form-group">
                  <label>{{localize "PRISMRPG.Settings.weaponType.id"}}</label>
                  <input
                    type="text"
                    name="weaponTypes.{{this.id}}.id"
                    value="{{this.id}}"
                    readonly
                  />
                </div>
                <div class="form-group">
                  <label>{{localize
                      "PRISMRPG.Settings.weaponType.label"
                    }}</label>
                  <input
                    type="text"
                    name="weaponTypes.{{this.id}}.label"
                    value="{{this.label}}"
                  />
                </div>
                <div class="form-group">
                  <label>{{localize "PRISMRPG.Settings.weaponType.apc"}}</label>
                  <input
                    type="number"
                    name="weaponTypes.{{this.id}}.apc"
                    value="{{this.apc}}"
                    min="0"
                    max="10"
                  />
                </div>
                <div class="form-group">
                  <label>{{localize
                      "PRISMRPG.Settings.weaponType.hands"
                    }}</label>
                  <input
                    type="number"
                    name="weaponTypes.{{this.id}}.hands"
                    value="{{this.hands}}"
                    min="0"
                    max="2"
                  />
                </div>
              </div>
              {{#if this.isCustom}}
                <button
                  type="button"
                  data-action="delete-weapon-type"
                  data-id="{{this.id}}"
                  data-tooltip="{{localize
                    'PRISMRPG.Settings.deleteWeaponType'
                  }}"
                >
                  <i class="fas fa-trash"></i>
                </button>
              {{/if}}
            </div>
          {{/each}}
        </div>
      </div>
    </div>

    {{! Weapon Groups Tab }}
    <div class="tab" data-group="primary" data-tab="groups">
      <div class="form-group">
        <label class="section-header">
          {{localize "PRISMRPG.Settings.weaponGroups.header"}}
          <button
            type="button"
            data-action="add-weapon-group"
            data-tooltip="{{localize 'PRISMRPG.Settings.addWeaponGroup'}}"
          >
            <i class="fas fa-plus"></i>
          </button>
        </label>

        <div class="weapon-groups-list">
          {{#each weaponGroups}}
            <div class="weapon-group-entry" data-id="{{this.id}}">
              <div class="form-fields">
                <div class="form-group">
                  <label>{{localize "PRISMRPG.Settings.weaponGroup.id"}}</label>
                  <input
                    type="text"
                    name="weaponGroups.{{this.id}}.id"
                    value="{{this.id}}"
                    readonly
                  />
                </div>
                <div class="form-group">
                  <label>{{localize
                      "PRISMRPG.Settings.weaponGroup.label"
                    }}</label>
                  <input
                    type="text"
                    name="weaponGroups.{{this.id}}.label"
                    value="{{this.label}}"
                  />
                </div>
                <div class="form-group">
                  <label>{{localize
                      "PRISMRPG.Settings.weaponGroup.passive"
                    }}</label>
                  <input
                    type="text"
                    name="weaponGroups.{{this.id}}.passive"
                    value="{{this.passive}}"
                  />
                </div>
                <div class="form-group">
                  <label>{{localize
                      "PRISMRPG.Settings.weaponGroup.passiveLabel"
                    }}</label>
                  <input
                    type="text"
                    name="weaponGroups.{{this.id}}.passiveLabel"
                    value="{{this.passiveLabel}}"
                  />
                </div>
                <div class="form-group">
                  <label>{{localize
                      "PRISMRPG.Settings.weaponGroup.passiveDescription"
                    }}</label>
                  <textarea
                    name="weaponGroups.{{this.id}}.passiveDescription"
                    rows="2"
                  >{{this.passiveDescription}}</textarea>
                </div>
              </div>
              {{#if this.isCustom}}
                <button
                  type="button"
                  data-action="delete-weapon-group"
                  data-id="{{this.id}}"
                  data-tooltip="{{localize
                    'PRISMRPG.Settings.deleteWeaponGroup'
                  }}"
                >
                  <i class="fas fa-trash"></i>
                </button>
              {{/if}}
            </div>
          {{/each}}
        </div>
      </div>
    </div>
  </div>

  <footer class="sheet-footer flexrow">
    <button type="button" data-action="reset-defaults">
      <i class="fas fa-undo"></i>
      {{localize "PRISMRPG.Settings.resetDefaults"}}
    </button>
    <button type="submit">
      <i class="fas fa-save"></i>
      {{localize "PRISMRPG.Settings.save"}}
    </button>
  </footer>
</form>