<div class="d-flex justify-content-between align-items-center mb-4">
    <h4 class="mb-0"><i class="fas fa-users-cog me-2"></i><?= lang('board.committees') ?></h4>
    <?php if (auth_can('board.manage')): ?>
    <a href="/board/committees/create" class="btn btn-primary"><i class="fas fa-plus me-1"></i><?= lang('common.create') ?></a>
    <?php endif; ?>
</div>
<div class="card">
    <div class="card-body">
        <table id="committeesTable" class="table table-striped table-hover w-100"
               data-url="/board/committees/datatable"
               data-columns='[{"data":"id","title":"#","width":"50px"},{"data":"code","title":"Code"},{"data":"name","title":"<?= lang('board.name') ?>"},{"data":"term","title":"<?= lang('board.term') ?>"},{"data":"members","title":"Members"},{"data":"status","title":"<?= lang('common.status') ?>"},{"data":"actions","title":"<?= lang('common.actions') ?>","orderable":false,"searchable":false}]'>
            <thead><tr><th>#</th><th>Code</th><th><?= lang('board.name') ?></th><th><?= lang('board.term') ?></th><th>Members</th><th><?= lang('common.status') ?></th><th><?= lang('common.actions') ?></th></tr></thead>
        </table>
    </div>
</div>
<?php $__view->push('scripts') ?>
<script>document.addEventListener('DOMContentLoaded', function(){ DataTableHelper.init('committeesTable'); });</script>
<?php $__view->endPush() ?>