<form id='modttt' class="{{cssClass}} overflowy {{#if isTooltip}}modttt{{/if}}" autocomplete="off">
  <div class='modtooltip gga-app'>
    <div id="modtooltip">
      <div id='modtooltipbucket' style='border-right: 1px solid #999;'>
        <div id="modtooltiplefttop" class='gga-group gurps-sparse-list' style='border: none;'>
          <h4>{{localize "GURPS.modifierCurrentEffects"}}</h4>
          <div class='actorname'>{{actorname}}</div>
          {{#each currentmods}}
            <div class="roll-result">{{{gurpslink this true}}}</div>
          {{/each}}
        </div>

        {{#unless cansend}}
          <div id="modtooltipleftcenter" class='gga-group' style='justify-content: center; border: none;'>
            <p>{{localize "GURPS.modifierClickToAdd"}}</p>
            <p>{{localize "GURPS.modifierAppearBelow"}}</p>
          </div>
        {{else}}
          <div id="modtooltipleftcenter" class='gga-group' style='border: none;'>
            <h4>{{localize "GURPS.modifierSendTo"}}</h4>
            <div class='button-row'>
              {{#each users}}
                <button class="gmbutton" data-id="{{this.id}}" type="button">{{this.name}}</button>
              {{/each}}
            </div>
            {{#if everyone}}
              <div class='everyone'>
                <span><button class="gmbutton" data-id="{{everyone.id}}" type="button">{{everyone.name}}</button>
                  <button class="gmbutton" data-id="SHOWALL"
                    type="button">{{localize 'GURPS.showQuestion'}}</button></span>
              </div>
            {{else}}
              <div class='everyone'>
                <button class="gmbutton" data-id="SHOWALL" type="button">{{localize 'GURPS.showQuestion'}}</button>
              </div>
            {{/if}}


          </div>
        {{/unless}}

        <div id="modtooltipleftbottom" class='gga-group gurps-sparse-list' style='border: none;'>
          <h4>{{localize "GURPS.modifierCurrentModifiers"}}</h4>
          <div class='shaded-group overflowy'>
            <aside>({{localize "GURPS.clickToRemove"}})</aside>
            {{#each stack.modifierList}}
              <div class="removemod {{#if this.plus}}plus{{else}}minus{{/if}}" data-index="{{@index}}">
                {{this.mod}} : {{this.desc}}
              </div>
            {{/each}}
          </div>
          <div class='modttlabel'>Total:&nbsp;
            <div {{#if (gt stack.displaySum 0)}}class='plus' {{/if}}{{#if (lt stack.displaySum 0)}}class='minus'
              {{/if}}>
              {{stack.displaySum}}
            </div>
          </div>
        </div>
      </div>

      <div class='gurps-2col' style='grid-template-columns: 1fr 1fr; gap: 0;'>
        <div class="gga-group gurps-space-between gurps-sparse-list">
          <div class='shaded-group'>
            <h4>{{localize "GURPS.meleeAttack"}}</h4>
            {{#each meleemods}}
              <div>{{{gurpslink this true}}}</div>
            {{/each}}
          </div>
          <div class='shaded-group'>
            <h4>{{localize "GURPS.ranged"}}</h4>
            {{#each rangedmods}}
              <div>{{{gurpslink this true}}}</div>
            {{/each}}
          </div>
          <div class='shaded-group'>
            <h4>{{localize "GURPS.defense"}}</h4>
            {{#each defensemods}}
              <div>{{{gurpslink this true}}}</div>
            {{/each}}
          </div>
        </div>

        <div class="gga-group gurps-space-between gurps-sparse-list" style="padding: 0 0 0 0.5em;">
          <div id='common-modifiers'>
            <h4 class='tabbed'>
              <span class='back'><i class="fas fa-caret-square-left"></i></span>
              {{localize "GURPS.modifierCommon"}}
              <span class='forward'><i class="fas fa-caret-square-right"></i></span>
            </h4>
            <div class='tabbedcontent'>
              {{collapsible-content 'modstatus' statusmods 'commonmods'}}
              {{collapsible-content 'speedrangemods' speedrangemods 'commonmods'}}
              {{collapsible-content 'modsize' sizemods 'commonmods'}}
              {{collapsible-content 'hitlocationmods' hitlocationmods 'commonmods'}}
              {{collapsible-content 'modcover' covermods 'commonmods'}}
              {{collapsible-content 'modtaskdifficulty' taskdificulties 'commonmods'}}
              {{collapsible-content 'modeqtquality' eqtqualitymods 'commonmods'}}
              {{collapsible-content 'modlighting' lightingmods 'commonmods'}}
              {{collapsible-content 'modrof' rofmods 'commonmods'}}
              {{collapsible-content 'modeffort' effortmods 'commonmods'}}
            </div>
            {{#each journals}}
              <div class='tabbedcontent'>
                <h2>{{this.name}}</h2>
                {{{gurpslink this.text.content true}}}
              </div>
            {{/each}}
            <div class='tabbedcontent'>
              <aside>{{localize 'GURPS.modifierTabAside'}} </aside>
            </div>
          </div>
          <div>
            <h4>{{localize "GURPS.modifierOthers"}}</h4>
            <div class='modifier-row'>
              {{#each othermods1}}
                <div>{{{gurpslink this true}}}</div>
              {{/each}}
              {{#each othermods2}}
                <div>{{{gurpslink this true}}}</div>
              {{/each}}
            </div>
            <div style='display: flex; flex-flow: column;'>
              <aside>{{localize "GURPS.modifierUserEntered"}}:</aside>
              <input type="text" id="modmanualentry" />
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>