<div id='xocfg_body'>
  <!-- TEXT:err_msg -->
  <div id='xocfg_err'></div>
  {{#nav_exists}}
  <div>
    <!-- BTN:info -->
    <span class='xoimg_btn_x16 xoimg_help_tip' href='javascript:void(0)' onclick='return xo.cfg_edit.help__toggle_all()' title='toggle all help'>&nbsp;</span>
    
    <!-- COMBO:cfg_grps -->
    <select id='xocfg_nav_select' onchange='xo.cfg_edit.select__send(this);' onkeyup='xo.cfg_edit.select__by_keypress(event, this);' accesskey='l'>
      {{#itms}}
      <option value='{{key}}' {{#selected}} selected='selected'{{/selected}}>{{text}}</option>
      {{/itms}}
    </select>
    
    <!-- LINK:cfg_link -->
    {{^app_is_drd}}
    <div style='float:right;margin:2px 7px;'>
      <a id='options_lnk'>options link</a>
    </div>
    {{/app_is_drd}}
  </div>
  {{/nav_exists}}

<div id='cfg_grps'>
  <!-- TEXT:page_help -->
  <div>
    <p id='page_help_para'>{{{page_help}}}</p>
  </div>
{{#grps}}
  <h2>{{{name}}}</h2>

  {{#itms}}
  <div class="xocfg_row flex_div">
    <!-- BTN:help_item -->
    <div class='xocfg_itm_help'>
      <span class='xoimg_btn_x16 xoimg_help_tip' href='javascript:void(0)' onclick='return xo.help.toggle("{{key}}")' title='view more info'>&nbsp;</span>
    </div>
    
    <!-- TEXT:key -->
    <div id='{{key}}__name' class='xocfg_itm_name'>{{{name}}}</div>

    <!-- BTN:undo -->
    <div id='{{key}}__undo' data-xocfg-type='{{type}}' class='xocfg_itm_delete{{^edited}} xocfg_itm_hide{{/edited}}'>
      <span class='xoimg_btn_x16 xoimg_list_undo' onclick='return xo.cfg_edit.delete__send("{{key}}")' title="reset to &quot;{{{dflt}}}&quot;">&nbsp;</span>
    </div>
    
    <!-- TEXT:val -->
    <div class='xocfg_itm_data'>{{{html}}}</div>
    
    <!-- HIDDEN:key,ctx -->
    <input type='hidden' id='{{key}}__key_box' value='{{key}}'></input>
    <input type='hidden' id='{{key}}__ctx_box' value='{{{ctx}}}'></input>
  </div>
  
  <!-- DIV:help -->
  <div id='{{key}}_help_div' class='xohelp_div'>
    <div id='{{key}}_help_msg' class='xohelp_msg'>{{{help}}}</div>
  </div>
  {{/itms}}
{{/grps}}
</div>

</div>
