<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
<script src="https://cdn.datatables.net/2.1.3/js/dataTables.js"></script>
<script src="https://cdn.datatables.net/2.1.3/js/dataTables.bootstrap5.js"></script>
<style>
td img {
  width: 20px;
  height: 20px;
  border-radius: 100%;
}
</style>
<div class="main-panel">
	<div class="content-wrapper">
			<div class="row purchace-popup">
              <div class="col-12 stretch-card grid-margin">
                <div class="card card-secondary">
                  <span class="card-body d-lg-flex align-items-center">
                    <p class="mb-lg-0"><h3>Email Templates</h3></p>
                    </span>
                </div>
              </div>
            </div>
			<div class="col-lg-12 grid-margin stretch-card">
                <div class="card">
                  <div class="card-body">
				  
                    <table class="table table-bordered" id="table">
                      <thead>
						<tr>
							<th>Sr.no</th>
							<th>Template Name</th>
						</tr>
                      </thead>
                      <tbody>
							<?php $i=1;?>
							<?php foreach($item_data as $item) {  ?>
							<tr>
								<td><?php echo $i;?></td>
								<td><a href="<?php echo base_url();?>setting/editTemplate/<?php echo $item['id'];?>"><?php echo $item['template_name'];?></a></td>
								
							</tr><?php $i++; } ?>
						</tbody>
                    </table>
                  </div>
                </div>
              </div>
             
		</div>
<script>
setTimeout(function() {
	$('#flash_data').fadeOut('slow');
}, 5000);
</script>

<script>
new DataTable('#table');
</script>