<div class="col-sm-9 col-md-10 col-sm-push-3 col-md-push-2">
    <h1>{{:: 'authentication' | translate}}</h1>

    <kc-tabs-authentication></kc-tabs-authentication>

    <form class="form-horizontal" name="realmForm" novalidate kc-read-only="!access.manageRealm">
        <table class="table table-striped table-bordered">
            <caption class="hidden">{{:: 'table-of-password-policies' | translate}}</caption>
            <thead>
            <tr ng-show="(allPolicies|removeSelectedPolicies:policy).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|removeSelectedPolicies:policy)"
                                    data-ng-change="addPolicy(selectedPolicy); selectedPolicy = null">
                                <option value="" disabled selected>{{:: 'add-policy.placeholder' | translate}}</option>
                            </select>
                        </div>
                    </div>
                </th>
            </tr>
            <tr>
                <th>{{:: 'policy-type' | translate}}</th>
                <th>{{:: 'policy-value' | translate}}</th>
                <th>{{:: 'actions' | translate}}</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.placeholder' | translate}}" min="1" required>
                </td>
                <td class="kc-action-cell">
                    <button class="btn btn-default btn-block btn-sm" ng-click="removePolicy($index)">{{:: 'delete' | translate}}</button>
                </td>
            </tr>
            </tbody>
        </table>

        <div class="form-group" data-ng-show="access.manageRealm">
            <div class="col-md-12">
                <button kc-save data-ng-disabled="!changed">{{:: 'save' | translate}}</button>
                <button kc-reset data-ng-disabled="!changed">{{:: 'cancel' | translate}}</button>
            </div>
        </div>
    </form>

</div>


<kc-menu></kc-menu>
