{block name=content}


<div class="row-fluid sortable ui-sortable">
    <div class="box span9">
        <div class="box-header well" data-original-title="">
            <h2><i class="icon-list"></i> List</h2>
            <div class="box-icon">
                <a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
                <a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
            </div>
        </div>
        <div class="box-content">
            <div class="row-fluid">
                <legend>All support groups</legend>
		<table class="table table-striped table-bordered bootstrap-datatable datatable">
		    <thead>
			    <tr>
				    <th>ID</th>
				    <th>Name</th>
				    <th>Tag</th>
				    <th>Action</th>
			    </tr>
		    </thead>   
		    <tbody>
			{foreach from=$grouplist item=group}
			  <tr>
				<td>{$group.sGroupId}</td>
				<td><a href ="index.php?page=show_sgroup&id={$group.sGroupId}">{$group.name}</a></td>
				<td class="center"><span class="label label-important" >{$group.tag}</span></td>
				<td class="center"><a class="btn btn-danger" href="index.php?page=sgroup_list&delete={$group.sGroupId}"><i class="icon-trash icon-white"></i> Delete</a></td>  
			  </tr>
			  {/foreach}
	  
		    </tbody>
	    </table>            
	    </div>
	</div>
    </div><!--/span-->

    <div class="box span3">
        <div class="box-header well" data-original-title="">
            <h2><i class="icon-plus-sign"></i> Add</h2>
            <div class="box-icon">
                <a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
                <a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
            </div>
        </div>
        <div class="box-content">
            <div class="row-fluid">
		
		<form id="addSGroup" class="form-vertical" method="post" action="index.php">
		    
		<legend>Add  a support group</legend>
		
		<div class="control-group">
		    <label class="control-label">Group name</label>
		    <div class="controls">
			<div class="input-prepend">
			    <input type="text" maxlength="20"   id="Name" name="Name">
			</div>
		    </div>
		</div>
		
		<div class="control-group">
		    <label class="control-label">Group Tag</label>
		    <div class="controls">
			<div class="input-prepend">
			    <input type="text" maxlength="4"  id="Tag" name="Tag">
			</div>
		    </div>
		</div>
		
		<input type="hidden" name="function" value="add_sgroup">
		
		<div class="control-group">
		    <label class="control-label"></label>
		    <div class="controls">
			<button type="submit" class="btn btn-primary" >Add</button>
		    </div>
		</div>
		
		{if isset($RESULT_OF_ADDING) and $RESULT_OF_ADDING eq "SUCCESS"}
		<div class="alert alert-success">
			{$group_success}
		</div>
		{else if isset($RESULT_OF_ADDING) and $RESULT_OF_ADDING eq "NAME_TAKEN"}
		<div class="alert alert-error">
			{$group_name_taken}
		</div>
		{else if isset($RESULT_OF_ADDING) and $RESULT_OF_ADDING eq "TAG_TAKEN"}
		<div class="alert alert-error">
			{$group_tag_taken}
		</div>
		{else if isset($RESULT_OF_ADDING) and $RESULT_OF_ADDING eq "SIZE_ERROR"}
		<div class="alert alert-error">
			{$group_size_error}
		</div>
		{/if}
		</form>
		
	    </div>                   
        </div>
    </div><!--/span-->
</div><!--/row-->
{/block}