<?php echo $this->Html->script('site_js/common');?>
<style>
	#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
	#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 22px;cursor: pointer; }
	#sortable li span { position: absolute; margin-left: -1.3em;margin-top: -7px; }
	#sortable li a { font-size: 12px;}
.chblue {
  color: #000;
  padding: 0;
}
.font150 {
  font-size: 125%;
}
</style>
<script>
	$(function() {
		$( "#sortable" ).sortable();
		$( "#sortable" ).disableSelection();
	});
</script>
<div >
	<div class="blocktitle"> Wiki</div>
	<div class="tar borb">
		<?php echo $this->Html->link('Back',array('action'=>'index',$this->params['pass'][0],$this->params['pass'][1],substr($this->params['pass'][2],4,120)),array('class'=>'btn btn-mini'))?>		
	</div>
	<br/>
	<div class="w97p pdl10" >
		<div class="font150 bold pdb10 borb mrb10"><?php echo $wikidetails[0]['Wiky']['title']; ?></div>
		<div>
			<?php if(!empty($wikidetails)):?>	
			<div class="font150 bold mrb15">Table of content</div>
			<div id="table-of-content">
				<?php echo $this -> Form -> Create ('Wikidetail', array('url' => array( 'action' => 'order',$this->params['pass'][0],$this->params['pass'][1],$this->params['pass'][2])));?>
				<ul id="sortable">
				<?php
					$str='';
					foreach ($wikidetails as $wiki): 
						$str .="<li class='ui-state-default'>".
								"<span class='ui-icon ui-icon-arrowthick-2-n-s'></span>".
								"<a class='chblue' >" .substr($wiki['Wikidetail']['title'],0, 60)."</a>".
								"<input type='hidden' name='seq[]' value='".$wiki['Wikidetail']['id']."'/>".
							"</li>";
						
						endforeach; 
					echo $str
					?>
				</ul>
				<div class="tar mrt15 pdt15 bort"> 
					<button type="submit" name="btnOrder" class="btn btn-mini">Save</button>
					<?php echo $this->Form->end();?>
				</div>
				<br/>
			</div>
			<?php endif;?>	
		</div>
	</div>
</div>
<?php 
	echo $this->Html->css('dialogbox/jquery.ui.all');
	echo $this->Html->script('dialogbox/jquery-1.9.0');
	echo $this->Html->script('dialogbox/jquery.ui.core');
	echo $this->Html->script('dialogbox/jquery.ui.widget');
	echo $this->Html->script('dialogbox/jquery.ui.mouse');
	echo $this->Html->script('dialogbox/jquery.ui.sortable');
?>
