<xf:if is="$group.isInsert()">
	<xf:title>{{ phrase('add_property_group') }}</xf:title>
<xf:else />
	<xf:title>{{ phrase('edit_property_group:') }} {$group.master_title}</xf:title>
</xf:if>

<xf:pageaction if="$group.isUpdate()">
	<xf:button href="{{ link('style-properties/groups/delete', $group) }}" icon="delete" overlay="true" />
</xf:pageaction>

<xf:form action="{{ link('style-properties/groups/save', $group) }}" ajax="true" class="block">
	<div class="block-container">
		<div class="block-body">
			<xf:formrow label="{{ phrase('style') }}">
				{$style.title}
				<xf:hiddenval name="style_id">{$style.style_id}</xf:hiddenval>
			</xf:formrow>

			<xf:textboxrow name="group_name" value="{$group.group_name}" maxlength="{{ max_length($group, 'group_name') }}"
				label="{{ phrase('group_name') }}"
				explain="{{ phrase('this_is_unique_identifier_for_this_group') }}"
				dir="ltr" />

			<xf:textboxrow name="title" value="{$group.master_title}" maxlength="{{ max_length($group, 'title') }}"
				label="{{ phrase('title') }}" />

			<xf:textarearow name="description" value="{$group.master_description}" maxlength="{{ max_length($group, 'description') }}"
				label="{{ phrase('description') }}" />

			<xf:macro template="display_order_macros" name="row"
				arg-value="{$group.display_order}" />

			<xf:if is="$style.style_id == 0">
				<xf:macro template="addon_macros" name="addon_edit" arg-addOnId="{$group.addon_id}" />
			</xf:if>
		</div>
		<xf:submitrow icon="save" sticky="true" />
	</div>
</xf:form>