<div class="panel panel-default lt-module-page__content-panel">
    <div class="panel-heading">{{labelSiteCreationPermission ? labelSiteCreationPermission : ('Site creation permissions' | translate)}}</div>
    <div class="panel-body">
        <form name="creationPermissionsForm">
            <div class="radio">
                <label>
                    <input type="radio" ng-model="settings.type" value="admins" /> {{labelAdminsRadio ? labelAdminsRadio : ('Wizdom administrators and instance administrators' | translate)}}
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" ng-model="settings.type" value="everyone" /> {{'Everyone' | translate}}
                </label>
            </div>
            <div class="radio">
                <label>
                    <input type="radio" ng-model="settings.type" value="specific" />
                    {{'Specific people and groups' | translate}}
                    <span style="font-style: italic">{{labelSpecificPeopleAndGroupsRadioInfo ? labelSpecificPeopleAndGroupsRadioInfo : ('(inclusive Wizdom administrators and instance administrators)' | translate)}}</span>
                </label>
            </div>
            <div ng-show="settings.type == 'specific'" wizdom365-Principalpicker allowmultiple="true" allowwizdomgroups="true" principals="settings.principals" class="principal-picker"></div>

            <span><button type="button" ng-click="update();" ng-hide="saving" ng-disabled="repositoryForm.$invalid" class="btn btn-success">{{'Save' | translate}}</button></span>
            <span><button type="button" ng-show="saving" class="btn btn-success">{{'Saving' | translate}}</button></span>
        </form>
    </div>
</div>
