{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="customergroupadd" id="customergroupadd" action="?m=customergroupadd"></form>

<input type="submit" class="hiddenbtn" form="customergroupadd">

<table class="lmsbox">
	<colgroup>
		<col style="width: 1%;">
		<col style="width: 1%;">
		<col style="width: 98%;">
	</colgroup>
	<thead>
		<tr>
			<td>
				{icon name="customergroup"}
			</td>
			<td>
				<strong>{trans("Name:")}</strong>
			</td>
			<td>
				<div class="lms-ui-cell-flex">
					<input type="text" name="customergroupadd[name]" value="{$customergroupadd.name}" size="50" required
						maxlength="255" pattern="{literal}[\.\-_a-zA-Z0-9\p{L}]+{/literal}" form="customergroupadd" {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="customergroupadd[description]" cols="50" rows="5" {tip text="Enter additional information (optional)"}
					form="customergroupadd">{$customergroupadd.description|escape}</textarea>
			</td>
		</tr>
		<tr>
			<td class="lms-ui-box-buttons" colspan="3">
				{button type="submit" icon="save" label="Submit" form="customergroupadd"}
				{button icon="cancel" label="Cancel" href="?m=customergrouplist"}
			</td>
		</tr>
	</tbody>
</table>
<script>

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

</script>
{/block}
