<?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: 1px 0.4em 10px 1.5em; font-size: 1em; height: 18px;cursor: pointer; }
	#sortable li span { position: absolute; margin-left: -1.3em;margin-top:  4px;}
</style>

<script>
	$(function() {
		$( "#sortable" ).sortable();
		$( "#sortable" ).disableSelection();
	});
</script>

<?php if(!empty($loggedUser['id'])):?>

<div class="blocktitle"> Add Category</div>

	<div class="borb tar">
		<?php echo $this->Html->link('Show All',array('controller'=>'contents','action'=>'blog'),array('class'=>'btn btn-mini'))?>
		<?php echo $this->Html->link('Write',array('controller'=>'contents','action'=>'add','Blog'),array('class'=>'btn btn-mini'))?>
		<?php echo $this->Html->link('Category',array('controller'=>'categories','action'=>'add'),array('class'=>'btn btn-mini'))?>
		<?php echo $this->Html->link('Draft',array('controller'=>'contents','action'=>'draft'),array('class'=>'btn btn-mini'))?>
	</div>
	<br/>
	
	<div class="w97p pdl10">
		<div class="mws-panel grid_8 borb pdb15 mrb15">
		    <div class="mws-panel-body">
				<?php echo $this->Form->create('Category',array('class'=>'mws-form'));?>
					<div class="mws-form-inline">
						<div class="mws-form-row">
							<div class="mws-form-item medium">
								<?php echo $this->Form->input('id');?>
								<div class="row-fluid">
									<div class="span1">Name</div>
									<div class="span4 w230"><?php echo $this->Form->input('name',array('class' =>'mws-textinput','label'=>false));?></div>
									<div class="span3 mrl0"><?php echo $this->Form->input('Submit',array('type'=>'submit','label'=>false));?></div>
								</div>
								
							</div>
						</div>
					</div>
			
				<div class="mws-button-row">
			        <?php echo $this->Form->end();?>
			    </div>
			</div>
		</div>
		<?php //pr($categories)?>
		<?php if(!empty($categories)):?>
			<?php echo $this -> Form -> Create ('Category', array('url' => array( 'action' => 'order')));?>
				<ul id="sortable">
				<?php foreach ($categories as $category):?>
					<?php $catId = $category['Category']['id'];?>
					<li id="data_<?php echo $catId;?>" class="ui-state-default">
						<div>
							<div class='fl'>
								<span class="ui-icon ui-icon-arrowthick-2-n-s"></span>
								<input type="hidden" name="seq[]" value="<?php echo $catId ; ?> ">
								<?php  echo $category['Category']['name'] ?>
							</div>
							<div class='fr'>
								<?php echo $this->Html->link('', array('action' => 'edit', $catId),array('class'=>'iconlink linkedit','title'=>'Edit')); ?>
								<?php echo $this->Html->link('','javascript:void(0);', array('class'=>'iconlink linkdelete','onclick' => "dd('categories','delete_cat','$catId')")); ?>
							</div>
							<div class="cl"></div>
						</div>
						
						
					</li>
					
				<?php endforeach;?>
				</ul>
				<br/>
				<div class="submit">
				<input type="submit" name="btnOrder" value="Save Order"/>
				</div>
			<?php echo $this->Form->end();?>
				<br/>
				
				<div style ="text-align: center;"> 
				<!-- pagination of cakephp -->
				 <?php 
					$page_count = $this->Paginator->counter(array('format' => __('{:pages}')));
					if($page_count > 1){
						echo "<p>";
						echo $this->Paginator->counter(array(
							'format' => __('Page {:page} of {:pages}, showing {:current} records out of {:count} total')
						));
						
						echo "</p><div class='paging'>";
						
						echo $this->Paginator->prev($this->Html->image('backword.png'),array('escape' =>false), null, array('class' => 'prev disabled', 'escape' =>false));
						echo $this->Paginator->numbers(array('separator' => ''));
						echo $this->Paginator->next($this->Html->image('forward.png'),array('escape' =>false), null, array('class' => 'next disabled', 'escape' =>false));
						echo "</div>";
					}
				?>	
				<!-- end pagination of cakephp -->
			
				</div>
		<?php endif;?>
	</div>
<?php endif;?>


<?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');
	echo $this->Html->css('dialogbox/demos');
?>
