<div class="row col-md-12 gamification" ng-controller="Wizdom365GamificationAdminController">
    <div class="lt-module-page__top lt-module-page-top">
        <div class="lt-module-page-top__title mr-auto">
            <h1>{{'General' | translate}}</h1>
        </div>
        <div class="lt-module-page-top__actions">
            <button class="btn btn-primary pull-right" ng-disabled="saving" ng-click="saveConfig();">{{'Save configuration' | translate}}</button>
        </div>
    </div>

    <div class="panel lt-module-page__content-panel form-horizontal">
        <div class="form-group row">
            <div class="col-sm-4">
                <label">{{'Show achievements in pagecontact' | translate}}</label>
            </div>
            <div class="col-sm-8">
                <input type="checkbox" ng-model="showAchievementsInPageContact" />
            </div>
        </div>

        <div class="form-group row">
            <div class="col-sm-4">
                <label class="control-label">{{'Administrators' | translate}}</label>
            </div>
            <div class="col-sm-8">
                <div wizdom365-principalpicker principals="admins" allowwizdomgroups="true" class="principal-picker"></div>
            </div>
        </div>
    </div>
</div>

