{#<h5>Move Document</h5>

<form action="{{ path('document_updateMove', { 'id': entity.id }) }}" method="post" {{ form_enctype(edit_form) }}>
    {{ form_widget(edit_form) }}
    <p>
        <button type="submit" class="btn btn-mini btn-primary">Move</button>
    </p>
</form>#}


{#<script src="{{ asset('js/jquery.js') }}" type="text/javascript"></script>

<script src="{{ asset('js/jquery-ui-1.10.2.custom.js') }}" type="text/javascript"></script>

<script src="{{ asset('js/jquery.ui.effect-drop.js') }}" type="text/javascript"></script>

<script src="{{ asset('tree/tree.jquery.js') }}" type="text/javascript"></script>

<link href="{{ asset ('tree/jqtree.css') }}" rel="stylesheet" type="text/css" />
#}

<form action="{{ path('document_updateMove', { 'id': entity.id }) }}" method="post" {{ form_enctype(edit_form) }}>
	<p>Move <strong>{{entity.name|title}}</strong> file to...</p>
	<hr>
	<div id="tree"></div>
	<hr>
	<br>
	{{ form_widget(edit_form.folder) }}
	{{ form_rest(edit_form) }}
	<button type="submit" class="btn btn-primary btn-block" >Move {{entity.name|title}} Document</button>
</form>

<script>
	$("#document_folder").attr('hidden','hidden');
	var datajson = [{{rootfolder.printTreeJson|raw}}];
	$('#tree').tree({
	    data: datajson,
	    dragAndDrop: true,
	    autoOpen: 0,
	});
</script>

<script>
	$('#tree').bind(
	    'tree.click',
	    function(event) {
	        // The clicked node is 'event.node'
	        var node = event.node;
	        //console.log(node.name);
	        $("#document_folder").children().each(
	        	function() {
	        		//console.log(this.value);
	        		if (this.value == node.id){
	        			$(this).attr('selected','selected');
	        		}
	        	})
	    }
	);
</script>