<?php
$page = 'category';
?>
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Admin</title>

    <!-- Bootstrap Core CSS -->
    <link href="<?php echo base_url(); ?>assets/Backend/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="<?php echo base_url(); ?>assets/Backend/css/sb-admin.css" rel="stylesheet">

    <!-- Morris Charts CSS -->
    <link href="<?php echo base_url(); ?>assets/Backend/css/plugins/morris.css" rel="stylesheet">
    <link href="<?php echo base_url(); ?>assets/Backend/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
</head>

<body>

    <div id="wrapper">

        <!-- Navigation -->
        <?php
		include "include/header.php";
		?>
        <?php
		//foreach($about as $row)
		//$p_id = $row->p_id;
		?>

        <div id="page-wrapper">

            <div class="container-fluid">

                <!-- Page Heading -->
                <div class="row">
                    <div class="col-lg-12">
                        <h1 class="page-header">
                          Hexonbio
                            <a href="<?php echo base_url(); ?>app/new_category/<?php echo 'HexonBio'?>" class="pull-right btn btn-primary">New Category</a>
                        </h1>
                       
                    </div>
                </div>
                
             <div class="row">
                    <div class="col-lg-12">
                        <div class="table-responsive">
                            <table class="table table-bordered table-hover">
                                <tr>
                                     <?php
									    $counter=0;
										foreach($category as $row):
										
										   $counter++;
								     ?>
                                    <?php 
									     if($counter % 3 == 1)
										 {
								    ?>
                                     <td width="33%"><a href="<?php echo base_url(); ?>app/products/<?php echo $row->c_id;?>"><?php echo $row->c_name;?></a><a href="<?php echo base_url()?>app/edit_category/<?php echo $row->c_id;?>"><i class="fa fa-fw fa-pencil"></i></a></td>
			                        <?php } else { if($counter % 3 == 2)
									      {
									?>
                                     <td width="33%"><a href="<?php echo base_url(); ?>app/products/<?php echo $row->c_id;?>"><?php echo $row->c_name;?></a><a href="<?php echo base_url();?>app/edit_category/<?php echo $row->c_id;?>"><i class="fa fa-fw fa-pencil"></i></a></td>
                                    <?php }
									      else { if($counter % 3 == 0)
									      { 
								    ?>
                                    <td width="33%"><a href="<?php echo base_url(); ?>app/products/<?php echo $row->c_id;?>"><?php echo $row->c_name;?></a><a href="<?php echo base_url();?>app/edit_category/<?php echo $row->c_id;?>"><i class="fa fa-fw fa-pencil"></i></a></td><tr>
		                            <?php } } }?>
							
                                  
                                  <?php endforeach;?>  
                            </table>
                        </div>
                    </div>
                    </div>
				
            </div>
            <!-- /.container-fluid -->

        </div>
        <!-- /#page-wrapper -->

    </div>
    <!-- /#wrapper -->

    <!-- jQuery Version 1.11.0 -->
    <script src="<?php echo base_url(); ?>assets/Backend/js/jquery-1.11.0.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="<?php echo base_url(); ?>assets/Backend/js/bootstrap.min.js"></script>

    <!-- Morris Charts JavaScript -->
    <script src="<?php echo base_url(); ?>assets/Backend/js/plugins/morris/raphael.min.js"></script>
    <script src="<?php echo base_url(); ?>assets/Backend/js/plugins/morris/morris.min.js"></script>
    <script src="<?php echo base_url(); ?>assets/Backend/js/plugins/morris/morris-data.js"></script>

</body>

</html>
