<div class="group-page_breadcrumbs">
    <span ng-if="personalgroup || !grouplist || grouplist == 'personal'">
      <a ng-href="./"><i class="bi bi-chevron-left"></i> My groups</a>
    </span>
    <span ng-if="!personalgroup && grouplist == 'shared'">
      <a ng-href="./shared"><i class="bi bi-chevron-left"></i> Shared groups</a>
    </span>
</div>
<div class="group-page_header">
    <h1>
            <span ng-if="can_edit" editable-field model="data.groupName" max-length="{{ maxNameLength }}"
                  save-function="saveGroupTitleFn()"></span>
        <span ng-if="!can_edit">{{ data.groupName }}</span>
    </h1>
    <div>
        <?php if (!isActionAllowed('host-groups-shared.post')) { ?>
            <i rel="tooltip" class="bi bi-question-circle-fill" data-title="Status" data="" data-placement="left"
               title=""
               data-original-title="You don’t have access to create shared groups, ask an administrator for assistance. "></i>
        <?php } ?>
        Shared group
        <div class="checkbox-switch blue inline-block margin-left">
            <input id="makeShared" ng-model="shared" type="checkbox"/>
            <label for="makeShared" ng-click="shared ? makePersonal() : makeShared()" class="label-orange"></label>
        </div>
    </div>
</div>

<div ng-if="group && group.id" class="group-page_tabs">
    <a ng-href="./{{ type }}/{{group.id}}" ng-class="{active: tab == 'overview'}" href="#">Overview</a>
    <?php if (!isSuperHub()) { ?>
        <!-- Do not show Data tab in case of super hub setup -->
        <a ng-href="./{{ type }}/{{group.id}}/data" ng-class="{active: tab == 'data'}" href="#">Data</a>
    <?php } ?>
<!--    <a ng-href="./{{ type }}/{{group.id}}/modules" ng-class="{active: tab == 'modules'}" class="hidden" href="#">Modules</a>-->
<!--    hidden until modules tab implemented -->
</div>
