<main class="groups-list">
    <div class="groups-list_header">
        <h1>Groups</h1>
        <span ng-if="have_inventory">
            <a href="#" ng-click="addGroup()" class="btn btn-info"><i class="bi bi-plus"></i> Add</a>
        </span>
    </div>
    <span ng-if="no_inventory">
        This application requires reported inventory data.
        Ensure that you have bootstrapped the hub or check the Health indicator top-right.
    </span>
    <span ng-if="have_inventory">
        <div class="groups-list_types">
            <a ng-href="./" ng-click="type='personal'" ng-class="{active: type == 'personal'}" href="#">My groups</a>
            <a ng-href="shared" ng-click="type='shared'" ng-class="{active: type == 'shared'}" href="#">Shared groups</a>
        </div>
        <div class="groups-list_table">
            <?= $this->load->view('/groups/personalList') ?>
        </div>
    </span>
</main>
