<div class="content-wrapper">
            <div class="container-full">
               <!-- Content Header (Page header) -->	  
               <div class="content-header">
                  <div class="d-flex align-items-center">
                     <div class="me-auto">
                        <h4 class="page-title">Blog Management</h4>
                        <div class="d-inline-block align-items-center">
                           <nav>
                              <ol class="breadcrumb">
                                 <li class="breadcrumb-item"><a href="#"><i class="fa fa-home"></i></a></li>
                                 <li class="breadcrumb-item active" aria-current="page">Home</li>
                              </ol>
                           </nav>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- Main content -->
               <section class="content">
                  <div class="row">
                     <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="box">
                           <div class="table-box-header box-header with-border">
                              <h4 class="box-title">Blog List</h4>
                              <div class="table-right-btns">
                                  <a href="<?= base_url(); ?>admin/blog-add" class="btn btn-primary"><i class="fa-solid fa-plus"></i> Add Blog</a>
                              	
                              </div>
                           </div>
                           <!-- /.box-header -->
                           <div class="box-body">
                              <div class="table-responsive">
                                 <table id="example1" class="table text-fade table-bordered">
                                    <thead>
                                       <tr class="text-dark">
                                          <th>SNo</th>
                                          <th>IMAGE</th>
                                          <th>TITLE</th>
                                          <th>DESCRIPTION</th>
                                          <th>STATUS</th>
                                          <th>ACTION</th>
                                       </tr>
                                    </thead>
                                    <tbody>
                                        <?php $i=1; foreach($blogs as $blog){ ?>
                                        <tr class="text-dark">
                                          <td><?= $i;?></td>
                                          <td><img class="rounded-circle" width="50" height="50" src="<?= base_url(); ?>uploads/blog/<?= $blog->blog_image; ?>" title="<?= $blog->blog_title; ?>" alt="<?= $blog->blog_title; ?>"></td>
                                          <td><?= $blog->blog_title; ?></td>
                                           
                                            <td><?= substr($blog->blog_description,0,25); ?></td>
                                            <td> <?php if($blog->blog_status ==1  ){  ?>
                                                <span class="badge badge-success-light">ACTIVE</span>
                                            <?php }else{ ?>
                                                <span class="badge badge-danger-light">DEACTIVE</span>
                                            <?php } ?>
                                          </td>
                                          <td class="table-action min-w-100 action-tbns">
											<a href="<?= base_url(); ?>admin/blog-edit?bid=<?= $blog->blog_id; ?>" class="edit"  title="Edit"><i class="align-middle fa fa-edit"></i></a>
											<a href="<?= base_url();?>admin/blog-delete?bid=<?= $blog->blog_id; ?>" class="text-fade trash"><i class="align-middle fa fa-trash"></i></a>
										   </td>
                                        </tr>
                                        <?php $i++; } ?>
                                    </tbody>
                                 </table>
                              </div>
                           </div>
                           <!-- /.box-body -->
                        </div>
                        <!-- /.box -->
                     </div>
                  </div>
               </section>
               <!-- /.content -->
            </div>
         </div>