<!-- manage groups template -->
<script type="text/javascript">
 var $j = jQuery.noConflict();
 $j(document).ready(function(){
  var loading = '<img src="{$templates}/images/loading.gif" width="20" height="20" alt="Loading content..." title="Loading content..." />';
  $j('.sub-form').live('submit', function(){
   $j('#tabsConfig .ui-tabs-panel:visible').html(loading);
   $j.ajax({
    data: $j(this).serialize(),
    type: $j(this).attr('method'),
    url: $j(this).attr('action'),
    success: function(response) {
     $j('#tabsConfig .ui-tabs-panel:visible').html(response);
    }
   });
   return false;
  })
 });
</script>
<form action="{$URL}" method="post" class="sub-form" id="groups">
 <fieldset>
  <legend>Manage groups&nbsp;
   <a href="javascript:popUp('help/help.html','800','800')" title="Need help?"><img src="{$template}/images/icons/icon-info.png" alt="{$TITLE} Help"></a>
  </legend>
  {$error}
  <div title="Search existing groups">
   Existing groups&nbsp;&nbsp;
   <input type="text" id="autoGroups" title="Search existing groups?" style="width: 30%" value="Search groups?" onclick="this.value=''" onblur="if(this.value==''){this.value='Search groups?'}">
   <a href="formAdvGroupSearch.php" class="windowSearchGroups" id="windowSearchGroups" title="Search existing groups?" onclick="Modalbox.show(this.href, {title: this.title, width: 800}); return false;"><img src="{$template}/images/icons/icon-search.png" title="Search existing groups?" alt="Search existing groups?"></a><hr />
  </div>
  <div>
   <table border="0" width="100%" cellspacing="5">
    <tr align="left">
     <td class="txt" nowrap title="Group name" nowrap><b>Name:</b></td>
     <td><input type="text" name="txtGroupName" value="{$txtGroupName}" style="width: 100%"></td>
     <td class="copyright">{$txtGroupNameErr}</td>
    </tr>
    <tr>
     <td class="txt" nowrap title="Group manager" nowrap><b>Manager:</b></td>
     <td><input type="text" name="txtGroupManager" value="{$txtGroupManager}" style="width: 100%"></td>
     <td class="copyright">{$txtGroupManagerErr}</td>
    </tr>
    <tr>
     <td class="txt" nowrap title="Group phone" nowrap><b>Phone:</b></td>
     <td><input type="text" name="txtGroupPhone" value="{$txtGroupPhone}" style="width: 100%"></td>
     <td class="copyright">{$txtGroupPhoneErr}</td>
    </tr>
    <tr>
     <td class="txt" nowrap title="Group description" nowrap><b>Description:</b></td>
     <td><input type="text" name="txtGroupDescription" value="{$txtGroupDescription}" style="width: 100%"></td>
     <td class="copyright">{$txtGroupDescriptionErr}</td>
    </tr>
   </table>
  </div>
  <div align="center">
			<input type="hidden" id="cmd" name="cmd" />
   <input type="submit" id="myForm" name="addGroup" title="Add new group" value="Add new group" onclick="$j('#cmd').val($j(this).attr('name'))"  />
   <input type="submit" id="myForm" name="editGroup" title="Edit group" value="Edit group" onclick="$j('#cmd').val($j(this).attr('name'))"  />
   <input type="submit" id="myForm" name="delGroup" title="Delete group" value="Delete group" onclick="$j('#cmd').val($j(this).attr('name'))"  />
  </div>
  <div style="height: 30px">&nbsp;</div>
  <div title="Import groups">
   Import groups&nbsp;&nbsp;
  </div>
 </fieldset>
</form>
<!-- end manage purchases template -->