<style>

</style>

<div class="col-xs-12">
	<ul id="main-cate" class="list-unstyled col-xs-4 clearfix">
		<?php foreach(main_cate() as $cate){
				$active = ($cate->cid == $state->cate->cid)?'active':'';
				echo '<li value="'.$cate->cid.'" class="'.$active.'"><a href="'.base_url(uri_by_title($cate->name)).'" alt="'.$cate-> name.'" title="'.$cate-> name.'"><i class="fa icon-xs '.$cate->cid.'-xs"></i> '.$cate-> name.'</a></li>';
		}?>
	</ul>
	<div id="scroller" class="col-xs-8">
		<?php  foreach(cate_all() as $main){ if($main->cid!='all'){  ?>
			
			<label class="uppercase" style="text-transform: uppercase;color:#0066cc">
				<i class="fa icon-xs <?=$main->cid?>-xs"></i>
				<?=$main->name?>
			</label>
			<div id="<?=$main->cid?>" class="list-group clearfix">
				<?php foreach($main->subcate as $sub){ ?>
					<div class="col-xs-12 form-inline">
						<div class="col-xs-10">							
							<input class="pos" value="<?=$sub->id?>" />
							<input class="name" value="<?=$sub->name?>" />
							<input class="cid" value="<?=$sub->cid?>" />
							<input class="desc" value="<?=$sub->desc?>" />
						</div>
						<div class="action pull-right btn-group">
							<a class="edit btn btn-default btn-xs btn-info"><i class="fa fa-check"></i></a>
							<a class="remove btn btn-default btn-xs btn-warning"><i class="fa fa-remove"></i></a>
						</div>
					</div>
				<?php } ?>
				<div class="more col-xs-12 form-inline">
					<div class="col-xs-10">
						<input class="cid" value="<?=$main->cid?>-" />
						<input class="name" placeholder="Thêm cate name ..." />
						<input class="desc" placeholder="cate description ..." />
					</div>
					<div class="action pull-right btn-group">
						<a class="submit btn btn-default btn-xs btn-info"><i class="fa fa-plus"></i></a>
					</div>
				</div>
			</div>
			<div class="divider"></div>
		<?php } } ?>
		
	</div>
	
	<div class="divider"></div>
	<div class="alert alert-warning clearfix">
		<a id="updateToDictionary" class="btn btn-danger pull-right" data-loading-text="<i class='fa fa-refresh fa-spin'></i>  Update từ khóa ... ">UPDATE TO DICTIONARY</a>
	</div>
	
	
</div>

<script>
$(document).ready(function(){
	
})
</script>