<?= $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">Area Management Page</h4>
			</div>
			<div class="col-md-7 align-self-center text-end">
				<a class='btn btn-info text-white btn-sm' href='areas/create/'
					onclick="window.open(this.href, 'Create','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>Type</th>
									<th>Name</th>
									<th>Description</th>
									<th></th>
								</thead>
								<tbody>
									<?php
									foreach ($areas as $data) {
										$areaid = $data['areaid'];
										$areatype = $data['areatype'];
										$areaname = $data['areaname'];
										$description = $data['description'];
										?>
										<tr>
											<td><?= $areaid; ?></td>
											<td><?= $areatype; ?></td>
											<td><?= $areaname; ?></td>
											<td><?= $description; ?></td>
											<td>
												<a class='btn btn-warning btn-sm' href='areas/edit/<?= $areaid; ?>'
													onclick="window.open(this.href, 'Editor','width=900,height=800,toolbar=1,resizable=0'); return false;">
													<i class="fas fa-pencil-alt"></i> Edit
												</a>
												<a class='btn btn-dark btn-sm' href='areazone/edit/<?= $areaid; ?>'
													onclick="window.open(this.href, 'Editor','width=900,height=800,toolbar=1,resizable=0'); return false;">
													<i class="fa-solid fa-location-dot"></i> Zone
												</a>
											</td>
										</tr>
									<?php } ?>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<?= $this->endSection() ?>