<div class="col-sm-9 col-md-10 col-sm-push-3 col-md-push-2">
    <h1>Settings</h1>

    <kc-tabs-realm></kc-tabs-realm>

    <form class="form-horizontal" name="realmForm" novalidate kc-read-only="!access.manageRealm">
        <fieldset class="border-top">
            <legend><span class="text">Realm Credentials Settings</span>  <kc-tooltip>Credential types required for every user.  Changing this value may require the user to configure any new credentials the next time they log in.</kc-tooltip></legend>
            <div class="form-group">
                <label class="col-md-2 control-label" for="user" class="control-label two-lines">Required User Credentials</label>

                <div class="col-md-6">
                    <input id="user" type="text" ui-select2="userCredentialOptions" ng-model="realm.requiredCredentials" placeholder="Type a role and enter">
                </div>
            </div>
        </fieldset>
        <fieldset class="border-top">
            <legend><span class="text">Realm Password Policy</span> <kc-tooltip>Specify required password format.  You can also set how many times a password is hashed before it is stored in database. Multiple Regex patterns, separated by comma, can be added.</kc-tooltip></legend>
            <table class="table table-striped table-bordered">
                <caption class="hidden">Table of Password Policies</caption>
                <thead>
                <tr ng-show="(allPolicies|remove:policy:'name').length > 0">
                    <th colspan="5" class="kc-table-actions">
                        <div class="pull-right">
                            <div>
                                <select class="form-control" ng-model="selectedPolicy"
                                        ng-options="(p.name|capitalize) for p in (allPolicies|remove:policy:'name')"
                                        data-ng-change="addPolicy(selectedPolicy); selectedPolicy = null">
                                    <option value="" disabled selected>Add policy...</option>
                                </select>
                            </div>
                        </div>
                    </th>
                </tr>
                <tr>
                    <th>Policy Type</th>
                    <th>Policy Value</th>
                    <th class="actions">Actions</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="p in policy">
                    <td>{{p.name|capitalize}}</td>
                    <td>
                        <input class="form-control" ng-model="p.value" ng-show="p.name != 'notUsername' "
                               placeholder="No value assigned" min="1" required>
                    </td>
                    <td class="actions">
                        <div class="action-div"><i class="pficon pficon-delete" ng-click="removePolicy($index)" tooltip-placement="right" tooltip="Remove Policy"></i></div>
                    </td>
                </tr>
                </tbody>
            </table>
        </fieldset>

        <div class="form-group" data-ng-show="access.manageRealm">
            <div class="col-md-10 col-md-offset-2">
                <button kc-save data-ng-show="changed">Save</button>
                <button kc-reset data-ng-show="changed">Cancel</button>
            </div>
        </div>
    </form>

</div>


<kc-menu></kc-menu>