<!-- Default formatting -->
<Defaults>
  <Text color="white" alignment="MiddleLeft"/>
  <Toggle isOn="False" rectAlignment="MiddleRight"/>

  <VerticalLayout class="window" visibility="Admin" active="false" color="black" width="500" height="700" outlineSize="1 1" outline="grey" showAnimation="SlideIn_Right" hideAnimation="SlideOut_Right" animationDuration="0.1"/>
  <VerticalLayout class="group" visibility="Admin" outlineSize="1 1" outline="grey" color="#222222" padding="10" spacing="5"/>
  <VerticalLayout class="text-column" visibility="Admin" padding="5 20 0 0"/>

  <HorizontalLayout class="group-content" visibility="Admin" color="#444444" padding="5" spacing="5"/>

  <Text class="group-header" fontSize="24" font="font_teutonic-arkham"/>
  <Text class="option-header" fontSize="18" font="font_teutonic-arkham"/>
  <Text class="description" fontSize="12"/>

  <Button class="bottomButtons" hoverClass="hover" pressClass="press" selectClass="select" color="#888888" minHeight="35" fontSize="24" font="font_teutonic-arkham"/>
  <Button class="hover" color="grey"/>
  <Button class="press" color="white"/>
  <Button class="select" color="white"/>
</Defaults>

<!-- Option Panel -->
<VerticalLayout id="optionPanel" class="window" rectAlignment="LowerRight" offsetXY="-50 60">
  <Panel minHeight="45" flexibleHeight="0" padding="10 10 0 0">
    <Text font="font_teutonic-arkham" fontSize="35">Options</Text>
  </Panel>
  <VerticalLayout>
    <!-- Group: playermat settings -->
    <VerticalLayout class="group">
      <Panel minHeight="44" image="option_image1" padding="5 0 0 0">
        <Text class="group-header">PLAYERMAT SETTINGS</Text>
      </Panel>

      <!-- Option: enable snap tags -->
      <HorizontalLayout class="group-content">
        <VerticalLayout class="text-column">
          <Text class="option-header">Enable snap tags</Text>
          <Text class="description">Only cards with the tag "Asset" will snap (official cards are supported by default).&#xA;Disable this if you are having issues with custom content.</Text>
        </VerticalLayout>
        <Toggle id="useSnapTags" onValueChanged="onClick_toggleOption(useSnapTags)" />
      </HorizontalLayout>

      <!-- Option: show draw 1 button -->
      <HorizontalLayout class="group-content">
        <VerticalLayout class="text-column">
          <Text class="option-header">Show "Draw 1" button</Text>
          <Text class="description">Displays a button below the "Upkeep" button that draws a card from your deck. Useful for multi-handed solo play.</Text>
        </VerticalLayout>
        <Toggle id="showDrawButton" onValueChanged="onClick_toggleOption(showDrawButton)"/>
      </HorizontalLayout>

      <!-- Option: use clickable clue-counters -->
      <HorizontalLayout class="group-content">
        <VerticalLayout class="text-column">
          <Text class="option-header">Use clickable clue-counters</Text>
          <Text class="description">Instead of automatically counting clues in the respective area on your playermat, this displays a clickable counter for clues.</Text>
        </VerticalLayout>
        <Toggle id="useClueClickers" onValueChanged="onClick_toggleOption(useClueClickers)"/>
      </HorizontalLayout>
    </VerticalLayout>

    <!-- Group: fan-made accessories -->
    <VerticalLayout class="group">
      <Panel minHeight="44" image="option_image2" padding="5 0 0 0">
        <Text class="group-header">FAN-MADE ACCESSORIES</Text>
      </Panel>
      <!-- Option: show token arranger -->
      <HorizontalLayout class="group-content">
        <VerticalLayout class="text-column">
          <Text class="option-header">Show "Token Arranger"</Text>
          <Text class="description">See the contents of the chaos bag at a glance! This tool displays a sorted table of the tokens to allow easier guessing of your odds.</Text>
        </VerticalLayout>
        <Toggle id="showTokenArranger" onValueChanged="onClick_toggleOption(showTokenArranger)"/>
      </HorizontalLayout>

      <!-- Option: show clean up helper -->
      <HorizontalLayout class="group-content">
        <VerticalLayout class="text-column">
          <Text class="option-header">Show "Clean Up Helper"</Text>
          <Text class="description">Useful for campaign-play: It resets play areas to allow continuous gameplay in the same savegame.</Text>
        </VerticalLayout>
        <Toggle id="showCleanUpHelper" onValueChanged="onClick_toggleOption(showCleanUpHelper)"/>
      </HorizontalLayout>

      <!-- Option: show hand helper -->
      <HorizontalLayout class="group-content">
        <VerticalLayout class="text-column">
          <Text class="option-header">Show "Hand Helper"</Text>
          <Text class="description">Never count your hand cards again! This tool does that for you and can even take "Dream-Enhancing Serum" into account. Also includes a button for randomly discard a card.</Text>
        </VerticalLayout>
        <Toggle id="showHandHelper" onValueChanged="onClick_toggleOption(showHandHelper)"/>
      </HorizontalLayout>

      <!-- Option: show chaos bag manager -->
      <HorizontalLayout class="group-content">
        <VerticalLayout class="text-column">
          <Text class="option-header">Show "Chaos Bag Manager"</Text>
          <Text class="description">Panel for easy addition or removal of chaos tokens to the bag - very useful for EotE because of Frost tokens!</Text>
        </VerticalLayout>
        <Toggle id="showChaosBagManager" onValueChanged="onClick_toggleOption(showChaosBagManager)"/>
      </HorizontalLayout>
    </VerticalLayout>
  </VerticalLayout>
  <HorizontalLayout minHeight="50" flexibleHeight="0" padding="5" spacing="5">
    <Button class="bottomButtons" onClick="onClick_defaultSettings">Load defaults</Button>
    <Button class="bottomButtons" onClick="onClick_toggleUi(Hidden)">Close</Button>
  </HorizontalLayout>
</VerticalLayout>