<div class="form-content">
  <h4><i class="fas fa-user"></i> {{localize "CRLNGN_UI.ui.clientSettingsLabel"}} <span class="toggle-hint">{{localize 'CRLNGN_UI.ui.toggleHints'}}</span></h4>
  <hr/>
  <div class="form-group">
    <label for="sceneNavEnabled">{{fields.sceneNavEnabled.label}}</label>
    <input type="checkbox" name="sceneNavEnabled" {{#if sceneNavEnabled}}checked{{/if}} />
    <p class="hint">{{{fields.sceneNavEnabled.hint}}}</p> 
  </div>

  {{!-- <div class="form-group">
    <label for="showFolderListOnClick">{{fields.showFolderListOnClick.label}}</label>
    <input type="checkbox" name="showFolderListOnClick" {{#if showFolderListOnClick}}checked{{/if}} {{#unless sceneNavEnabled}}disabled{{/unless}} />
    <p class="hint">{{{fields.showFolderListOnClick.hint}}}</p> 
  </div> --}}

  {{!-- <div class="form-group">
    <label for="navShowSceneFolders">{{fields.navShowSceneFolders.label}}</label>
    <input type="checkbox" name="navShowSceneFolders" {{#if navShowSceneFolders}}checked{{/if}} {{#unless navShowSceneFolders}}disabled{{/unless}} />
    <p class="hint">{{{fields.navShowSceneFolders.hint}}}</p> 
  </div> --}}

  <div class="form-group">
    <label for="navStartCollapsed">{{fields.navStartCollapsed.label}}</label>
    <input type="checkbox" name="navStartCollapsed" {{#if navStartCollapsed}}checked{{/if}} {{#unless sceneNavEnabled}}disabled{{/unless}} />
    <p class="hint">{{{fields.navStartCollapsed.hint}}}</p> 
  </div>

  <div class="form-group">
    <label for="showNavOnHover">{{fields.showNavOnHover.label}}</label>
    <input type="checkbox" name="showNavOnHover" {{#if showNavOnHover}}checked{{/if}} {{#unless sceneNavEnabled}}disabled{{/unless}} />
    <p class="hint">{{{fields.showNavOnHover.hint}}}</p> 
  </div>

  <div class="form-group">
    <label for="sceneItemWidth">{{fields.sceneItemWidth.label}}</label>
    <input type="range" name="sceneItemWidth" min="100" max="400" value="{{sceneItemWidth}}" {{#unless sceneNavEnabled}}disabled{{/unless}} />
    <input type="number" name="sceneItemWidth_value" class="range-value-input" value="{{sceneItemWidth}}" />
    <p class="hint">{{{fields.sceneItemWidth.hint}}}</p> 
  </div>

  {{#if isGM}}
  <h4><i class="fas fa-globe"></i> {{localize "CRLNGN_UI.ui.worldSettingsLabel"}}</h4>
  <hr/>

  <div class="form-group">
    <label for="useSceneFolders">{{fields.useSceneFolders.label}}</label>
    <input type="checkbox" name="useSceneFolders" {{#if useSceneFolders}}checked{{/if}} {{#unless sceneNavEnabled}}disabled{{/unless}} />
    <p class="hint">{{{fields.useSceneFolders.hint}}}</p> 
  </div>

  <div class="form-group">
    <label for="openFolderOnSceneLoad">{{fields.openFolderOnSceneLoad.label}}</label>
    <input type="checkbox" name="openFolderOnSceneLoad" {{#if openFolderOnSceneLoad}}checked{{/if}} {{#unless sceneNavEnabled}}disabled{{/unless}} />
    <p class="hint">{{{fields.openFolderOnSceneLoad.hint}}}</p> 
  </div>

  <div class="form-group">
    <label for="sceneClickToView">{{fields.sceneClickToView.label}}</label>
    <input type="checkbox" name="sceneClickToView" {{#if sceneClickToView}}checked{{/if}} {{#unless sceneNavEnabled}}disabled{{/unless}} />
    <p class="hint">{{{fields.sceneClickToView.hint}}}</p> 
  </div>

  <div class="form-group">
    <label for="useSceneBackButton">{{fields.useSceneBackButton.label}}</label>
    <input type="checkbox" name="useSceneBackButton" {{#if useSceneBackButton}}checked{{/if}} {{#unless sceneNavEnabled}}disabled{{/unless}} />
    <p class="hint">{{{fields.useSceneBackButton.hint}}}</p>
  </div>

  <div class="form-group">
    <label for="useSceneLookup">{{fields.useSceneLookup.label}}</label>
    <input type="checkbox" name="useSceneLookup" {{#if useSceneLookup}}checked{{/if}} {{#unless sceneNavEnabled}}disabled{{/unless}} />
    <p class="hint">{{{fields.useSceneLookup.hint}}}</p>
  </div>

  <div class="form-group">
    <label for="useScenePreview">{{fields.useScenePreview.label}}</label>
    <input type="checkbox" name="useScenePreview" {{#if useScenePreview}}checked{{/if}} {{#unless useScenePreview}}disabled{{/unless}} />
    <p class="hint">{{{fields.useScenePreview.hint}}}</p> 
  </div>

  <div class="form-group">
    <label for="useSceneIcons">{{fields.useSceneIcons.label}}</label>
    <input type="checkbox" name="useSceneIcons" {{#if useSceneIcons}}checked{{/if}} {{#unless sceneNavEnabled}}disabled{{/unless}} />
    <p class="hint">{{{fields.useSceneIcons.hint}}}</p> 
  </div>

  {{/if}}

</div>
