<md-dialog aria-label="unused" style="min-width: 320px;">
    <form novalidate name="p3xrDialogTreecontrolSettingsForm" ng-submit="submit()">
        <md-toolbar md-theme="{{ $root.p3xr.state.themeLayout }}" class="md-hue-3">
            <div class="md-toolbar-tools" >
                <h2 flex md-truncate>{{$root.p3xr.strings.form.treeSettings.label.formName}}</h2>
                <md-button class="md-icon-button" ng-click="cancel()">
                    <md-icon>close</md-icon>
                </md-button>
            </div>
        </md-toolbar>
        <md-dialog-content md-theme="{{ $root.p3xr.state.theme }}">
            <md-content layout-padding>

                <md-input-container class="md-block p3xr-md-input-container-no-bottom" >
                    <label>{{ $root.p3xr.strings.form.treeSettings.field.treeSeparator }}</label>
                    <input  name="treeSeparator" ng-model="model.treeSeparator">
                    <!--
                    <div ng-messages="p3xrDialogTreecontrolSettingsForm.treeSeparator.$error">
                        <div ng-message="required">{{ $root.p3xr.strings.form.error.required }}</div>
                    </div>
                    -->
                </md-input-container>
                <div class="p3xr-md-input-container-bottom-info">
                    {{ $root.p3xr.strings.label.treeSeparatorEmpty }}
                </div>


                <md-input-container class="md-block p3xr-md-input-container-no-bottom" >
                    <label>{{ $root.p3xr.strings.form.treeSettings.field.page }}</label>
                    <input type="number" required min="10" max="500" name="pageCount" step="1" pattern="\d*" ng-model="model.pageCount">
                    <div ng-messages="p3xrDialogTreecontrolSettingsForm.pageCount.$error">
                        <div ng-message-exp="['required', 'min', 'max', 'pattern']">
                            {{ $root.p3xr.strings.form.treeSettings.error.page }}
                        </div>
                    </div>
                </md-input-container>
                <div class="p3xr-md-input-container-bottom-info">
                    {{ $root.p3xr.strings.label.treeSettingsPageCount }}
                </div>

                <md-input-container class="md-block" >
                    <md-switch ng-model="model.keysSort"  name="keysSort"  aria-label="">
                        {{ model.keysSort ? $root.p3xr.strings.label.keysSort.on :  $root.p3xr.strings.label.keysSort.off  }}
                    </md-switch>

                </md-input-container>


                <md-input-container class="md-block p3xr-md-input-container-no-bottom" >
                    <md-switch ng-model="model.searchClientSide"  name="searchClientSide"  aria-label="">
                        {{ model.searchClientSide  ? $root.p3xr.strings.form.treeSettings.label.searchModeClient :  $root.p3xr.strings.form.treeSettings.label.searchModeServer }}
                    </md-switch>
                </md-input-container>
                <div class="p3xr-md-input-container-bottom-info">
                    {{ $root.p3xr.strings.page.treeControls.search.info }}
                </div>


                <md-input-container class="md-block " >
                    <md-switch ng-model="model.searchStartsWith"  name="searchStartsWith"  aria-label="">
                        {{ model.searchStartsWith  ? $root.p3xr.strings.form.treeSettings.label.searchModeStartsWith :  $root.p3xr.strings.form.treeSettings.label.searchModeIncludes }}
                    </md-switch>
                </md-input-container>


            </md-content>
        </md-dialog-content>

        <md-dialog-actions layout="row" layout-align="end end" md-theme="{{ $root.p3xr.state.theme }}">

            <md-button class="md-raised md-accent" ng-click="cancel()">
                <md-icon>cancel</md-icon>
                {{ $root.p3xr.strings.intention.cancel }}
            </md-button>

            <md-button class="md-raised md-primary" type="submit">
                <md-icon>save</md-icon>
                {{ $root.p3xr.strings.intention.save }}
            </md-button>

        </md-dialog-actions>
    </form>
</md-dialog>