<div class="row">
    <div class="col-xs-12">		  
		  <div class="box">
			<div class="box-header">
			  <h3 class="box-title"><?php echo $form_title;?></h3>
			</div>
			<!-- /.box-header -->
			<div class="box-body">
			  <table id="example1" class="table table-bordered table-striped">
				<thead>
				<tr>
				  <th>#</th>
				  <th>Menu Name</th>
				  <th>Link</th>
				  <th>Status</th>
				  <th>Created Date</th>
				  <th>Action</th>
				</tr>
				</thead>
				<tbody>
				<?php  $i=1;
				foreach ($info as $row) { ?>
				<tr>
				  <td><?php echo $i;?></td>
				  <td><?php echo $row['name'];?></td>
				  <td><?php echo $row['link'];?></td>
				  <td><?php if($row['status'] == '0'){?>
						<a data-toggle="tooltip" data-placement="top" title="Click to enable " href="<?php echo base_url() .'admin/home/change_status_footer_menu/'.$row['id'].'/1';?> "><i class="fa fa-thumbs-down  fa-2x"></i></a>
					<?php }else{ ?>
						<a data-toggle="tooltip" data-placement="top" title="Click to disable " href="<?php echo base_url() .'admin/home/change_status_footer_menu/'.$row['id'].'/0';?> "><i class="fa fa-thumbs-up  fa-2x"></i></a>
					<?php } ?>
				  </td>
				  <td><?php echo $row['created_date'];?></td>
				  <td><a href="<?php echo base_url().'admin/home/update_footer_menu/'.$row['id']?>"><i class="fa fa-edit"></i></a> &nbsp;&nbsp;&nbsp;<a href=""  menu-id="<?php echo $row['id'];?>" name="remove_levels" class="remove_levels" data-toggle="modal" data-target="#myModal"><i class="fa fa-trash-o"></i></a></td>
				</tr>
				<?php $i++;} ?>
				</tfoot>
			  </table>
			</div>
			<!-- /.box-body -->
		  </div>
	</div>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Delete</h4>
      </div>
       <div class="modal-body">
	        <p>You are about to delete.</p>
	        <p>Do you want to proceed?</p>
	    </div>
      <div class="modal-footer">
        <button type="button" id="delete" class="btn btn-primary">Yes</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
      </div>
    </div>
  </div>
</div>  
<script>
$(document).ready(function(){
	$(document).on('click', '.remove_levels', function (e) {
		var menu_id = $(this).attr("menu-id");
		var base_url = "<?php echo base_url();?>";
		$(document).on('click', '#delete', function (e) {			
			$(location).attr('href', base_url+'admin/home/delete_footer_menu/'+menu_id)
		});
	});
});
</script>