<form onsubmit="event.preventDefault();" class="{{classes}}" autocomplete="off">
	<nav class="sheet-tabs tabs">
		<a class='item' data-tab='pc-sheet'>{{localize 'TIDY5E.Settings.TabPlayers.tabLabel'}}</a>
		<a class='item' data-tab='npc-sheet'>{{localize 'TIDY5E.Settings.TabNPCsVehicles.tabLabel'}}</a>
		<a class='item gm-only' data-tab='gm-options'>{{localize 'TIDY5E.Settings.TabGM.tabLabel'}}</a>
		<a class='item gm-only' data-tab='modules'>{{localize 'TIDY5E.Settings.TabModules.tabLabel'}}</a>
		<a class='item' data-tab='info'>{{localize 'TIDY5E.Settings.TabInfo.tabLabel'}}</a>
	</nav>	


  {{!-- PC OPTIONS --}}
  

  <section class='tab' data-tab='pc-sheet'>
    <h2>{{localize 'TIDY5E.Settings.TabPlayers.header'}}</h2>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='journalTabDisabled' id='journalTabDisabled' {{checked settings.journalTabDisabled.value}}>
      <div class="description">
        <label for="journalTabDisabled">{{localize 'TIDY5E.Settings.JournalTab.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.JournalTab.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='classListDisabled' id='classListDisabled' {{checked settings.classListDisabled.value}}>
      <div class="description">
        <label for="classListDisabled">{{localize 'TIDY5E.Settings.ClassList.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.ClassList.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='inspirationAnimationDisabled' id='inspirationAnimationDisabled' {{checked settings.inspirationAnimationDisabled.value}}>
      <div class="description">
        <label for="inspirationAnimationDisabled">{{localize 'TIDY5E.Settings.InspirationAnimation.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.InspirationAnimation.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='hideIfZero' id='hideIfZero' {{checked settings.hideIfZero.value}}>
      <div class="description">
        <label for="hideIfZero">{{localize 'TIDY5E.Settings.HideIfZero.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.HideIfZero.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='inspirationOnHover' id='inspirationOnHover' {{checked settings.inspirationOnHover.value}}>
      <div class="description">
        <label for="inspirationOnHover">{{localize 'TIDY5E.Settings.InspirationOnHover.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.InspirationOnHover.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='exhaustionOnHover' id='exhaustionOnHover' {{checked settings.exhaustionOnHover.value}}>
      <div class="description">
        <label for="exhaustionOnHover">{{localize 'TIDY5E.Settings.ExhaustionOnHover.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.ExhaustionOnHover.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='hpBarDisabled' id='hpBarDisabled' {{checked settings.hpBarDisabled.value}}>
      <div class="description">
        <label for="hpBarDisabled">{{localize 'TIDY5E.Settings.HpBar.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.HpBar.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='hpOverlayDisabled' id='hpOverlayDisabled' {{checked settings.hpOverlayDisabled.value}}>
      <div class="description">
        <label for="hpOverlayDisabled">{{localize 'TIDY5E.Settings.HpOverlay.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.HpOverlay.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='traitLabelsEnabled' id='traitLabelsEnabled' {{checked settings.traitLabelsEnabled.value}}>
      <div class="description">
        <label for="traitLabelsEnabled">{{localize 'TIDY5E.Settings.TraitLabels.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.TraitLabels.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='traitsTogglePc' id='traitsTogglePc' {{checked settings.traitsTogglePc.value}}>
      <div class="description">
        <label for="traitsTogglePc">{{localize 'TIDY5E.Settings.TraitsTogglePc.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.TraitsTogglePc.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='traitsMovedBelowResource' id='traitsMovedBelowResource' {{checked settings.traitsMovedBelowResource.value}}>
      <div class="description">
        <label for="traitsMovedBelowResource">{{localize 'TIDY5E.Settings.TraitsMovedBelowResource.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.TraitsMovedBelowResource.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='ammoEquippedOnly' id='ammoEquippedOnly' {{checked settings.ammoEquippedOnly.value}}>
      <div class="description">
        <label for="ammoEquippedOnly">{{localize 'TIDY5E.Settings.AmmoEquippedOnly.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.AmmoEquippedOnly.hint'}}</p>
      </div>
    </article>
	</section>

  
  {{!-- NPC/VEHICLE OPTIONS --}}
  

  <section class='tab' data-tab='npc-sheet'>
    <h2>{{localize 'TIDY5E.Settings.TabNPCsVehicles.header'}}</h2>

    <h3>{{localize 'TIDY5E.Settings.TabNPCsVehicles.labelNPCs'}}</h3>
    <article class="setting gm-only">
      <input type="checkbox" data-dtype='boolean' name='restingForNpcsEnabled' id='restingForNpcsEnabled' {{checked settings.restingForNpcsEnabled.value}}>
      <div class="description">
        <label for="restingForNpcsEnabled">{{localize 'TIDY5E.Settings.RestingForNpcs.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.RestingForNpcs.hint'}}</p>
      </div>
    </article>
    <article class="setting gm-only">
      <input type="checkbox" data-dtype='boolean' name='restingForNpcsChatDisabled' id='restingForNpcsChatDisabled' {{checked settings.restingForNpcsChatDisabled.value}}>
      <div class="description">
        <label for="restingForNpcsChatDisabled">{{localize 'TIDY5E.Settings.RestingForNpcsChat.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.RestingForNpcsChat.hint'}}</p>
      </div>
    </article>
    <article class="setting group gm-only">
      <div>
        <div class="description">
          <label for="linkMarkerNpc">{{localize 'TIDY5E.Settings.LinkMarker.name'}}</label>
          <p class="notes">{{localize 'TIDY5E.Settings.LinkMarker.hint'}}</p>
        </div>
        <div class="settings-group">
          <select name="linkMarkerNpc" id="linkMarkerNpc">  
            {{#select settings.linkMarkerNpc.value}}
            <option value="default">{{localize "TIDY5E.Settings.LinkMarker.default"}}</option>
            <option value="unlinked">{{localize "TIDY5E.Settings.LinkMarker.unlinked"}}</option>
            <option value="both">{{localize "TIDY5E.Settings.LinkMarker.both"}}</option>
            {{/select}}
          </select>
        </div>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='hpBarDisabledNpc' id='hpBarDisabledNpc' {{checked settings.hpBarDisabledNpc.value}}>
      <div class="description">
        <label for="hpBarDisabledNpc">{{localize 'TIDY5E.Settings.HpBar.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.HpBar.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='hpOverlayDisabledNpc' id='hpOverlayDisabledNpc' {{checked settings.hpOverlayDisabledNpc.value}}>
      <div class="description">
        <label for="hpOverlayDisabledNpc">{{localize 'TIDY5E.Settings.HpOverlay.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.HpOverlay.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='traitsAlwaysShownNpc' id='traitsAlwaysShownNpc' {{checked settings.traitsAlwaysShownNpc.value}}>
      <div class="description">
        <label for="traitsAlwaysShownNpc">{{localize 'TIDY5E.Settings.TraitsAlwaysShown.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.TraitsAlwaysShown.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='traitsMovedBelowResourceNpc' id='traitsMovedBelowResourceNpc' {{checked settings.traitsMovedBelowResourceNpc.value}}>
      <div class="description">
        <label for="traitsMovedBelowResourceNpc">{{localize 'TIDY5E.Settings.TraitsMovedBelowResource.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.TraitsMovedBelowResource.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='skillsAlwaysShownNpc' id='skillsAlwaysShownNpc' {{checked settings.skillsAlwaysShownNpc.value}}>
      <div class="description">
        <label for="skillsAlwaysShownNpc">{{localize 'TIDY5E.Settings.SkillsAlwaysShown.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.SkillsAlwaysShown.hint'}}</p>
      </div>
    </article>

    <h3>{{localize 'TIDY5E.Settings.TabNPCsVehicles.labelVehicles'}}</h3>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='hpBarDisabledVehicle' id='hpBarDisabledVehicle' {{checked settings.hpBarDisabledVehicle.value}}>
      <div class="description">
        <label for="hpBarDisabledVehicle">{{localize 'TIDY5E.Settings.HpBar.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.HpBar.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='hpOverlayDisabledVehicle' id='hpOverlayDisabledVehicle' {{checked settings.hpOverlayDisabledVehicle.value}}>
      <div class="description">
        <label for="hpOverlayDisabledVehicle">{{localize 'TIDY5E.Settings.HpOverlay.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.HpOverlay.hint'}}</p>
      </div>
    </article>
	</section>
  

  {{!-- GM OPTIONS --}}

  
  <section class='tab gm-only' data-tab='gm-options'>
    <h2>{{localize 'TIDY5E.Settings.TabGM.header'}}</h2>
    
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='playerNameEnabled' id='playerNameEnabled' {{checked settings.playerNameEnabled.value}}>
      <div class="description">
        <label for="playerNameEnabled">{{localize 'TIDY5E.Settings.PlayerName.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.PlayerName.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='rightClickDisabled' id='rightClickDisabled' {{checked settings.rightClickDisabled.value}}>
      <div class="description">
        <label for="rightClickDisabled">{{localize 'TIDY5E.Settings.RightClick.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.RightClick.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='expandedSheetEnabled' id='expandedSheetEnabled' {{checked settings.expandedSheetEnabled.value}}>
      <div class="description">
        <label for="expandedSheetEnabled">{{localize 'TIDY5E.Settings.ExpandedSheet.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.ExpandedSheet.hint'}}</p>
      </div>
    </article>
    <article class="setting group">
      <div>
        <div class="description">
          <label for="itemCardsFixKey">{{localize 'TIDY5E.Settings.ItemCardsFixKey.name'}}</label>
          <p class="notes">{{localize 'TIDY5E.Settings.ItemCardsFixKey.hint'}}</p>
        </div>
        <div class="settings-group">
           <article>
            <input type="text" data-dtype='string' name='itemCardsFixKey' id='itemCardsFixKey' value="{{settings.itemCardsFixKey.value}}" maxlength="1">
          </article>
        </div>
      </div>
    </article>
    <article class="setting group">
      <section>
        <div class="description">
          <label for="portraitStyle">{{localize 'TIDY5E.Settings.PortraitStyle.name'}}</label>
          <p class="notes">{{localize 'TIDY5E.Settings.PortraitStyle.hint'}}</p>
        </div>
        <div class="settings-group">
          <select name="portraitStyle" id="portraitStyle">  
            {{#select settings.portraitStyle.value}}
            <option value="default">{{localize "TIDY5E.Settings.PortraitStyle.default"}}</option>
            <option value="pc">{{localize "TIDY5E.Settings.PortraitStyle.pc"}}</option>
            <option value="npc">{{localize "TIDY5E.Settings.PortraitStyle.npc"}}</option>
            <option value="all">{{localize "TIDY5E.Settings.PortraitStyle.all"}}</option>
            {{/select}}
          </select>
        </div>
      </section>
    </article>
    <article class="setting group">
      <section>
        <div class="description">
          <label>{{localize 'TIDY5E.Settings.HpOverlayBorder.name'}}</label>
          <p class="notes">{{localize 'TIDY5E.Settings.HpOverlayBorder.hint'}}</p>
        </div>
        <div class="settings-group">
          <article>
            <label for="hpOverlayBorder">{{localize 'TIDY5E.Settings.PcLabel'}}</label>
            <input type="text" data-dtype='string' name='hpOverlayBorder' id='hpOverlayBorder' value="{{settings.hpOverlayBorder.value}}">
          </article>
          <article>
            <label for="hpOverlayBorderNpc">{{localize 'TIDY5E.Settings.NpcLabel'}}</label>
            <input type="text" data-dtype='string' name='hpOverlayBorderNpc' id='hpOverlayBorderNpc' value="{{settings.hpOverlayBorderNpc.value}}">
          </article>
          <article>
            <label for="hpOverlayBorderVehicle">{{localize 'TIDY5E.Settings.VehicleLabel'}}</label>
            <input type="text" data-dtype='string' name='hpOverlayBorderVehicle' id='hpOverlayBorderVehicle' value="{{settings.hpOverlayBorderVehicle.value}}">
          </article>
        </div>
      </section>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='editTotalLockEnabled' id='editTotalLockEnabled' {{checked settings.editTotalLockEnabled.value}}>
      <div class="description">
        <label for="editTotalLockEnabled">{{localize 'TIDY5E.Settings.EditTotalLock.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.EditTotalLock.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='editGmAlwaysEnabled' id='editGmAlwaysEnabled' {{checked settings.editGmAlwaysEnabled.value}}>
      <div class="description">
        <label for="editGmAlwaysEnabled">{{localize 'TIDY5E.Settings.EditGmAlways.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.EditGmAlways.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='editEffectsGmOnlyEnabled' id='editEffectsGmOnlyEnabled' {{checked settings.editEffectsGmOnlyEnabled.value}}>
      <div class="description">
        <label for="editEffectsGmOnlyEnabled">{{localize 'TIDY5E.Settings.EditEffectsGmOnly.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.EditEffectsGmOnly.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='quantityAlwaysShownEnabled' id='quantityAlwaysShownEnabled' {{checked settings.quantityAlwaysShownEnabled.value}}>
      <div class="description">
        <label for="quantityAlwaysShownEnabled">{{localize 'TIDY5E.Settings.QuantityAlwaysShown.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.QuantityAlwaysShown.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='inspirationDisabled' id='inspirationDisabled' {{checked settings.inspirationDisabled.value}}>
      <div class="description">
        <label for="inspirationDisabled">{{localize 'TIDY5E.Settings.InspirationDisabled.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.InspirationDisabled.hint'}}</p>
      </div>
    </article>
    <article class="setting group">
      <section>
        <!-- <input type="checkbox" data-dtype='boolean' name='exhaustionEffectsEnabled' id='exhaustionEffectsEnabled' {{checked settings.exhaustionEffectsEnabled.value}}> -->
        <div class="description">
          <label for="exhaustionEffectsEnabled">{{localize 'TIDY5E.Settings.ExhaustionEffects.name'}}</label>
          <p class="notes">{{localize 'TIDY5E.Settings.ExhaustionEffects.hint'}}</p>
        </div>
         <div class="settings-group">
          <select name="exhaustionEffectsEnabled" id="exhaustionEffectsEnabled">  
            {{#select settings.exhaustionEffectsEnabled.value}}
            <option value="default">{{localize "TIDY5E.Settings.ExhaustionEffects.default"}}</option>
            <option value="tidy5e">{{localize "TIDY5E.Settings.ExhaustionEffects.tidy5e"}}</option>
            <option value="custom">{{localize "TIDY5E.Settings.ExhaustionEffects.custom"}}</option>
            {{/select}}
          </select>
        </div>
      </section>
    </article>
    <article class="setting group">
      <section>
        <div class="description">
          <label for="exhaustionEffectIcon">{{localize 'TIDY5E.Settings.CustomExhaustionIcon.name'}}</label>
          <p class="notes">{{localize 'TIDY5E.Settings.CustomExhaustionIcon.hint'}}</p>
        </div>
        <div class="settings-group">
          <article>
            <input type="text" data-dtype='string' name='exhaustionEffectIcon' id='exhaustionEffectIcon' value="{{settings.exhaustionEffectIcon.value}}">
          </article>
        </div>
      </section>
    </article>
    <article class="setting group">
      <section>
        <div class="description">
          <label for="exhaustionEffectCustom">{{localize 'TIDY5E.Settings.CustomExhaustionEffect.name'}}</label>
          <p class="notes">{{localize 'TIDY5E.Settings.CustomExhaustionEffect.hint'}}</p>
        </div>
        <div class="settings-group">
          <article>
            <input type="text" data-dtype='string' name='exhaustionEffectCustom' id='exhaustionEffectCustom' value="{{settings.exhaustionEffectCustom.value}}">
          </article>
          <article>
            <p class="notes">{{localize 'TIDY5E.Settings.CustomExhaustionEffect.tiers'}}</p>
            <input type="text" data-dtype='string' name='exhaustionEffectCustomTiers' id='exhaustionEffectCustomTiers' value="{{settings.exhaustionEffectCustomTiers.value}}">
          </article>
        </div>
      </section>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='exhaustionDisabled' id='exhaustionDisabled' {{checked settings.exhaustionDisabled.value}}>
      <div class="description">
        <label for="exhaustionDisabled">{{localize 'TIDY5E.Settings.ExhaustionDisabled.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.ExhaustionDisabled.hint'}}</p>
      </div>
    </article>
	</section>

  {{!-- MODULE OPTIONS --}}

  <section class='tab gm-only' data-tab='modules'>
    <h2>{{localize 'TIDY5E.Settings.TabModules.header'}}</h2>
    
    <h3>{{localize 'TIDY5E.Settings.TabModules.labelActionsFavorites'}}</h3>
    <article class="setting group">
      <section>
        <div class="description">
          <label for="defaultActionsTab">{{localize 'TIDY5E.Settings.DefaultActionsTab.name'}}</label>
          <p class="notes">{{localize 'TIDY5E.Settings.DefaultActionsTab.hint'}}</p>
        </div>
         <div class="settings-group">
          <select name="defaultActionsTab" id="defaultActionsTab">  
            {{#select settings.defaultActionsTab.value}}
            <option value="default">{{localize "TIDY5E.Settings.DefaultActionsTab.default"}}</option>
            <option value="attributes">{{localize "TIDY5E.Settings.DefaultActionsTab.attributes"}}</option>
            {{/select}}
          </select>
        </div>
      </section>
    </article>

    <h3>{{localize 'TIDY5E.Settings.TabModules.labelMidiQoL'}}</h3>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='contextRollButtons' id='contextRollButtons' {{checked settings.contextRollButtons.value}}>
      <div class="description">
        <label for="contextRollButtons">{{localize 'TIDY5E.Settings.RollButtonsToCard.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.RollButtonsToCard.hint'}}</p>
      </div>
    </article>
    <article class="setting">
      <input type="checkbox" data-dtype='boolean' name='activeEffectsMarker' id='activeEffectsMarker' {{checked settings.activeEffectsMarker.value}}>
      <div class="description">
        <label for="activeEffectsMarker">{{localize 'TIDY5E.Settings.ActiveEffectsMarker.name'}}</label>
        <p class="notes">{{localize 'TIDY5E.Settings.ActiveEffectsMarker.hint'}}</p>
      </div>
    </article>
  </section>

  {{!-- INFO --}}

  <section class='tab' data-tab='info'>
    <h2>{{localize 'TIDY5E.Settings.TabInfo.header'}}</h2>
  </section>
  
  <footer class="sheet-footer flexrow">
    <button type="submit" name="submit">
      <i class="fas fa-save"></i>{{localize 'Save Changes'}}
    </button>
  </footer>
</form>
