<?php echo $this->Html->script('site_js/common');?>
<style>
	#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
	#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]),array('class'=>'btn btn-mini'))?>		
	</div>
	<br/>
	
	<div class="w97p pdl10" >
	<?php 
	//pr($wikidetails);die();
	?>
	
		<div class="font150 bold"><?php echo $wikidetails[0]['Classwiky']['title']; ?></div>
		<div class="divline mrr5"></div>
		
		<div>
			<?php if(!empty($wikidetails)):?>	
			<div class="font150 bold mrb10 mrt10">Table of content</div>
			<div id="table-of-content">
				<?php echo $this -> Form -> Create ('Classwikidetail', array('url' => array( 'action' => 'order',$this->params['pass'][0],$this->params['pass'][1])));?>
				<ul id="sortable">
				<?php
					$str='';
					foreach ($wikidetails as $wiki):
						$wiki_title = $wiki['Classwikidetail']['title'];
						if(strlen($wiki_title)>60){
							$wiki_title = substr($wiki['Classwikidetail']['title'],0,60).'...';
						} 
						$str .="<li class='ui-state-default'>".
								"<span class='ui-icon ui-icon-arrowthick-2-n-s'></span>".
								"<a class='chblue' >" .$wiki_title."</a>".
								"<input type='hidden' name='seq[]' value='".$wiki['Classwikidetail']['id']."'/>".
							"</li>";
						
					endforeach; 
					
					echo $str
					?>
					
				</ul>
				<div class="tar bort pdt5 mrt10">
                                    <input type="submit" name="btnOrder" class="btn btn-mini" value="Save"/>
					<?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');
?>
