{extends file="layout.html"}
{block name=title}LMS: {$layout.pagetitle|striphtml}{/block}
{block name=module_content}
<!--// $Id$ //-->
<h1>{$layout.pagetitle}</h1>
<form method="POST" name="nodegroupadd" action="?m=nodegroupadd">
	<input type="submit" class="hiddenbtn">
<table class="lmsbox">
	<colgroup>
		<col style="width: 1%;">
		<col style="width: 1%;">
		<col style="width: 98%;">
	</colgroup>
	<thead>
		<tr>
			<td>
				{icon name="nodegroup"}
			</td>
			<td>
				<strong>{trans("Name")}</strong>
			</td>
			<td>
				<div class="lms-ui-cell-flex">
					<input type="text" name="nodegroupadd[name]" value="{$nodegroupadd.name|escape}"
						maxlength="255" pattern="{literal}[\.\-_a-zA-Z0-9\p{L}]+{/literal}" required {tip trigger="name" bold=1}>
					{hint mode="toggle" content="Group name can contain letters (with national characters), digits, dots, underscores and dashes."}
				</div>
			</td>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
				{icon name="info"}
			</td>
			<td>
				<strong>{trans("Description:")}</strong>
			</td>
			<td>
				<textarea name="nodegroupadd[description]" cols="50" rows="5"
					{tip text="Enter additional information (optional)"}>{$nodegroupadd.description|escape}</textarea>
			</td>
		</tr>
		<tr>
			<td colspan="3" class="lms-ui-box-buttons">
				{button type="submit" icon="save" label="Submit"}
				{button icon="cancel" label="Cancel" href="?m=nodegrouplist"}
				<label>
					<input type="checkbox" name="nodegroupadd[reuse]" value="ON"
						{if $nodegroupadd.reuse} checked{/if}>
					{trans("Display this form again, when this group is saved")}
				</label>
			</td>
		</tr>
	</tbody>
</table>
</form>

<script>

	$(function() {
		$('[name="nodegroupadd[name]"]').focus();
	});

</script>
{/block}
