<div class="d-flex justify-content-between align-items-center mb-4">
    <h4 class="mb-0"><i class="fas fa-id-badge me-2"></i><?= lang('admin.staff') ?></h4>
    <?php if (Gate::can('staff.manage')): ?>
    <a href="/admin/staff/create" class="btn btn-primary"><i class="fas fa-plus me-1"></i>Add Staff</a>
    <?php endif; ?>
</div>
<div class="card"><div class="card-body">
    <table id="staff-table" class="table table-striped w-100" data-url="/admin/staff/datatable"
           data-columns='[{"data":"id"},{"data":"staff_number"},{"data":"name"},{"data":"department"},{"data":"position"},{"data":"phone"},{"data":"status"},{"data":"hire_date"},{"data":"actions","orderable":false}]'>
        <thead><tr><th>#</th><th>Number</th><th>Name</th><th>Dept</th><th>Position</th><th>Phone</th><th>Status</th><th>Hire Date</th><th>Actions</th></tr></thead>
    </table>
</div></div>
<?php $__view->push('scripts') ?><script>DataTableHelper.init('staff-table',{order:[[0,'desc']]});</script><?php $__view->endPush() ?>