<a href="{url action="add"}">добавить</a>
<ul class="sortable list-group">
	{foreach $list as $item}
		<li id="item-{$item->id}" class="list-group-item">
			<span class="glyphicon glyphicon-resize-vertical handle"></span>{$item->pattern|escape}
			<span class="toolbox">
				{if $item->walkthrough} <img src="/skins/default/images/icons/simple_arrow_down.png" title="переход к следующиему правилу" alt="переход к следующиему правилу" />{/if}
				<a href="{url action="edit" var1=$item->id}"><img src="/skins/default/images/icons/simple_edit.png" alt="редктировать" /></a>
				<a href="{url action="delete" var1=$item->id token=1}" onclick="return confirm('{t}Вы уверены?{/t}');" title="{t}Удалить{/t}"><img src="/skins/default/images/icons/simple_delete.png" alt="удалить" /></a>
			</span>
		</li>
	{/foreach}
</ul>

<script>
	$(function() {
		$('.sortable').sortable({ cursor: "move", handle: "span", axis: "y", cursor: "move", update: function( event, ui ) {
				var data = $(this).sortable('serialize')+'&action=sort&token={$_user->token|escape}';
				$.ajax({
					data: data,
					type: 'POST',
					url: '{url action="sort" type="json"}'
				});
			} 
		});
	});
</script>