<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>
<section class="panel">
	<div class="actions" style="justify-content:flex-start; margin-top:0; margin-bottom:18px;">
		<a class="btn btn-outline" href="<?php echo site_url('configuracion'); ?>">Regresar</a>
	</div>

	<h2 style="margin-bottom:14px;">Empleados</h2>

	<div style="display:grid; gap:12px;">
		<?php foreach ($employees as $employee) { ?>
			<div style="display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 18px; border-radius:20px; background:var(--panel); box-shadow:0 12px 24px rgba(20,41,64,0.08);">
				<div style="display:grid; gap:6px;">
					<div style="font-size:calc(1rem * var(--app-text-size)); color:var(--ink); font-weight:800;">
						<?php echo htmlspecialchars($employee['full_name'], ENT_QUOTES, 'UTF-8'); ?>
					</div>
					<div style="font-size:calc(0.88rem * var(--app-text-size)); color:<?php echo $employee['is_active'] ? 'var(--theme)' : 'var(--muted)'; ?>; font-weight:700;">
						<?php echo $employee['is_active'] ? 'Activo' : 'Inactivo'; ?>
					</div>
				</div>
				<a class="btn btn-outline" href="<?php echo site_url('configuracion/empleados/'.(int)$employee['employee_id']); ?>">Editar</a>
			</div>
		<?php } ?>
	</div>
</section>
