<!-- Bộ lọc  -->

<div class="input-group">
	<span class="input-group-btn">
		<button onclick="reset_filter_domain()" type="button" class="btn btn-default">Xem tất cả</button>
	</span>
	<input id="filter-domain-input" type="text" class="form-control" placeholder="Nhập domain website cần tìm" onkeydown="if (event.keyCode == 13) { filter_domain();}" value="<?=$domain?>">
	<span class="input-group-btn">
		<button onclick="filter_domain()" type="button" class="btn btn-primary">Tìm</button>
	</span>
	
</div>

<div id="domain-alert" class="alert" style="margin:10px 0"></div>

<?php if($active=='all-domain'){
	echo '<div class="panel panel-default"><div class="panel-heading">	<label class="col-xs-6"><i class="fa fa-list-ul"></i> '.$total.' WEBSITE</label>';
}else if ($active == 'allow') {
	echo '<div class="panel panel-success"><div class="panel-heading">	<label class="col-xs-6"><i class="fa fa-list-ul"></i> '.$total.' WEBSITE ĐƯỢC PHÉP</label>';
}else if($active=='disable'){
	echo '<div class="panel panel-danger"><div class="panel-heading">	<label class="col-xs-6"><i class="fa fa-list-ul"></i> '.$total.' WEBSITE BỊ CHẶN</label>';
}else if($active=='domain-notyet'){
	echo '<div class="panel panel-default"><div class="panel-heading">	<label class="col-xs-6"><i class="fa fa-list-ul"></i> '.$total.' WEBSITE CHƯA ĐƯỢC DUYỆT</label>';
}
?>
	
		<div id="add-domain-block" class="input-group col-xs-6">
			
			<input id="domain-name-input" type="text" class="form-control" placeholder="Nhập tên domain cần thêm">
			<span class="input-group-btn">
				<button onclick="add_new_domain()" type="button" class="btn btn-primary">Thêm</button>
			</span>
			
		</div>	
		
	</div>

	<!-- Table -->
	<table id="domain-listing" class="table table-bordered">
		<thead>
			<tr>
				<th class="text-center">#</th>
				<th>Domain</th>
				<th class="text-center">Đăng bởi</th>
				<th class="text-center">Action</th>
				<th class="text-center">Log by Admin</th>
			<tr>
		</thead>
		
		<tbody>
			<?php  foreach($list as $domain){	 ?>		
				<tr id="domain-<?=$domain->id?>">	
					<td class="text-center">
						<p></p>
						<?=$domain->id?>
					</td>
					<td class="text-primary" style="width:200px">
						<p></p>
						<span class="limit-line one-line"  style="width:200px"><?=trim($domain->domain)?></span>
					</td>
					<td class="text-center">
						Khanh Nguyen
						<br/>
						<small>khanhnguyen@yahoo.com</small>
					</td>
					<td class="text-center" style="width:100px">
						
						<div class="btn-group">
							<p></p>
							<?php if($domain->status==0){?>								
								<button style="width:90px" type="button" class="btn btn-xs dropdown-toggle btn-default" data-toggle="dropdown">
									Chưa duyệt <span class="caret"></span>
								</button>
								<ul class="dropdown-menu" role="menu">
									<li><a href="#" onclick="report_domain('<?=$domain->id?>', '<?=trim($domain->domain)?>', 1)">Cho phép</a></li>
									<li><a href="#" onclick="report_domain('<?=$domain->id?>', '<?=trim($domain->domain)?>', -1)">Bị chặn</a></li>
								</ul>
							<?php }else if($domain->status==1){ ?>
								<button style="width:90px" type="button" class="btn btn-xs dropdown-toggle btn-success" data-toggle="dropdown">
									Cho phép <span class="caret"></span>
								</button>
								<ul class="dropdown-menu" role="menu">
									<li><a href="#" onclick="report_domain('<?=$domain->id?>', '<?=trim($domain->domain)?>', 0)">Chưa duyệt</a></li>
									<li><a href="#" onclick="report_domain('<?=$domain->id?>', '<?=trim($domain->domain)?>', -1)">Bị chặn</a></li>
								</ul>
							<?php }else if($domain->status==-1){ ?>
								<button style="width:90px"  type="button" class="btn btn-xs dropdown-toggle btn-danger" data-toggle="dropdown">
									Bị chặn <span class="caret"></span>
								</button>
								<ul class="dropdown-menu" role="menu">
									<li><a href="#" onclick="report_domain('<?=$domain->id?>', '<?=trim($domain->domain)?>', -1)">Bị chặn</a></li>
									<li><a href="#" onclick="report_domain('<?=$domain->id?>', '<?=trim($domain->domain)?>', 0)">Chưa duyệt</a></li>
									<li><a href="#" onclick="report_domain('<?=$domain->id?>', '<?=trim($domain->domain)?>', 1)">Cho phép</a></li>
								</ul>
							<?php } ?>
							
						</div>

					</td>
					
					<td>
						<form role="form">
						  <textarea rows="1" class="form-control"><?=!empty($domain->log)?$domain->log:''?></textarea>
						</form>						
					</td>
				<tr>
			<?php } ?>	
	  </tbody>
	</table>
	
	
  </div>
 
  <?php  if ($this->pagination->total_rows > $this->pagination->per_page){  ?>
		<ul class="pagination">		
			<li class="disabled"><a>Trang</a></li>
				<?=$this->pagination->create_links()?>
			<div class="clearfix"></div>
		</ul>	
	<?php  } else { ?>
		<div class="alert"></div>
	<?php  } ?>

<script>

report_domain = function ($id, $domain, $status){
	
	// Gọi ajax để update lại trạng thái của domain
	
	var $data = {};
		$data.domain = $domain;
		$data.status  = $status;
		$data.log    = $('#domain-listing').find('#domain-' + $id).find('textarea').val();
		
	jQuery.ajax({			
		type:"POST",
		url:$conf.base_url('backend/domainlink/ajax_report_domain'),
		data: $data,			 
		success:function(result){							
			var data = $.parseJSON(result);	
			if(data.success){
				window.location.reload();
			}else{
				Alert.show(data.msg, false, $('#domain-alert'));
			}
		}
	})
}

filter_domain = function(){
	var $domain = $('#filter-domain-input').val(); 
	if($domain && $domain!='')
		window.location.href =  window.location.pathname  + '?domain=' + $domain;
}

reset_filter_domain = function(){
	window.location.href =  window.location.pathname;
}

add_new_domain = function(){
	var $data = {};
	
		$data.domain = $('#add-domain-block').find('#domain-name-input').val();		
		
		if($data.domain=='')return;
		
		<?php if($active=='allow'){?>
		$data.status = 1;
		<?php }else if($active=='disable'){ ?>
		$data.status = -1;
		<?php }else{ ?>
		$data.status = 0;
		<?php } ?>
				
	jQuery.ajax({			
		type:"POST",
		url:$conf.base_url('backend/domainlink/ajax_add_domain'),
		data: $data,			 
		success:function(result){							
			var data = $.parseJSON(result);	
			if(data.success){
				window.location.reload();
			}else{
				Alert.show(data.msg, false, $('#domain-alert'));
			}
		}
	})
}

delete_domain = function(){

}
</script>