<?= $this->extend('layouts/main.php') ?>

<?= $this->section('content') ?>
<div class="page-wrapper">
	<div class="container-fluid">
		
		<div class="row page-titles">
			<div class="col-md-5 align-self-center">
				<h4 class="text-themecolor">Mail Groups Management Page</h4>
			</div>
			<div class="col-md-7 align-self-center text-end">
				<a class='btn btn-info text-white btn-sm' href='mailgroups/create/' 
					onclick="window.open(this.href, '','width=900,height=600,toolbar=1,resizable=0'); return false;">
					<i class="fas fa-plus-circle"></i> Create
				</a>
			</div>
		</div>
		
		<div class="row">
			<div class="col-12">
				<div class="card">
					<div class="card-body">
						<div class="table-responsive">
							<table id="myTable" class="table display table-striped border">
								<thead>
									<th>ID</th> <th>Mail Group Name</th> <th></th> <th>Create Date</th> <th></th>
								</thead>
								<tbody>
									<?php
									foreach($mailgroups as $data) {
										$mailgroupid = $data['mailgroupid'];
										$mailgroupname = $data['mailgroupname'];
										$mailgrouptext = $data['mailgrouptext'];
										if( $data['createdate'] != '' ) {
											$createdate = date('d-m-Y', strtotime($data['createdate']));
										} else { $createdate = ''; }
									?>
									<tr> 
										<td><?=$mailgroupid;?></td> <td><?=$mailgroupname;?></td> 
										<td><?=$mailgrouptext;?></td> <td><?=$createdate;?></td> 
										<td>
											<a class='btn btn-warning btn-sm' href='mailgroups/edit/<?=$mailgroupid;?>' 
												onclick="window.open(this.href, 'Editor','width=950,height=500,toolbar=1,resizable=1'); return false;">
												<i class="fas fa-pencil-alt"></i> Edit
											</a>
											<!--<button type='button' class='btn btn-danger btn-sm'><i class="fas fa-trash-alt"></i> disable</button>-->
										</td>
									</tr>
									<?php } ?>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="tooltipmodel" aria-hidden="true">
			<div class="modal-dialog modal-dialog-centered modal-xl">
				<div class="modal-content">
				</div>
			</div>
		</div>
	</div>
</div>
<?= $this->endSection() ?>

<?= $this->section('script') ?>
<script>
$(function () {
	$('#myTable').DataTable({ });
});
</script>
<?= $this->endSection() ?>