<div moe>
	<a start show href="#">
		@if(@$position == 'LEFT')
		<span class="text-secondary" title="Move to Right"><i class="fas fa-hand-point-right"></i></span>
		@else
		<span class="text-secondary" title="Move to Left"><i class="fas fa-hand-point-left"></i></span>
		@endif
	</a>
	<form url="{{ @$position == 'LEFT' ? '/api/visitTemplateSegmentTemplate/moveToRight' : '/api/visitTemplateSegmentTemplate/moveToLeft' }}" class="mt-2" hook="reArrangePositionIndexes" right>
		<input type="hidden" name="uid" value="{{ $template->uid }}">
		<div class="mb-2 w-100">
			<label>Are you sure?</label>
		</div>

		<div class="mt-3">
			@if(@$position == 'LEFT')
				<button submit class="btn btn-sm btn-primary mr-2">Move to Right</button>
			@else
				<button submit class="btn btn-sm btn-primary mr-2">Move to Left</button>
			@endif

			<button cancel class="btn btn-default border">Cancel</button>
		</div>
	</form>
</div>