<h2>Used sudo role options</h2>

<table style="width:650px;">
 <tr>
  <td style="width: 140px;"><b>{t}Option name{/t}</b></td>
  <td style="width: 20px;"></td>
  <td><b>{t}Value{/t}</b></td>
  <td><b>{t}Options{/t}</b></td>
 </tr>
{foreach from=$sudoOption item=item key=key}
  {foreach from=$item item=entry key=entry_key} 
   <tr>
    <td>{$key}</td>
    <td style="width:20px;">
     {if $entry.NEGATE}
      <img src='plugins/sudo/images/negate.png' alt="!">
     {/if}
    </td>
    <td>
{render acl=$ACL}   
    {if $options[$entry.NAME].TYPE == "STRING"}
     <!-- STRING  
      -->
     <input type='text' name='option_value__{$key}_{$entry_key}' value="{$entry.VALUE}" style='width:280px;'> 
    {elseif $options[$entry.NAME].TYPE == "LISTS"}
     <!-- LISTS  
      -->
      <input type='text' value="{$entry.VALUE}" name="list_value__{$key}_{$entry_key}" style='width:280px;'>
    {elseif $options[$entry.NAME].TYPE == "INTEGER"}
     <!-- INTEGER  
      -->
     <input type='text' name='option_value__{$key}_{$entry_key}' value="{$entry.VALUE}" style='width:280px;'>
    {elseif $options[$entry.NAME].TYPE == "BOOLEAN"}
     <!-- BOOLEAN  
      -->
     <select name="option_value__{$key}_{$entry_key}" style="width:80px;;">
      <option {if $entry.VALUE == "FALSE"} selected {/if}value="FALSE">FALSE</option>
      <option {if $entry.VALUE == "TRUE"} selected {/if}value="TRUE">TRUE</option>
     </select>
    {elseif $options[$entry.NAME].TYPE == "BOOL_INTEGER"}
     <!-- BOOLEAN_INTEGER 
      -->
     <select name="option_selection__{$key}_{$entry_key}" id="option_selection__{$key}_{$entry_key}"
       style="width:80px;;"
      onChange="toggle_bool_fields('option_selection__{$key}_{$entry_key}','option_value__{$key}_{$entry_key}');">
      <option {if $entry.VALUE == "FALSE"} selected {/if}value="FALSE">FALSE</option>
      <option {if $entry.VALUE == "TRUE"} selected {/if}value="TRUE">TRUE</option>
      <option {if $entry.VALUE != "TRUE" && $entry.VALUE != "FALSE"} selected {/if}
      value="STRING">INTEGER</option>
     </select> 
      <input type='text' value="{$entry.VALUE}" style='width:280px;' name='option_value__{$key}_{$entry_key}'
      id="option_value__{$key}_{$entry_key}"
          {if $entry.VALUE == "FALSE" ||  $entry.VALUE == "TRUE"} disabled {/if}>
    {elseif $options[$entry.NAME].TYPE == "STRING_BOOL"}
     <!-- STRING_BOOLEAN 
      -->
     <select name="option_selection__{$key}_{$entry_key}" id="option_selection__{$key}_{$entry_key}"
       style="width:80px;;"
      onChange="toggle_bool_fields('option_selection__{$key}_{$entry_key}','option_value__{$key}_{$entry_key}');">
      <option {if $entry.VALUE == "FALSE"} selected {/if}value="FALSE">FALSE</option>
      <option {if $entry.VALUE == "TRUE"} selected {/if}value="TRUE">TRUE</option>
      <option {if $entry.VALUE != "TRUE" && $entry.VALUE != "FALSE"} selected {/if}
      value="STRING">STRING</option>
     </select> 
     <input type='text' value="{$entry.VALUE}" style='width:280px;' name='option_value__{$key}_{$entry_key}'
      id="option_value__{$key}_{$entry_key}" 
          {if $entry.VALUE == "FALSE" ||  $entry.VALUE == "TRUE"} disabled {/if}>
    {/if}
{/render}
    </td>
    <td style='width: 40px; text-align:right;'>
{render acl=$ACL}   
     <input type='image' src='plugins/sudo/images/negate.png'     name='negOption_{$key}_{$entry_key}' class='center'>
{/render}
{render acl=$ACL}   
     <input type='image' src='images/lists/trash.png'  name='delOption_{$key}_{$entry_key}' class='center'>
{/render}
    </td>
   </tr>
  {/foreach}
{/foreach}
</table>

<p class="seperator">&nbsp;</p>
<br>
<h2>{t}Available options{/t}:</h2>
{render acl=$ACL}   
<select name='option'>
{foreach from=$options item=item key=key}
 {if !isset($sudoOption.$key) || ($sudoOption.$key && $item.TYPE == "LISTS")}
 <option value='{$key}'>{$item.NAME} ({$map[$item.TYPE]})</option>
 {/if}
{/foreach}
</select>
{/render}

{render acl=$ACL}   
<input type="submit" name="add_option" value="{msgPool type=addButton}">
{/render}

<script language="JavaScript" type="text/javascript">
 <!-- 
  {literal}
  function toggle_bool_fields(source_select,target_input)
  {
   var select= document.getElementById(source_select); 
   var input = document.getElementById(target_input); 
   if(select.value == "TRUE" || select.value == "FALSE"){
    input.disabled = true;
    input.value = select.value;
   }else{
    input.disabled = false;
    input.value = "";
   }
  }
  {/literal}
 -->
</script>


