<div id="adminTool" class="col-xs-12 nopadding">
	<div class="col-xs-7 col-sm-8 limit-line one-line">		
		<h2 class="pull-left">
			<a href="#" class="visible-xs-inline menu-btn pull-left"><i class="fa fa-navicon"></i></a>
			<a href="<?=base_url()?>" target="_blank">Site</a>
			›
			<?=str_replace('Admin - ','<span class="hidden-xs">Admin - </span>', $title)?>		
			
			<small id="numget"></small>
		</h2>	
	</div>
	<div class="col-xs-5 col-sm-4 text-right">		
		<a id="edit-btn" value="EDIT" href="#"  class="crud-ico">
			<i class="fa fa-pencil-square"></i>
		</a>								
		<a id="remove-btn" value="DEL" href="#"  class="crud-ico">
			<i class="fa fa-power-off"></i>
		</a>
		<a id="add-btn" value="ADD" href="#"  class="crud-ico">
			<i class="fa fa-plus-circle"></i>
		</a>		
	</div>
	
	<div id="crud-box" class="col-xs-12 clearfix" style="display:none">		
		<?php $this->load->view('backend/crud/'.$this->controllerName.'_crud'); ?>
	</div>
	
</div>

<script>
var $CRUD 		= null;
var	$crudForm 	= null;
var	$crudAlert 	= null;
var	$crudSubmit = null;

$(document).ready(function(){	
	$('.crud-ico').click(function(){ 
		$('.crud-ico').removeClass('active');	
			
		if($CRUD==null || ($CRUD!=null && $(this).attr('value')!=$CRUD)){
			$CRUD = $(this).addClass('active').attr('value');				
			$crudForm 	= $('#crud-box #' + $CRUD);
			$crudAlert	= $crudForm.find('.m-alert');
			$crudSubmit	= $crudForm.find('.submit-btn');
			
				 if($CRUD=='EDIT')startEdit();
			else if($CRUD=='DEL') startDel();
			else if($CRUD=='ADD') startAdd();
			else {}					
		
			$('#crud-box .tool-box').delay(100).slideUp(200);
			$('#crud-box #' + $CRUD).slideDown(300);
			
		} else {
			$('#crud-box #' + $CRUD).slideUp();	
			$CRUD = null;
		}		
		
		if($CRUD)$('#crud-box').slideDown(100);
		else $('#crud-box').slideToggle();
	})
	
	$('#crud-box #hide-box').click(function(e){
		e.preventDefault();
		$('#crud-box').slideUp();
	})
	
})
</script>