<link rel="stylesheet" type="text/css" href="../modules/form/styles/index.css" />

<script type="text/javascript">
	
	jFrame.getInstance('moduleForm').dispatch('index');
	
</script>

<div class="BodyContainer">
	<h2 class="Heading1">{$langvars.viewFormsTitle}</h2>
	<div class="Intro">{$langvars.viewFormsDescription}</div>
	
	{$flashMessage}
	
	{if !$forms}
		<div id="no-forms-message"></div>
		<script type="text/javascript">jQuery(function($) { $('#no-forms-message').infoMessage('{$langvars.viewFormsNoFormsMessage|addslashes}'); });</script>
	{/if}
	
	<div class="Intro">
		<div class="FloatLeft">
			<button class="create" type="button"{if !$userCan.createForms} disabled="disabled"{/if}>{$langvars.viewFormsButtonCreateForm}</button>
			{if $forms}
				<button class="delete" type="button"{if !$userCan.deleteForms} disabled="disabled"{/if}>{$langvars.viewFormsButtonDeleteForms}</button>
			{/if}
		</div>
		
		<div class="FloatRight">
			{$pagingTemplate}
		</div>
		
		<div class="Clear"></div>
	</div>
	
	{if $forms}
		<form id="form-forms" action="#" method="post">
			<table id="IndexGrid" class="GridPanel SortableGrid AutoExpand" cellspacing="0" cellpadding="0" border="0">
				<tbody>
					<tr class="Heading3">
						<td style="width: 10px;"><input type="checkbox"{if !$userCan.deleteForms} disabled="disabled"{/if} /></td>
						<td style="width: 16px;"></td>
						
						{foreach from=$gridColumns key=langVarName item=formVarName}
							<td>
								{$langvars.$langVarName}
								<a title="{$langvars.SortByAsc|sprintf,$langvars.$langVarName}" href="index.php?section=module&action=custom&module=form&page={$page}&sortColumn={$formVarName}&sortDirection=asc"><img src="images/{if $formVarName == $sortColumn && $sortDirection == 'asc'}active_{/if}sortup.gif" border="0"></a>
								<a title="{$langvars.SortByDesc|sprintf,$langvars.$langVarName}" href="index.php?section=module&action=custom&module=form&page={$page}&sortColumn={$formVarName}&sortDirection=desc"><img src="images/{if $formVarName == $sortColumn && $sortDirection == 'desc'}active_{/if}sortdown.gif" border="0"></a>
							</td>
						{/foreach}
						
						<td style="width: 250px;">{$langvars.viewFormsTh_actions}</td>
					</tr>
				</tbody>
				<tbody id="ContentListArea">
					{foreach from=$forms key=k item=form id=foreachForm}
						<tr class="GridRow">
							<td><input type="checkbox" name="formIds[]" value="{$form.id}"{if !$form.canDelete}disabled="disabled"{/if} /></td>
							<td><img height="16" width="16" src="../modules/form/images/tab_icon.png" /></td>
							
							{foreach from=$gridColumns key=langVarName item=formVarName}
								<td>{$form.$formVarName}</td>
							{/foreach}
							
							<td style="text-align: right;">
								{if $form.canViewResponses}
									<a href="index.php?section=module&action=custom&module=form&moduleAction=view.response&formId={$form.id}">{$langvars.viewFormsLinkViewResponses}</a>
									<a {if $form.responseCount == 0}class="export-no-responses"{/if} href="index.php?section=module&action=custom&module=form&moduleAction=export.response&formId={$form.id}">{$langvars.viewFormsLinkExportResponses}</a>
								{else}
									{$langvars.viewFormsLinkViewResponses}
									{$langvars.viewFormsLinkExportResponses}
								{/if}
								{if $form.canEdit}
									<a href="index.php?section=module&action=custom&module=form&moduleAction=edit.form&formId={$form.id}">{$langvars.viewFormsLinkEdit}</a>
								{else}
									{$langvars.viewFormsLinkEdit}
								{/if}
								{if $form.canDelete}
									<a class="delete" href="index.php?section=module&action=custom&module=form&moduleAction=delete.form&formIds[]={$form.id}">{$langvars.viewFormsLinkDelete}</a>
								{else}
									{$langvars.viewFormsLinkDelete}
								{/if}
							</td>
						</tr>
					{/foreach}
				</tbody>
			</table>
		</form>
	{/if}
</div>