<form class="form-horizontal" role=form>
    <h2>Modifier Detail</h2>

    <div class="form-group">
        <label for="txtName" class="col-md-2 control-label">Name</label>

        <div class="col-md-10">
            <input type="text" id="txtName" class="form-control" ng-model="item.Name"/>
        </div>
    </div>
    <div class="form-group">
        <label class="col-md-2 control-label">Groups</label>

        <div class="col-md-10">
            <div class="checkbox">
                <label>
                    <input type="checkbox" ng-model="item.AllGroups" ng-change="selectAll()"> <strong>All
                    Groups</strong>
                </label>
                <!--<li ng-repeat="group in user.Groups">{{group}}</li>-->
            </div>
            <div class="checkbox" ng-repeat="group in item.Groups">
                <label>
                    <input type="checkbox" ng-model="group.Enabled" ng-change="selectOne()"> {{group.Name}}
                </label>
                <!--<li ng-repeat="group in user.Groups">{{group}}</li>-->
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
            <button class="btn btn-primary" ng-click="save()">Save</button>
            <button class="btn btn-danger" ng-show="item.ModifierID" ng-click="confirm()">Delete</button>
        </div>
    </div>
</form>
