 <h3 class="p-2">Gases <span class="float-sm-end">
  <?php if(has_permission('ReddSettings.manageMethodologies')):?>
    <button type="button" class="btn btn-sm btn-primary" data-bs-toggle="modal" data-bs-target="#gasModal">Add Gas</button>
  <?php endif;?>
	</span>
</h3>
<div class="table-responsive">
	<table class="table table-sm table-striped">
		<thead class="bg-dark text-white" style="font-size:12px;">
			<th>#ID</th>
			<th>Name</th>
			<th>Symbol</th>
			<th>Atomic No.</th>
			<th>Atomic Mass</th>
			<th>Group</th>
			<th>Period</th>
			<th>Global Warming</th>
			<th></th>
		</thead>
		<tbody style="font-size:12px;">
			<?php foreach($gases as $gas):?>
				<tr>
					<td><?= $gas->id; ?></td>
					<td><?= $gas->name; ?></td>
					<td><?= $gas->symbol; ?></td>
					<td><?= $gas->atomic_number ?></td>
					<td><?= $gas->atomic_mass;?></td>
					<td><?= $gas->gas_group;?></td>
					<td><?= $gas->period; ?></td>
					<td><?= $gas->global_warming_potential ?></td>
					<td>
						<div class="btn-group">
							<button type="button" class="btn btn-sm btn-info rounded-circle me-2 editGas" data-id="<?= $gas->id; ?>"><i class="bi bi-pencil"></i></button>
							<button type="button" class="btn btn-sm btn-danger rounded-circle" onclick="delete_gas(<?= $gas->id ?>, '<?= $gas->name; ?>')"><i class="bi bi-trash"></i></button>
						</div>
					</td>
				</tr>
			<?php endforeach;?>
		</tbody>
	</table>
</div>