diff --git a/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/edit.hbs b/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/edit.hbs
index 9c913a932..4f499fddd 100644
--- a/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/edit.hbs
+++ b/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/edit.hbs
@@ -1,239 +1,233 @@
-{{!
-  Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
-
-  WSO2 Inc. licenses this file to you under the Apache License,
-  Version 2.0 (the "License"); you may not use this file except
-  in compliance with the License.
-  You may obtain a copy of the License at
-
-  http://www.apache.org/licenses/LICENSE-2.0
-
-  Unless required by applicable law or agreed to in writing,
-  software distributed under the License is distributed on an
-  "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-  KIND, either express or implied. See the License for the
-  specific language governing permissions and limitations
-  under the License.
-}}
+{{#zone "content"}}
     <div class="row">
-        <div class="col-md-12">
+    <div class="col-md-12">
 
-            <div class="wr-steps hidden">
-                <div class="col-md-3 col-xs-3">
-                    <div class="itm-wiz itm-wiz-current" data-step="policy-profile"><div class="wiz-no">1</div><div class="wiz-lbl hidden-xs"><span>Edit current profile</span></div></div>
-                    <br class="c-both" />
-                </div>
-                <div class="col-md-3 col-xs-3">
-                    <div class="itm-wiz" data-step="policy-criteria"><div class="wiz-no">2</div><div class="wiz-lbl hidden-xs"><span>Edit assignment groups</span></div></div>
-                    <br class="c-both" />
-                </div>
-                <div class="col-md-3 col-xs-3">
-                    <div class="itm-wiz" data-step="policy-naming"><div class="wiz-no">3</div><div class="wiz-lbl hidden-xs"><span>Republish to devices</span></div></div>
-                    <br class="c-both" />
-                </div>
-            </div>
+    <div class="wr-steps hidden">
+        <div class="col-md-3 col-xs-3">
+            <div class="itm-wiz itm-wiz-current" data-step="policy-profile"><div class="wiz-no">1</div><div class="wiz-lbl hidden-xs"><span>Edit current profile</span></div></div>
+            <br class="c-both" />
+        </div>
+        <div class="col-md-3 col-xs-3">
+            <div class="itm-wiz" data-step="policy-criteria"><div class="wiz-no">2</div><div class="wiz-lbl hidden-xs"><span>Edit assignment groups</span></div></div>
+            <br class="c-both" />
+        </div>
+        <div class="col-md-3 col-xs-3">
+            <div class="itm-wiz" data-step="policy-naming"><div class="wiz-no">3</div><div class="wiz-lbl hidden-xs"><span>Republish to devices</span></div></div>
+            <br class="c-both" />
+        </div>
+    </div>
 
-            <div class="container col-centered wr-content policy-message hidden">
-                <div class="wr-form">
-                    <h1 id="policy-message-page-wizard-title" class="page-sub-title">Policy is successfully re-configured.</h1>
-                    <br>Please click <b>"Add Another Policy"</b>, if you wish to add another policy or click
-                    <b>"View policy list"</b> to complete the process and go back to the policy list.
-                    <hr>
-                    <button class="wr-btn wizard-stepper" data-current="policy-message" data-direct="{{@app.context}}/policies/">
-                        View policy list
-                    </button>
-                    <a href="{{@app.context}}/policy/add" class="cu-btn-inner">
+    <div class="container col-centered wr-content policy-message hidden">
+        <div class="wr-form">
+            <h1 id="policy-message-page-wizard-title" class="page-sub-title">Policy is successfully re-configured.</h1>
+            <br>Please click <b>"Add Another Policy"</b>, if you wish to add another policy or click
+            <b>"View policy list"</b> to complete the process and go back to the policy list.
+            <hr>
+            <button class="wr-btn wizard-stepper" data-current="policy-message" data-direct="/emm/policies/">
+                View policy list
+            </button>
+            <a href="/emm/policies/add-policy" class="cu-btn-inner">
                         <span class="fw-stack">
                             <i class="fw fw-ring fw-stack-2x"></i>
                             <i class="fw fw-add fw-stack-1x"></i>
                         </span>
-                        Add another policy
-                    </a>
-                </div>
-            </div>
+                Add another policy
+            </a>
+        </div>
+    </div>
 
-            <div class="container col-centered wr-content policy-naming hidden">
-                <div class="wr-form">
-                    <h1 id="policy-naming-page-wizard-title" class="page-sub-title">EDIT POLICY</h1>
-                    <hr>
-                    <div id="policy-naming-wizard-steps" class="row wr-wizard"></div>
-                    <hr>
-                    <div class="row">
-                        <div class="col-lg-12">
-                            <h4>Step 3: Republish to devices</h4>
-                            <br>
-                            <div id="policy-naming-main-error-msg" class="alert alert-danger hidden" role="alert">
-                                <i class="icon fw fw-error"></i><span></span>
-                            </div>
-                            <div>
-                                <label class="wr-input-label">
-                                    Set a name * to your policy<br>
-                                    ( should be 1-to-30 characters long )
-                                </label>
-                                <div class="wr-input-control">
-                                    <div class="cus-col-50">
-                                        <input id="policy-name-input" class="form-control" type="text" value="" placeholder="[ Required field ]"/>
-                                    </div>
-                                    <br class="c-both" />
-                                </div>
-                                <label class="wr-input-label">
-                                    Add a description
-                                </label>
-                                <div class="wr-input-control">
-                                    <div class="cus-col-50">
-                                        <textarea id="policy-description-input" class="form-control" rows="10" placeholder="[ Optional field ]"></textarea>
-                                    </div>
-                                    <br class="c-both" />
-                                </div>
+    <div class="container col-centered wr-content policy-naming hidden">
+        <div class="wr-form">
+            <h1 id="policy-naming-page-wizard-title" class="page-sub-title">EDIT POLICY</h1>
+            <hr>
+            <div id="policy-naming-wizard-steps" class="row wr-wizard"></div>
+            <hr>
+            <div class="row">
+                <div class="col-lg-12">
+                    <h4 class="visible-xs">Step 3: Republish to devices</h4>
+                    <br>
+                    <div id="policy-naming-main-error-msg" class="alert alert-danger hidden" role="alert">
+                        <i class="icon fw fw-error"></i><span></span>
+                    </div>
+                    <div>
+                        <label class="wr-input-label">
+                            Set a name * to your policy<br>
+                            ( should be 1-to-30 characters long )
+                        </label>
+                        <div id="policy-name-field" class="form-group wr-input-control">
+                            <div class="cus-col-50">
+                                <input id="policy-name-input" class="form-control" type="text" value="" placeholder="[ Required field ]"/>
                             </div>
-                            <div class="wr-input-control wr-btn-grp">
-                                <a href="#" class="wr-btn wizard-stepper" data-is-back-btn="true" data-current="policy-naming" data-next="policy-criteria">
-                                    Back
-                                </a>
-                                <a href="#" class="wr-btn wizard-stepper" data-current="policy-naming-publish" data-next="policy-message" data-validate="true">
-                                    Save & Publish
-                                </a>
-                                <a href="#" class="wr-btn wizard-stepper" data-current="policy-naming" data-next="policy-message" data-validate="true">
-                                    Save
-                                </a>
-
+                            <br class="c-both"/>
+                            <span class=" nameError hidden glyphicon glyphicon-remove form-control-feedback"></span>
+                            <label class="error nameEmpty hidden" for="summary">Policy name is required & Should be be 1-to-30 characters long.</label>
+                        </div>
+                        <label class="wr-input-label">
+                            Add a description
+                        </label>
+                        <div class="wr-input-control">
+                            <div class="cus-col-50">
+                                <textarea id="policy-description-input" class="form-control" rows="10" placeholder="[ Optional field ]"></textarea>
                             </div>
+                            <br class="c-both" />
                         </div>
                     </div>
+                    <div class="wr-input-control wr-btn-grp">
+                        <a href="#" class="wr-btn wizard-stepper" data-is-back-btn="true" data-current="policy-naming" data-next="policy-criteria">
+                            Back
+                        </a>
+                        <a href="#" class="wr-btn wizard-stepper" data-current="policy-naming-publish" data-next="policy-message" data-validate="true">
+                            Save & Publish
+                        </a>
+                        <a href="#" class="wr-btn wizard-stepper" data-current="policy-naming" data-next="policy-message" data-validate="true">
+                            Save
+                        </a>
+
+                    </div>
                 </div>
             </div>
+        </div>
+    </div>
 
-            <div class="container col-centered wr-content policy-criteria hidden">
-                <div class="wr-form">
-                    <h1 id="policy-criteria-page-wizard-title" class="page-sub-title">EDIT POLICY</h1>
-                    <hr>
-                    <div id="policy-criteria-wizard-steps" class="row wr-wizard"></div>
-                    <hr>
-                    <div class="row">
-                        <div class="col-lg-12">
-                            <h4>Step 2: Edit assignment groups</h4>
-                            <br>
-                            <div id="policy-criteria-main-error-msg" class="alert alert-danger hidden" role="alert">
-                                <i class="icon fw fw-error"></i><span></span>
+    <div class="container col-centered wr-content policy-criteria hidden">
+        <div class="wr-form">
+            <h1 id="policy-criteria-page-wizard-title" class="page-sub-title">EDIT POLICY</h1>
+            <hr>
+            <div id="policy-criteria-wizard-steps" class="row wr-wizard"></div>
+            <hr>
+            <div class="row">
+                <div class="col-lg-12">
+                    <h4 class="visible-xs">Step 2: Edit assignment groups</h4>
+                    <br>
+                    <div id="policy-criteria-main-error-msg" class="alert alert-danger hidden" role="alert">
+                        <i class="icon fw fw-error"></i><span></span>
+                    </div>
+                    <div>
+                        <label class="wr-input-label">
+                            Set device ownership type
+                        </label>
+                        <div class="wr-input-control">
+                            <div class="cus-col-50">
+                                <select id="ownership-input" class="form-control">
+                                    <option value="ANY" selected>ANY</option>
+                                    <option value="BYOD">BYOD (Bring Your Own Device) </option>
+                                    <option value="COPE">COPE (Corporate-Owned, Personally Enabled)</option>
+                                </select>
                             </div>
-                            <div>
-                                <label class="wr-input-label">
-                                    Set device ownership type
-                                </label>
-                                <div class="wr-input-control">
-                                    <div class="cus-col-50">
-                                        <select id="ownership-input" class="form-control">
-                                            <option value="ANY" selected>ANY</option>
-                                            <option value="BYOD">BYOD (Bring Your Own Device) </option>
-                                            <option value="COPE">COPE (Corporate-Owned, Personally Enabled)</option>
-                                        </select>
-                                    </div>
-                                    <br class="c-both" />
-                                </div>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control radio light">
-                                        <input id="user-roles-radio-btn" type="radio" name="select-users-radio-btn" class="select-users-radio" checked/>
-                                        <span class="helper">&nbsp;Set user role(s)</span>
-                                    </label>
-                                    <label class="wr-input-control radio light" rel="assetfilter">
-                                        <input id="users-radio-btn" type="radio" name="select-users-radio-btn" class="select-users-radio" />
-                                        <span class="helper">&nbsp;Set user(s)</span>
-                                    </label>
-                                </div>
-                                <div id="user-roles-select-field" class="select-users">
-                                    <div class="wr-input-control">
-                                        <div class="cus-col-50">
-                                            <select id="user-roles-input" class="form-control select2" multiple="multiple">
-                                                <option value="ANY" selected>ANY</option>
-                                                {{#each roles}}
-                                                    <option>{{this}}</option>
-                                                {{/each}}
-                                            </select>
-                                        </div>
-                                        <br class="c-both" />
-                                    </div>
-                                </div>
-                                <div id="users-select-field" class="select-users">
-                                    <div class="wr-input-control">
-                                        <div class="cus-col-50">
-                                            <select id="users-input" class="form-control select2" multiple="multiple">
-                                                <option value="ANY" selected>ANY</option>
-                                                {{#each users}}
-                                                    <option>{{this}}</option>
-                                                {{/each}}
-                                            </select>
-                                        </div>
-                                        <br class="c-both" />
-                                    </div>
+                            <br class="c-both" />
+                        </div>
+                        <div class="wr-input-control">
+                            <label class="wr-input-control radio light">
+                                <input id="user-roles-radio-btn" type="radio" name="select-users-radio-btn" class="select-users-radio" checked/>
+                                <span class="helper">&nbsp;Set user role(s)</span>
+                            </label>
+                            <label class="wr-input-control radio light" rel="assetfilter">
+                                <input id="users-radio-btn" type="radio" name="select-users-radio-btn" class="select-users-radio" />
+                                <span class="helper">&nbsp;Set user(s)</span>
+                            </label>
+                        </div>
+                        <div id="user-roles-select-field" class="select-users">
+                            <div class="wr-input-control">
+                                <div class="cus-col-50">
+                                    <select id="user-roles-input" class="form-control select2" multiple="multiple">
+                                        <option value="ANY" selected>ANY</option>
+                                        {{#each roles}}
+                                            <option>{{this}}</option>
+                                        {{/each}}
+                                    </select>
                                 </div>
-                                <br>
-                                <label class="wr-input-label" title="">
-                                    Set an action upon non-compliance
-                                </label>
-                                <div class="wr-input-control">
-                                    <div class="cus-col-50">
-                                        <select id="action-input" class="form-control">
-                                            <option value="enforce" data-action="enforce" selected>Enforce</option>
-                                            <option value="warn" data-action="warn">Warn</option>
-                                            <option value="monitor" data-action="monitor">Monitor</option>
-                                        </select>
-                                    </div>
-                                    <br class="c-both" />
+                                <br class="c-both" />
+                            </div>
+                        </div>
+                        <div id="users-select-field" class="select-users">
+                            <div class="wr-input-control">
+                                <div class="cus-col-50">
+                                    <select id="users-input" class="form-control select2" multiple="multiple">
+                                        <option value="ANY" selected>ANY</option>
+                                        {{#each users}}
+                                            <option>{{username}}</option>
+                                        {{/each}}
+                                    </select>
                                 </div>
+                                <br class="c-both" />
                             </div>
-                            <div class="wr-input-control wr-btn-grp">
-                                <a href="#" class="wr-btn wizard-stepper" data-is-back-btn="true" data-current="policy-criteria" data-next="policy-profile">
-                                    Back
-                                </a>
-                                <a href="#" class="wr-btn wizard-stepper" data-current="policy-criteria" data-next="policy-naming" data-validate="true">
-                                    Continue
-                                </a>
+                        </div>
+                        <br>
+                        <label class="wr-input-label" title="">
+                            Set an action upon non-compliance
+                        </label>
+                        <div class="wr-input-control">
+                            <div class="cus-col-50">
+                                <select id="action-input" class="form-control">
+                                    <option value="enforce" data-action="enforce" selected>Enforce</option>
+                                    <option value="warn" data-action="warn">Warn</option>
+                                    <option value="monitor" data-action="monitor">Monitor</option>
+                                </select>
                             </div>
+                            <br class="c-both" />
                         </div>
                     </div>
+                    <div class="wr-input-control wr-btn-grp">
+                        <a href="#" class="wr-btn wizard-stepper" data-is-back-btn="true" data-current="policy-criteria" data-next="policy-profile">
+                            Back
+                        </a>
+                        <a href="#" class="wr-btn wizard-stepper" data-current="policy-criteria" data-next="policy-naming" data-validate="true">
+                            Continue
+                        </a>
+                    </div>
                 </div>
             </div>
+        </div>
+    </div>
 
-            <div class="container col-centered wr-content policy-profile">
-                <div class="wr-form">
-                    <h1 id="policy-profile-page-wizard-title" class="page-sub-title">EDIT POLICY</h1>
-                    <hr>
-                    <div id="policy-profile-wizard-steps" class="row wr-wizard"></div>
-                    <hr>
-                    <div class="row">
-                        <div class="col-lg-12">
-                            <h4>Step 1: Edit current profile</h4>
+    <div class="container col-centered wr-content policy-profile">
+        <div class="wr-form">
+            <h1 id="policy-profile-page-wizard-title" class="page-sub-title">EDIT POLICY</h1>
+            <hr>
+            <div id="policy-profile-wizard-steps" class="row wr-wizard"></div>
+            <hr>
+            <div class="row">
+                <div class="col-lg-12">
+                    <h4 class="visible-xs">Step 1: Edit current profile</h4>
+                    <br>
+                    <div id="policy-profile-main-error-msg" class="alert alert-danger hidden" role="alert">
+                        <i class="icon fw fw-error"></i><span></span>
+                    </div>
+                    <div class="wr-advance-operations">
+                        <div class="wr-advance-operations-init">
+                            <br>
+                            &nbsp;&nbsp;
+                            <i class="fw fw-settings fw-spin fw-2x"></i>
+                            &nbsp;Loading platform features . . .
+                            <br>
                             <br>
-                            <div id="policy-profile-main-error-msg" class="alert alert-danger hidden" role="alert">
-                                <i class="icon fw fw-error"></i><span></span>
-                            </div>
-                            <div class="wr-advance-operations">
-                                <div class="wr-advance-operations-init">
-                                    <br>
-                                    <i class="fw fw-settings fw-spin fw-2x"></i>
-                                    Loading platform features . . .
-                                    <br>
-                                    <br>
-                                </div>
-                            </div>
-                            <div class="wr-input-control wr-btn-grp">
-                                <a href="#" class="wr-btn wizard-stepper" data-current="policy-profile" data-next="policy-criteria" data-validate="true">
-                                    Continue
-                                </a>
-                            </div>
                         </div>
                     </div>
+                    <div class="wr-input-control wr-btn-grp">
+                        <a href="#" class="wr-btn wizard-stepper" data-current="policy-profile" data-next="policy-criteria" data-validate="true">
+                            Continue
+                        </a>
+                    </div>
                 </div>
             </div>
+        </div>
+    </div>
 
-            <!-- content -->
+    <!-- content -->
 
-        </div>
     </div>
+    </div>
+{{/zone}}
 {{#zone "bottomJs"}}
-    <script id="hidden-operations-ios" src="{{@unit.publicUri}}/templates/hidden-operations-ios.hbs" type="text/x-handlebars-template" ></script>
-    <script id="hidden-operations-android" src="{{@unit.publicUri}}/templates/hidden-operations-android.hbs" type="text/x-handlebars-template" ></script>
-    <script id="hidden-operations-windows" src="{{@unit.publicUri}}/templates/hidden-operations-windows.hbs" type="text/x-handlebars-template" ></script>
-    {{js "js/policy-create.js"}}
+    <!--suppress HtmlUnknownTarget -->
+    <script id="hidden-operations-ios" src="{{@unit.publicUri}}/templates/hidden-operations-ios.hbs"
+            type="text/x-handlebars-template"></script>
+    <!--suppress HtmlUnknownTarget -->
+    <script id="hidden-operations-android" src="{{@unit.publicUri}}/templates/hidden-operations-android.hbs"
+            type="text/x-handlebars-template"></script>
+    <!--suppress HtmlUnknownTarget -->
+    <script id="hidden-operations-windows" src="{{@unit.publicUri}}/templates/hidden-operations-windows.hbs"
+            type="text/x-handlebars-template"></script>
+    {{js "js/edit.js"}}
 {{/zone}}
 
diff --git a/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/edit.js b/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/edit.js
index 836302069..dfb1cbe95 100644
--- a/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/edit.js
+++ b/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/edit.js
@@ -1,17 +1,17 @@
 /*
- * Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
+ * Copyright (c) 2015, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
  *
  * WSO2 Inc. licenses this file to you under the Apache License,
  * Version 2.0 (the "License"); you may not use this file except
  * in compliance with the License.
  * You may obtain a copy of the License at
  *
- * http://www.apache.org/licenses/LICENSE-2.0
+ *      http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing,
  * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ * either express or implied. See the License for the
  * specific language governing permissions and limitations
  * under the License.
  */
@@ -19,8 +19,18 @@
 function onRequest(context) {
     var log = new Log("policy-view-edit-unit backend js");
     log.debug("calling policy-view-edit-unit");
+
     var userModule = require("/app/modules/business-controllers/user.js")["userModule"];
-    context.roles = userModule.getRoles().content;
-    context.users = userModule.getUsersByUsername().content;
+
+    var rolesResult = userModule.getRoles();
+    if (rolesResult.status == "success") {
+        context.roles = rolesResult.content;
+    }
+
+    var usersResult = userModule.getUsers();
+    if (usersResult.status == "success") {
+        context.users = usersResult.content;
+    }
+
     return context;
 }
\ No newline at end of file
diff --git a/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/edit.json b/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/edit.json
index fd2590129..395c829c5 100644
--- a/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/edit.json
+++ b/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/edit.json
@@ -1,3 +1,4 @@
 {
-	"version" : "1.0.0"
+    "version" : "1.0.0",
+    "extends" : "cdmf.unit.policy.edit"
 }
\ No newline at end of file
diff --git a/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/public/js/policy-create.js b/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/public/js/edit.js
similarity index 87%
rename from components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/public/js/policy-create.js
rename to components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/public/js/edit.js
index fafc43318..89252aaf1 100644
--- a/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/public/js/policy-create.js
+++ b/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/public/js/edit.js
@@ -1,17 +1,17 @@
 /*
- * Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
+ * Copyright (c) 2015, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
  *
  * WSO2 Inc. licenses this file to you under the Apache License,
  * Version 2.0 (the "License"); you may not use this file except
  * in compliance with the License.
  * You may obtain a copy of the License at
  *
- * http://www.apache.org/licenses/LICENSE-2.0
+ *      http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing,
  * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ * either express or implied. See the License for the
  * specific language governing permissions and limitations
  * under the License.
  */
@@ -24,6 +24,71 @@ var policy = {};
 var configuredOperations = [];
 var currentlyEffected = {};
 
+var validateInline = {};
+var clearInline = {};
+
+var enableInlineError = function (inputField, errorMsg, errorSign) {
+    var fieldIdentifier = "#" + inputField;
+    var errorMsgIdentifier = "#" + inputField + " ." + errorMsg;
+    var errorSignIdentifier = "#" + inputField + " ." + errorSign;
+
+    if (inputField) {
+        $(fieldIdentifier).addClass(" has-error has-feedback");
+    }
+
+    if (errorMsg) {
+        $(errorMsgIdentifier).removeClass(" hidden");
+    }
+
+    if (errorSign) {
+        $(errorSignIdentifier).removeClass(" hidden");
+    }
+};
+
+var disableInlineError = function (inputField, errorMsg, errorSign) {
+    var fieldIdentifier = "#" + inputField;
+    var errorMsgIdentifier = "#" + inputField + " ." + errorMsg;
+    var errorSignIdentifier = "#" + inputField + " ." + errorSign;
+
+    if (inputField) {
+        $(fieldIdentifier).removeClass(" has-error has-feedback");
+    }
+
+    if (errorMsg) {
+        $(errorMsgIdentifier).addClass(" hidden");
+    }
+
+    if (errorSign) {
+        $(errorSignIdentifier).addClass(" hidden");
+    }
+};
+
+/**
+ *clear inline validation messages.
+ */
+clearInline["policy-name"] = function () {
+    disableInlineError("policy-name-field", "nameEmpty", "nameError");
+};
+
+
+/**
+ * Validate if provided policy name is valid against RegEx configures.
+ */
+validateInline["policy-name"] = function () {
+    var policyName = $("input#policy-name-input").val();
+    if (policyName && inputIsValidAgainstLength(policyName, 1, 30)) {
+        disableInlineError("policy-name-field", "nameEmpty", "nameError");
+    } else {
+        enableInlineError("policy-name-field", "nameEmpty", "nameError");
+    }
+};
+
+$("#policy-name-input").focus(function(){
+    clearInline["policy-name"]();
+}).blur(function(){
+    validateInline["policy-name"]();
+});
+
 // Constants to define platform types available
 var platformTypeConstants = {
     "ANDROID": "android",
@@ -47,7 +112,9 @@ var androidOperationConstants = {
     "ENCRYPT_STORAGE_OPERATION": "encrypt-storage",
     "ENCRYPT_STORAGE_OPERATION_CODE": "ENCRYPT_STORAGE",
     "WIFI_OPERATION": "wifi",
-    "WIFI_OPERATION_CODE": "WIFI"
+    "WIFI_OPERATION_CODE": "WIFI",
+    "APPLICATION_OPERATION":"app-restriction",
+    "APPLICATION_OPERATION_CODE":"APP-RESTRICTION"
 };
 
 // Constants to define Android Operation Constants
@@ -110,24 +177,30 @@ var updateGroupedInputVisibility = function (domElement) {
 
 skipStep["policy-platform"] = function (policyPayloadObj) {
     policy["name"] = policyPayloadObj["policyName"];
-    policy["platform"] = policyPayloadObj["profile"]["deviceType"]["name"];
-    policy["platformId"] = policyPayloadObj["profile"]["deviceType"]["id"];
+    policy["platform"] = policyPayloadObj["profile"]["deviceType"];
+
     var userRoleInput = $("#user-roles-input");
     var ownershipInput = $("#ownership-input");
     var userInput = $("#users-input");
     var actionInput = $("#action-input");
     var policyNameInput = $("#policy-name-input");
     var policyDescriptionInput = $("#policy-description-input");
+
     currentlyEffected["roles"] = policyPayloadObj.roles;
     currentlyEffected["users"] = policyPayloadObj.users;
-    userRoleInput.val(currentlyEffected["roles"]).trigger("change");
-    userInput.val(currentlyEffected["users"]).trigger("change");
 
-    if (currentlyEffected["users"].length > 0) {
-        $("#users-radio-btn").prop("checked", true)
+    if (currentlyEffected["roles"].length > 0) {
+        $("#user-roles-radio-btn").prop("checked", true);
+        $("#user-roles-select-field").show();
+        $("#users-select-field").hide();
+        userRoleInput.val(currentlyEffected["roles"]).trigger("change");
+    } else if (currentlyEffected["users"].length > 0) {
+        $("#users-radio-btn").prop("checked", true);
         $("#users-select-field").show();
         $("#user-roles-select-field").hide();
+        userInput.val(currentlyEffected["users"]).trigger("change");
     }
+
     ownershipInput.val(policyPayloadObj.ownershipType);
     actionInput.val(policyPayloadObj.compliance);
     policyNameInput.val(policyPayloadObj["policyName"]);
@@ -157,9 +230,8 @@ skipStep["policy-platform"] = function (policyPayloadObj) {
                 for (var i = 0; i < configuredOperations.length; ++i) {
                     var configuredOperation = configuredOperations[i];
                     $(".operation-data").filterByData("operation-code", configuredOperation).
-                        find(".panel-title .wr-input-control.switch input[type=checkbox]").each(function () {
-                            $(this).click();
-                        });
+                        find(".panel-title .wr-input-control.switch input[type=checkbox]").
+                            each(function () {$(this).click();});
                 }
             });
         },
@@ -321,9 +393,107 @@ validateStep["policy-profile"] = function () {
                 // updating validationStatusArray with validationStatus
                 validationStatusArray.push(validationStatus);
             }
+            if ($.inArray(androidOperationConstants["APPLICATION_OPERATION_CODE"], configuredOperations) != -1) {
+                //If application restriction configured
+                operation = androidOperationConstants["APPLICATION_OPERATION"];
+                // Initializing continueToCheckNextInputs to true
+                continueToCheckNextInputs = true;
+
+                var appRestrictionType = $("#app-restriction-type").val();
+
+                var restrictedApplicationsGridChildInputs = "div#restricted-applications .child-input";
+
+                if (!appRestrictionType) {
+                    validationStatus = {
+                        "error": true,
+                        "subErrorMsg": "Applications restriction type is not provided.",
+                        "erroneousFeature": operation
+                    };
+                    continueToCheckNextInputs = false;
+                }
+
+                if (continueToCheckNextInputs) {
+                    if ($(restrictedApplicationsGridChildInputs).length == 0) {
+                        validationStatus = {
+                            "error": true,
+                            "subErrorMsg": "Applications are not provided in application restriction list.",
+                            "erroneousFeature": operation
+                        };
+                        continueToCheckNextInputs = false;
+                    }
+                    else {
+                        childInputCount = 0;
+                        childInputArray = [];
+                        emptyChildInputCount = 0;
+                        duplicatesExist = false;
+                        // Looping through each child input
+                        $(restrictedApplicationsGridChildInputs).each(function () {
+                            childInputCount++;
+                            if (childInputCount % 2 == 0) {
+                                // If child input is of second column
+                                childInput = $(this).val();
+                                childInputArray.push(childInput);
+                                // Updating emptyChildInputCount
+                                if (!childInput) {
+                                    // If child input field is empty
+                                    emptyChildInputCount++;
+                                }
+                            }
+                        });
+                        // Checking for duplicates
+                        initialChildInputArrayLength = childInputArray.length;
+                        if (emptyChildInputCount == 0 && initialChildInputArrayLength > 1) {
+                            for (m = 0; m < (initialChildInputArrayLength - 1); m++) {
+                                poppedChildInput = childInputArray.pop();
+                                for (n = 0; n < childInputArray.length; n++) {
+                                    if (poppedChildInput == childInputArray[n]) {
+                                        duplicatesExist = true;
+                                        break;
+                                    }
+                                }
+                                if (duplicatesExist) {
+                                    break;
+                                }
+                            }
+                        }
+                        // Updating validationStatus
+                        if (emptyChildInputCount > 0) {
+                            // If empty child inputs are present
+                            validationStatus = {
+                                "error": true,
+                                "subErrorMsg": "One or more package names of " +
+                                "applications are empty.",
+                                "erroneousFeature": operation
+                            };
+                            continueToCheckNextInputs = false;
+                        } else if (duplicatesExist) {
+                            // If duplicate input is present
+                            validationStatus = {
+                                "error": true,
+                                "subErrorMsg": "Duplicate values exist with " +
+                                "for package names.",
+                                "erroneousFeature": operation
+                            };
+                            continueToCheckNextInputs = false;
+                        }
+
+                    }
+                }
+
+                if (continueToCheckNextInputs) {
+                    validationStatus = {
+                        "error": false,
+                        "okFeature": operation
+                    };
+                }
+
+                // Updating validationStatusArray with validationStatus
+                validationStatusArray.push(validationStatus);
+
+
+            }
         }
-    }
-    if (policy["platform"] == platformTypeConstants["WINDOWS"]) {
+    } if (policy["platform"] == platformTypeConstants["WINDOWS"]) {
         if (configuredOperations.length == 0) {
             // updating validationStatus
             validationStatus = {
@@ -541,7 +711,7 @@ validateStep["policy-profile"] = function () {
                         validationStatus = {
                             "error": true,
                             "subErrorMsg": "One or more permitted App ID entries in " +
-                                "Autonomous Single App Mode are empty.",
+                                           "Autonomous Single App Mode are empty.",
                             "erroneousFeature": operation
                         };
                         continueToCheckNextInputs = false;
@@ -549,7 +719,7 @@ validateStep["policy-profile"] = function () {
                         validationStatus = {
                             "error": true,
                             "subErrorMsg": "Duplicate values exist with permitted App ID entries in " +
-                                "Autonomous Single App Mode.",
+                                           "Autonomous Single App Mode.",
                             "erroneousFeature": operation
                         };
                         continueToCheckNextInputs = false;
@@ -622,7 +792,7 @@ validateStep["policy-profile"] = function () {
                                 validationStatus = {
                                     "error": true,
                                     "subErrorMsg": "Wi-Fi Proxy Port is not within the range " +
-                                        "of valid port numbers.",
+                                                   "of valid port numbers.",
                                     "erroneousFeature": operation
                                 };
                                 continueToCheckNextInputs = false;
@@ -672,7 +842,7 @@ validateStep["policy-profile"] = function () {
                                 validationStatus = {
                                     "error": true,
                                     "subErrorMsg": "One or more Payload Certificate " +
-                                        "Anchor UUIDs are empty.",
+                                                   "Anchor UUIDs are empty.",
                                     "erroneousFeature": operation
                                 };
                                 continueToCheckNextInputs = false;
@@ -680,7 +850,7 @@ validateStep["policy-profile"] = function () {
                                 validationStatus = {
                                     "error": true,
                                     "subErrorMsg": "Duplicate values exist " +
-                                        "with Payload Certificate Anchor UUIDs.",
+                                                   "with Payload Certificate Anchor UUIDs.",
                                     "erroneousFeature": operation
                                 };
                                 continueToCheckNextInputs = false;
@@ -732,7 +902,7 @@ validateStep["policy-profile"] = function () {
                                     validationStatus = {
                                         "error": true,
                                         "subErrorMsg": "Duplicate values exist " +
-                                            "with TLS Trusted Server Names.",
+                                                       "with TLS Trusted Server Names.",
                                         "erroneousFeature": operation
                                     };
                                     continueToCheckNextInputs = false;
@@ -793,7 +963,7 @@ validateStep["policy-profile"] = function () {
                             validationStatus = {
                                 "error": true,
                                 "subErrorMsg": "One or more Roaming Consortium OIs " +
-                                    "are out of allowed length.",
+                                               "are out of allowed length.",
                                 "erroneousFeature": operation
                             };
                             continueToCheckNextInputs = false;
@@ -802,7 +972,7 @@ validateStep["policy-profile"] = function () {
                             validationStatus = {
                                 "error": true,
                                 "subErrorMsg": "One or more Roaming Consortium OIs " +
-                                    "contain non-hexadecimal characters.",
+                                               "contain non-hexadecimal characters.",
                                 "erroneousFeature": operation
                             };
                             continueToCheckNextInputs = false;
@@ -941,7 +1111,7 @@ validateStep["policy-profile"] = function () {
                             validationStatus = {
                                 "error": true,
                                 "subErrorMsg": "One or more MCC/MNC pairs " +
-                                    "do not fulfill the accepted length of 6 digits.",
+                                               "do not fulfill the accepted length of 6 digits.",
                                 "erroneousFeature": operation
                             };
                             continueToCheckNextInputs = false;
@@ -1011,7 +1181,7 @@ validateStep["policy-profile"] = function () {
                             validationStatus = {
                                 "error": true,
                                 "subErrorMsg": "Incoming Mail Server Port is not within the range " +
-                                    "of valid port numbers.",
+                                               "of valid port numbers.",
                                 "erroneousFeature": operation
                             };
                             continueToCheckNextInputs = false;
@@ -1045,7 +1215,7 @@ validateStep["policy-profile"] = function () {
                             validationStatus = {
                                 "error": true,
                                 "subErrorMsg": "Outgoing Mail Server Port is not within the range " +
-                                    "of valid port numbers.",
+                                               "of valid port numbers.",
                                 "erroneousFeature": operation
                             };
                             continueToCheckNextInputs = false;
@@ -1126,7 +1296,7 @@ validateStep["policy-profile"] = function () {
                             validationStatus = {
                                 "error": true,
                                 "subErrorMsg": "One or more Device Names of " +
-                                    "AirPlay Credentials are empty.",
+                                               "AirPlay Credentials are empty.",
                                 "erroneousFeature": operation
                             };
                             continueToCheckNextInputs = false;
@@ -1135,7 +1305,7 @@ validateStep["policy-profile"] = function () {
                             validationStatus = {
                                 "error": true,
                                 "subErrorMsg": "Duplicate values exist with " +
-                                    "Device Names of AirPlay Credentials.",
+                                               "Device Names of AirPlay Credentials.",
                                 "erroneousFeature": operation
                             };
                             continueToCheckNextInputs = false;
@@ -1158,7 +1328,7 @@ validateStep["policy-profile"] = function () {
                                 // if child input field is empty
                                 emptyChildInputCount++;
                             } else if (!inputIsValidAgainstRegExp(
-                                /([a-z|A-Z|0-9][a-z|A-Z|0-9][:]){5}([a-z|A-Z|0-9][a-z|A-Z|0-9])$/, childInput)) {
+                                    /([a-z|A-Z|0-9][a-z|A-Z|0-9][:]){5}([a-z|A-Z|0-9][a-z|A-Z|0-9])$/, childInput)) {
                                 // if child input field is invalid against RegEx
                                 invalidAgainstRegExCount++
                             }
@@ -1193,7 +1363,7 @@ validateStep["policy-profile"] = function () {
                             validationStatus = {
                                 "error": true,
                                 "subErrorMsg": "One or more AirPlay Destination fields " +
-                                    "do not fulfill expected format.",
+                                               "do not fulfill expected format.",
                                 "erroneousFeature": operation
                             };
                             continueToCheckNextInputs = false;
@@ -1295,7 +1465,7 @@ validateStep["policy-profile"] = function () {
                             validationStatus = {
                                 "error": true,
                                 "subErrorMsg": "Duplicate values exist with " +
-                                    "Search Setting Search Base and Scope pairs.",
+                                               "Search Setting Search Base and Scope pairs.",
                                 "erroneousFeature": operation
                             };
                             continueToCheckNextInputs = false;
@@ -1352,7 +1522,7 @@ validateStep["policy-profile"] = function () {
                         validationStatus = {
                             "error": true,
                             "subErrorMsg": "Account Port is not within the range " +
-                                "of valid port numbers.",
+                                           "of valid port numbers.",
                             "erroneousFeature": operation
                         };
                         continueToCheckNextInputs = false;
@@ -1465,7 +1635,7 @@ validateStep["policy-profile"] = function () {
                         validationStatus = {
                             "error": true,
                             "subErrorMsg": "Duplicate values exist with " +
-                                "APN fields of Configurations.",
+                                           "APN fields of Configurations.",
                             "erroneousFeature": operation
                         };
                         continueToCheckNextInputs = false;
@@ -1553,7 +1723,7 @@ validateStep["policy-profile"] = function () {
                             validationStatus = {
                                 "error": true,
                                 "subErrorMsg": "Duplicate values exist with " +
-                                    "APN fields of APN Configurations.",
+                                               "APN fields of APN Configurations.",
                                 "erroneousFeature": operation
                             };
                             continueToCheckNextInputs = false;
@@ -1663,7 +1833,9 @@ stepForwardFrom["policy-criteria"] = function () {
             if ($(this).is(":checked")) {
                 if ($(this).attr("id") == "users-radio-btn") {
                     policy["selectedUsers"] = $("#users-input").val();
+                    policy["selectedUserRoles"] = null;
                 } else if ($(this).attr("id") == "user-roles-radio-btn") {
+                    policy["selectedUsers"] = null;
                     policy["selectedUserRoles"] = $("#user-roles-input").val();
                 }
             }
@@ -1810,14 +1982,15 @@ var updatePolicy = function (policy, state) {
     // traverses key by key in policy["profile"]
     var key;
     for (key in policy["profile"]) {
-        if (policy["platformId"] == platformTypeIds["WINDOWS"] && key == windowsOperationConstants["PASSCODE_POLICY_OPERATION_CODE"]) {
-            policy["profile"][key].enablePassword = true;
+        if (policy["platform"] == platformTypeConstants["WINDOWS"] &&
+            key == windowsOperationConstants["PASSCODE_POLICY_OPERATION_CODE"]) {
+            policy["profile"][windowsOperationConstants["PASSCODE_POLICY_OPERATION_CODE"]].enablePassword = true;
         }
 
         if (policy["profile"].hasOwnProperty(key)) {
             profilePayloads.push({
                 "featureCode": key,
-                "deviceTypeId": policy["platformId"],
+                "deviceType": policy["platform"],
                 "content": policy["profile"][key]
             });
         }
@@ -1825,7 +1998,7 @@ var updatePolicy = function (policy, state) {
 
     $.each(profilePayloads, function (i, item) {
         $.each(item.content, function (key, value) {
-            if (value === "" || value === undefined) {
+            if (value === null || value === undefined || value === "") {
                 item.content[key] = null;
             }
         });
@@ -1838,68 +2011,72 @@ var updatePolicy = function (policy, state) {
         "ownershipType": policy["selectedOwnership"],
         "profile": {
             "profileName": policy["policyName"],
-            "deviceType": {
-                "id": policy["platformId"]
-            },
+            "deviceType": policy["platform"],
             "profileFeaturesList": profilePayloads
         }
     };
 
     if (policy["selectedUsers"]) {
         payload["users"] = policy["selectedUsers"];
+        payload["roles"] = [];
     } else if (policy["selectedUserRoles"]) {
+        payload["users"] = [];
         payload["roles"] = policy["selectedUserRoles"];
     } else {
         payload["users"] = [];
         payload["roles"] = [];
     }
 
-    var serviceURL = "/devicemgt_admin/policies/" + getParameterByName("id");
+    var serviceURL = "/api/device-mgt/v1.0/policies/" + getParameterByName("id");
     invokerUtil.put(
         serviceURL,
         payload,
         // on success
-        function () {
-            if (state == "save") {
-                var policyList = [];
-                policyList.push(getParameterByName("id"));
-                serviceURL = "/devicemgt_admin/policies/inactivate";
-                invokerUtil.put(
-                    serviceURL,
-                    policyList,
-                    // on success
-                    function () {
-                        $(".add-policy").addClass("hidden");
-                        $(".policy-message").removeClass("hidden");
-                    },
-                    // on error
-                    function (daa) {
-                        console.log(data);
-                    }
-                );
-            } else if (state == "publish") {
+        function (data, textStatus, jqXHR) {
+            if (jqXHR.status == 200) {
                 var policyList = [];
                 policyList.push(getParameterByName("id"));
-                serviceURL = "/devicemgt_admin/policies/activate";
-                invokerUtil.put(
-                    serviceURL,
-                    policyList,
-                    // on success
-                    function () {
-                        $(".add-policy").addClass("hidden");
-                        $(".policy-naming").addClass("hidden");
-                        $(".policy-message").removeClass("hidden");
-                    },
-                    // on error
-                    function (data) {
-                        console.log(data);
-                    }
-                );
+                if (state == "save") {
+                    serviceURL = "/api/device-mgt/v1.0/policies/deactivate-policy";
+                    invokerUtil.put(
+                        serviceURL,
+                        policyList,
+                        // on success
+                        function (data, textStatus, jqXHR) {
+                            if (jqXHR.status == 200) {
+                                $(".add-policy").addClass("hidden");
+                                $(".policy-message").removeClass("hidden");
+                            }
+                        },
+                        // on error
+                        function (jqXHR) {
+                            console.log("error in saving policy. Received error code : " + jqXHR.status);
+                        }
+                    );
+                } else if (state == "publish") {
+                    serviceURL = "/api/device-mgt/v1.0/policies/activate-policy";
+                    invokerUtil.put(
+                        serviceURL,
+                        policyList,
+                        // on success
+                        function (data, textStatus, jqXHR) {
+                            if (jqXHR.status == 200) {
+                                $(".add-policy").addClass("hidden");
+                                $(".policy-naming").addClass("hidden");
+                                $(".policy-message").removeClass("hidden");
+                            }
+                        },
+                        // on error
+                        function (jqXHR) {
+                            console.log("error in publishing policy. Received error code : " + jqXHR.status);
+                        }
+                    );
+                }
             }
         },
         // on error
-        function () {
-
+        function (jqXHR) {
+            console.log("error in updating policy. Received error code : " + jqXHR.status);
         }
     );
 };
@@ -1913,6 +2090,57 @@ var showAdvanceOperation = function (operation, button) {
     $(hiddenOperation + '[data-operation="' + operation + '"]').siblings().hide();
 };
 
+/**
+ * This method will display appropriate fields based on wifi type
+ * @param {object} wifi type select object
+ */
+var changeAndroidWifiPolicy = function (select) {
+    slideDownPaneAgainstValueSet(select, 'control-wifi-password', ['wep', 'wpa', '802eap']);
+    slideDownPaneAgainstValueSet(select, 'control-wifi-eap', ['802eap']);
+    slideDownPaneAgainstValueSet(select, 'control-wifi-phase2', ['802eap']);
+    slideDownPaneAgainstValueSet(select, 'control-wifi-identity', ['802eap']);
+    slideDownPaneAgainstValueSet(select, 'control-wifi-anoidentity', ['802eap']);
+    slideDownPaneAgainstValueSet(select, 'control-wifi-cacert', ['802eap']);
+}
+
+/**
+ * This method will display appropriate fields based on wifi EAP type
+ * @param {object} wifi eap select object
+ * @param {object} wifi type select object
+ */
+var changeAndroidWifiPolicyEAP = function (select, superSelect) {
+    slideDownPaneAgainstValueSet(select, 'control-wifi-password', ['peap', 'ttls', 'pwd' ,'fast', 'leap']);
+    slideDownPaneAgainstValueSet(select, 'control-wifi-phase2', ['peap', 'ttls', 'fast']);
+    slideDownPaneAgainstValueSet(select, 'control-wifi-provisioning', ['fast']);
+    slideDownPaneAgainstValueSet(select, 'control-wifi-identity', ['peap', 'tls', 'ttls', 'pwd', 'fast', 'leap']);
+    slideDownPaneAgainstValueSet(select, 'control-wifi-anoidentity', ['peap', 'ttls']);
+    slideDownPaneAgainstValueSet(select, 'control-wifi-cacert', ['peap', 'tls', 'ttls']);
+    if(superSelect.value != '802eap'){
+        changeAndroidWifiPolicy(superSelect);
+    }
+}
+
+/**
+ * This method will encode the fileinput and enter the values to given input files
+ * @param {object} fileInput
+ * @param {object} fileHiddenInput
+ * @param {object} fileNameHiddenInput
+ */
+var base64EncodeFile = function (fileInput, fileHiddenInput, fileNameHiddenInput) {
+    var file = fileInput.files[0];
+    if (file) {
+        var reader = new FileReader();
+        reader.onload = function(readerEvt) {
+            var binaryString = readerEvt.target.result;
+            fileHiddenInput.value = (btoa(binaryString));
+            fileNameHiddenInput.value =  file.name.substr(0,file.name.lastIndexOf("."));
+        };
+        reader.readAsBinaryString(file);
+    }
+}
+
+
+
 /**
  * Method to slide down a provided pane upon provided value set.
  *
@@ -1922,6 +2150,9 @@ var showAdvanceOperation = function (operation, button) {
  */
 var slideDownPaneAgainstValueSet = function (selectElement, paneID, valueSet) {
     var selectedValueOnChange = $(selectElement).find("option:selected").val();
+    if ($(selectElement).is("input:checkbox")) {
+        selectedValueOnChange = $(selectElement).is(":checked").toString();
+    }
     var i, slideDownVotes = 0;
     for (i = 0; i < valueSet.length; i++) {
         if (selectedValueOnChange == valueSet[i]) {
@@ -2033,54 +2264,49 @@ var getParameterByName = function (name) {
     return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
 };
 
-function formatRepo(user) {
-    if (user.loading) {
-        return user.text
-    }
-    if (!user.username) {
-        return;
-    }
-    var markup = '<div class="clearfix">' +
-        '<div clas="col-sm-8">' +
-        '<div class="clearfix">' +
-        '<div class="col-sm-3">' + user.username + '</div>';
-    if (user.firstname) {
-        markup += '<div class="col-sm-3"><i class="fa fa-code-fork"></i> ' + user.firstname + '</div>';
-    }
-    if (user.emailAddress) {
-        markup += '<div class="col-sm-2"><i class="fa fa-star"></i> ' + user.emailAddress + '</div></div>';
-    }
-    markup += '</div></div>';
-    return markup;
-}
-
-function formatRepoSelection(user) {
-    return user.username || user.text;
-}
+//function formatRepo(user) {
+//    if (user.loading) {
+//        return user.text
+//    }
+//    if (!user.username) {
+//        return;
+//    }
+//    var markup = '<div class="clearfix">' +
+//                 '<div clas="col-sm-8">' +
+//                 '<div class="clearfix">' +
+//                 '<div class="col-sm-3">' + user.username + '</div>';
+//    if (user.firstname) {
+//        markup += '<div class="col-sm-3"><i class="fa fa-code-fork"></i> ' + user.firstname + '</div>';
+//    }
+//    if (user.emailAddress) {
+//        markup += '<div class="col-sm-2"><i class="fa fa-star"></i> ' + user.emailAddress + '</div></div>';
+//    }
+//    markup += '</div></div>';
+//    return markup;
+//}
+//
+//function formatRepoSelection(user) {
+//    return user.username || user.text;
+//}
 
 $(document).ready(function () {
-
     // Adding initial state of wizard-steps.
-
-    var policyPayloadObj;
     invokerUtil.get(
-            "/devicemgt_admin/policies/" + getParameterByName("id"),
+        "/api/device-mgt/v1.0/policies/" + getParameterByName("id"),
         // on success
-        function (data) {
-            data = JSON.parse(data);
-            policyPayloadObj = data["responseContent"];
-            skipStep["policy-platform"](policyPayloadObj);
+        function (data, textStatus, jqXHR) {
+            if (jqXHR.status == 200 && data) {
+                var policy = JSON.parse(data);
+                skipStep["policy-platform"](policy);
+            }
         },
         // on error
-        function (data) {
-            console.log(data);
+        function (jqXHR) {
+            console.log(jqXHR);
             // should be redirected to an error page
         }
     );
 
-    $("#users-select-field").hide();
-    $("#user-roles-select-field").show();
-
     $("input[type='radio'].select-users-radio").change(function () {
         if ($("#users-radio-btn").is(":checked")) {
             $("#user-roles-select-field").hide();
@@ -2093,7 +2319,7 @@ $(document).ready(function () {
     });
 
     // Support for special input type "ANY" on user(s) & user-role(s) selection
-    $("#user-roles-input,#user-input").select2({
+    $("#user-roles-input").select2({
         "tags": false
     }).on("select2:select", function (e) {
         if (e.params.data.id == "ANY") {
@@ -2102,12 +2328,19 @@ $(document).ready(function () {
             $("option[value=ANY]", this).prop("selected", false).parent().trigger("change");
         }
     });
-    $("#policy-profile-wizard-steps").html($(".wr-steps").html());
 
-    $("select.select2[multiple=multiple]").select2({
+    $("#users-input").select2({
         "tags": false
+    }).on("select2:select", function (e) {
+        if (e.params.data.id == "ANY") {
+            $(this).val("ANY").trigger("change");
+        } else {
+            $("option[value=ANY]", this).prop("selected", false).parent().trigger("change");
+        }
     });
 
+    $("#policy-profile-wizard-steps").html($(".wr-steps").html());
+
     // Maintains an array of configured features of the profile
     var advanceOperations = ".wr-advance-operations";
     $(advanceOperations).on("click", ".wr-input-control.switch", function (event) {
@@ -2318,4 +2551,4 @@ $(document).ready(function () {
         }
     });
 
-});
\ No newline at end of file
+});
diff --git a/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/public/templates/hidden-operations-android.hbs b/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/public/templates/hidden-operations-android.hbs
index d82da3c0f..4736d8ec3 100644
--- a/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/public/templates/hidden-operations-android.hbs
+++ b/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/public/templates/hidden-operations-android.hbs
@@ -1,457 +1,1225 @@
 <div class="row no-gutter">
-    <div class="wr-hidden-operations-nav col-lg-4">
-        <a href="javascript:void(0)" onclick="showAdvanceOperation('passcode-policy', this)" class="selected">
+<div class="wr-hidden-operations-nav col-lg-4">
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('passcode-policy', this)" class="selected">
                 <span class="wr-hidden-operations-icon fw-stack">
                     <i class="fw fw-key fw-stack-2x"></i>
                 </span>
-            Passcode Policy
-            <span id="passcode-policy-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="passcode-policy-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="passcode-policy-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
-        </a>
-        <a href="javascript:void(0)" onclick="showAdvanceOperation('camera', this)">
+        Passcode Policy
+        <span id="passcode-policy-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="passcode-policy-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="passcode-policy-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('camera', this)">
                 <span class="wr-hidden-operations-icon fw-stack">
                     <i class="fw fw-block fw-stack-2x"></i>
                 </span>
-            Restrictions on Camera
-            <span id="camera-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="camera-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span class="camera-error status-icon hidden"><i class="fw fw-error"></i></span>
-        </a>
-        <a href="javascript:void(0)" onclick="showAdvanceOperation('encrypt-storage', this)">
+        Restrictions
+        <span id="camera-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="camera-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span class="camera-error status-icon hidden"><i class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('encrypt-storage', this)">
                 <span class="wr-hidden-operations-icon fw-stack">
                     <i class="fw fw-security fw-stack-2x"></i>
                 </span>
-            Encryption Settings
-            <span id="encrypt-storage-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="encrypt-storage-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="encrypt-storage-error" class="encryption-error status-icon hidden"><i class="fw fw-error"></i></span>
-        </a>
-        <a href="javascript:void(0)" onclick="showAdvanceOperation('wifi', this)">
+        Encryption Settings
+        <span id="encrypt-storage-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="encrypt-storage-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="encrypt-storage-error" class="encryption-error status-icon hidden"><i class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('wifi', this)">
                 <span class="wr-hidden-operations-icon fw-stack">
                     <i class="fw fw-wifi fw-stack-2x"></i>
                 </span>
-            Wi-Fi Settings
-            <span id="wifi-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="wifi-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="wifi-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
-        </a>
-        <!--<a href="javascript:void(0)" onclick="showAdvanceOperation('install-apps', this)">-->
-                <!--<span class="wr-hidden-operations-icon fw-stack">-->
-                    <!--<i class="fw fw-application fw-stack-2x"></i>-->
-                <!--</span>-->
-            <!--App Installations-->
-        <!--</a>-->
-        <!--<a href="javascript:void(0)" onclick="showAdvanceOperation('blacklist-apps', this)">-->
-                <!--<span class="wr-hidden-operations-icon fw-stack">-->
-                    <!--<i class="fw fw-block fw-stack-2x"></i>-->
-                <!--</span>-->
-            <!--App Blacklisting-->
-        <!--</a>-->
-        <!--<a href="javascript:void(0)" onclick="showAdvanceOperation('web-clips', this)">-->
-                <!--<span class="wr-hidden-operations-icon fw-stack">-->
-                    <!--<i class="fw fw-website fw-stack-2x"></i>-->
-                <!--</span>-->
-            <!--Web clips-->
-        <!--</a>-->
-    </div>
+        Wi-Fi Settings
+        <span id="wifi-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="wifi-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="wifi-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('vpn', this)">
+                <span class="wr-hidden-operations-icon fw-stack">
+                    <i class="fw fw-vpn fw-stack-2x"></i>
+                </span>
+        Virtual Private Network
+        <span id="wifi-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="wifi-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="wifi-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('work-profile', this)">
+             <span class="wr-hidden-operations-icon fw-stack">
+                 <i class="fw fw-service fw-stack-2x"></i>
+             </span>
+        Work-Profile Configurations
+        <span id="work-profile-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="work-profile-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="work-profile-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
+    </a>
+
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('app-restriction', this)">
+                <span class="fw-stack fw-lg">
+                    <i class="fw fw-application fw-stack-1x"></i>
+                    <i class="fw fw-block fw-stack-2x"></i>
+                </span>
+        Applications Restrictions
+        <span id="app-restriction-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="app-restriction-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="app-restriction-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
+    </a>
+    <!--<a href="javascript:void(0)" onclick="showAdvanceOperation('install-apps', this)">-->
+    <!--<span class="wr-hidden-operations-icon fw-stack">-->
+    <!--<i class="fw fw-application fw-stack-2x"></i>-->
+    <!--</span>-->
+    <!--App Installations-->
+    <!--</a>-->
+    <!--<a href="javascript:void(0)" onclick="showAdvanceOperation('blacklist-apps', this)">-->
+    <!--<span class="wr-hidden-operations-icon fw-stack">-->
+    <!--<i class="fw fw-block fw-stack-2x"></i>-->
+    <!--</span>-->
+    <!--App Blacklisting-->
+    <!--</a>-->
+    <!--<a href="javascript:void(0)" onclick="showAdvanceOperation('web-clips', this)">-->
+    <!--<span class="wr-hidden-operations-icon fw-stack">-->
+    <!--<i class="fw fw-website fw-stack-2x"></i>-->
+    <!--</span>-->
+    <!--Web clips-->
+    <!--</a>-->
+</div>
 
-    <div class="wr-hidden-operations-content col-lg-8">
-        <!-- passcode-policy -->
-        <div class="wr-hidden-operation" data-operation="passcode-policy" style="display: block">
-            <div class="panel panel-default operation-data" data-operation="passcode-policy" data-operation-code="PASSCODE_POLICY">
-                <div id="passcode-policy-heading" class="panel-heading" role="tab">
-                    <h2 class="sub-title panel-title">
-                        Passcode Policy
-                        <label id="passcode-policy-lbl" class="wr-input-control switch" data-toggle="collapse" data-target="#passcode-policy-body">
-                            <input type="checkbox" />
-                            <span class="helper"></span>
-                            <span class="text"></span>
-                        </label>
-                        <hr>
-                        <div class="panel-title-description">
-                            This configuration can be used to set a passcode policy to an Android Device.
-                            Once this configuration profile is installed on a device, corresponding users will not be able
-                            to modify these settings on their devices.
-                        </div>
-                    </h2>
+<div class="wr-hidden-operations-content col-lg-8">
+<!-- passcode-policy -->
+<div class="wr-hidden-operation" data-operation="passcode-policy" style="display: block">
+    <div class="panel panel-default operation-data" data-operation="passcode-policy" data-operation-code="PASSCODE_POLICY">
+        <div id="passcode-policy-heading" class="panel-heading" role="tab">
+            <h2 class="sub-title panel-title">
+                Passcode Policy
+                <label id="passcode-policy-lbl" class="wr-input-control switch" data-toggle="collapse" data-target="#passcode-policy-body">
+                    <input type="checkbox" />
+                    <span class="helper"></span>
+                    <span class="text"></span>
+                </label>
+                <hr>
+                <div class="panel-title-description">
+                    This configuration can be used to set a passcode policy to an Android Device.
+                    Once this configuration profile is installed on a device, corresponding users will not be able
+                    to modify these settings on their devices.
                 </div>
-                <div id="passcode-policy-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="passcode-policy-body">
+            </h2>
+        </div>
+        <div id="passcode-policy-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="passcode-policy-body">
 
-                    <div id="passcode-policy-feature-error-msg" class="alert alert-danger hidden" role="alert">
-                        <i class="icon fw fw-error"></i><span></span>
-                    </div>
+            <div id="passcode-policy-feature-error-msg" class="alert alert-danger hidden" role="alert">
+                <i class="icon fw fw-error"></i><span></span>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="passcode-policy-allow-simple" type="checkbox" class="form-control operationDataKeys" data-key="passcodePolicyAllowSimple" checked="checked" />
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="passcode-policy-allow-simple" type="checkbox" class="form-control operationDataKeys" data-key="passcodePolicyAllowSimple" checked="checked" />
                             <span class="helper" title="Permit the use of repeating, ascending and descending character sequences">
                                 &nbsp;&nbsp;&nbsp;Allow simple value
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
+                </label>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="passcode-policy-require-alphanumeric" type="checkbox" class="form-control operationDataKeys" data-key="passcodePolicyRequireAlphanumeric" checked="checked" />
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="passcode-policy-require-alphanumeric" type="checkbox" class="form-control operationDataKeys" data-key="passcodePolicyRequireAlphanumeric" checked="checked" />
                             <span class="helper" title="Require passcode to contain both letters and numbers">
                                 &nbsp;&nbsp;&nbsp;Require alphanumeric value
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
+                </label>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="passcode-policy-min-length">
-                            Minimum passcode length
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="passcode-policy-min-length">
+                    Minimum passcode length
                             <span class="helper" title="Minimum number of characters allowed in a passcode">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <select id="passcode-policy-min-length" class="form-control operationDataKeys" data-key="passcodePolicyMinLength" data-default="0">
-                            <option value="" selected="selected">
-                                None
-                            </option>
-                            <option value="4">04</option>
-                            <option value="5">05</option>
-                            <option value="6">06</option>
-                            <option value="7">07</option>
-                            <option value="8">08</option>
-                            <option value="9">09</option>
-                            <option value="10">10</option>
-                            <option value="11">11</option>
-                            <option value="12">12</option>
-                            <option value="13">13</option>
-                            <option value="14">14</option>
-                            <option value="15">15</option>
-                        </select>
-                    </div>
+                </label>
+                <select id="passcode-policy-min-length" class="form-control operationDataKeys" data-key="passcodePolicyMinLength" data-default="0">
+                    <option value="" selected="selected">
+                        None
+                    </option>
+                    <option value="4">04</option>
+                    <option value="5">05</option>
+                    <option value="6">06</option>
+                    <option value="7">07</option>
+                    <option value="8">08</option>
+                    <option value="9">09</option>
+                    <option value="10">10</option>
+                    <option value="11">11</option>
+                    <option value="12">12</option>
+                    <option value="13">13</option>
+                    <option value="14">14</option>
+                    <option value="15">15</option>
+                </select>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="passcode-policy-min-complex-chars">
-                            Minimum number of complex characters
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="passcode-policy-min-complex-chars">
+                    Minimum number of complex characters
                             <span class="helper" title="Minimum number of complex or non-alphanumeric characters allowed in a passcode">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <select id="passcode-policy-min-complex-chars" class="form-control operationDataKeys" data-key="passcodePolicyMinComplexChars" data-default="0">
-                            <option value="" selected="selected">
-                                None
-                            </option>
-                            <option value="1">01</option>
-                            <option value="2">02</option>
-                            <option value="3">03</option>
-                            <option value="4">04</option>
-                            <option value="5">05</option>
-                        </select>
-                    </div>
+                </label>
+                <select id="passcode-policy-min-complex-chars" class="form-control operationDataKeys" data-key="passcodePolicyMinComplexChars" data-default="0">
+                    <option value="" selected="selected">
+                        None
+                    </option>
+                    <option value="1">01</option>
+                    <option value="2">02</option>
+                    <option value="3">03</option>
+                    <option value="4">04</option>
+                    <option value="5">05</option>
+                </select>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="passcode-policy-max-passcode-age-in-days">
-                            Maximum passcode age in days
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="passcode-policy-max-passcode-age-in-days">
+                    Maximum passcode age in days
                             <span class="helper" title="Number of days after which a passcode must be changed">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                            <br>
-                            ( Should be in between 1-to-730 days or none )
-                        </label>
-                        <input id="passcode-policy-max-passcode-age-in-days" type="text" class="form-control operationDataKeys" data-key="passcodePolicyMaxPasscodeAgeInDays" maxlength="3" placeholder="[ Requires Number Input ]">
-                    </div>
+                    <br>
+                    ( Should be in between 1-to-730 days or none )
+                </label>
+                <input id="passcode-policy-max-passcode-age-in-days" type="text" class="form-control operationDataKeys" data-key="passcodePolicyMaxPasscodeAgeInDays" maxlength="3" placeholder="[ Requires Number Input ]">
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="passcode-policy-passcode-history">
-                            Passcode history
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="passcode-policy-passcode-history">
+                    Passcode history
                             <span class="helper" title="Number of consequent unique passcodes to be used before reuse">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                            <br>
-                            ( Should be in between 1-to-50 passcodes or none )
-                        </label>
-                        <input id="passcode-policy-passcode-history" type="text" class="form-control operationDataKeys" data-key="passcodePolicyPasscodeHistory" maxlength="2" placeholder="[ Requires Number Input ]">
-                    </div>
+                    <br>
+                    ( Should be in between 1-to-50 passcodes or none )
+                </label>
+                <input id="passcode-policy-passcode-history" type="text" class="form-control operationDataKeys" data-key="passcodePolicyPasscodeHistory" maxlength="2" placeholder="[ Requires Number Input ]">
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="passcodePolicyMaxFailedAttempts">
-                            Maximum number of failed attempts
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="passcodePolicyMaxFailedAttempts">
+                    Maximum number of failed attempts
                             <span class="helper" title="Maximum number of passcode entry attempts allowed before all data on a device will be erased">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <select id="passcode-policy-max-failed-attempts" class="form-control operationDataKeys" data-key="passcodePolicyMaxFailedAttempts" data-default="0">
-                            <option value="" selected="selected">
-                                None
-                            </option>
-                            <option value="3">03</option>
-                            <option value="4">04</option>
-                            <option value="5">05</option>
-                            <option value="6">06</option>
-                            <option value="7">07</option>
-                            <option value="8">08</option>
-                            <option value="9">09</option>
-                            <option value="10">10</option>
-                        </select>
-                    </div>
-                </div>
+                </label>
+                <select id="passcode-policy-max-failed-attempts" class="form-control operationDataKeys" data-key="passcodePolicyMaxFailedAttempts" data-default="0">
+                    <option value="" selected="selected">
+                        None
+                    </option>
+                    <option value="3">03</option>
+                    <option value="4">04</option>
+                    <option value="5">05</option>
+                    <option value="6">06</option>
+                    <option value="7">07</option>
+                    <option value="8">08</option>
+                    <option value="9">09</option>
+                    <option value="10">10</option>
+                </select>
             </div>
         </div>
-        <!-- /passcode-policy -->
+    </div>
+</div>
+<!-- /passcode-policy -->
 
-        <!-- camera -->
-        <div class="wr-hidden-operation" data-operation="camera">
-            <div class="panel panel-default operation-data" data-operation="camera" data-operation-code="CAMERA">
-                <div id="camera-heading" class="panel-heading" role="tab">
-                    <h2 class="sub-title panel-title">
-                        Restrictions on Camera
-                        <label class="wr-input-control switch" data-toggle="collapse" data-target="#camera-body">
-                            <input type="checkbox" />
-                            <span class="helper"></span>
-                            <span class="text"></span>
-                        </label>
-                        <hr>
-                        <div class="panel-title-description">
-                            This configuration can be used to restrict the usage of camera on an Android device together with all the applications using the camera.
-                            Once this configuration profile is installed on a device, corresponding users will not be able
-                            to modify these settings on their devices.
-                        </div>
-                    </h2>
-                </div>
-                <div id="camera-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="camera-body">
-                    <div id="camera-feature-error-msg" class="alert alert-danger hidden" role="alert">
-                        <i class="icon fw fw-error"></i><span></span>
-                    </div>
-                    Un-check following checkbox in case you need to disable camera.
-                    <br>
-                    <br>
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="camera-enabled" type="checkbox" class="operationDataKeys" data-key="cameraEnabled" checked="checked" />
+<!-- camera -->
+<div class="wr-hidden-operation" data-operation="camera">
+<div class="panel panel-default operation-data" data-operation="camera" data-operation-code="CAMERA">
+<div id="camera-heading" class="panel-heading" role="tab">
+    <h2 class="sub-title panel-title">
+        Restrictions
+        <label class="wr-input-control switch" data-toggle="collapse" data-target="#camera-body">
+            <input type="checkbox" />
+            <span class="helper"></span>
+            <span class="text"></span>
+        </label>
+        <hr>
+        <div class="panel-title-description">
+            This configurations can be used to restrict certain settings on an Android device.
+            Once this configuration profile is installed on a device, corresponding users will not be able
+            to modify these settings on their devices.
+        </div>
+    </h2>
+</div>
+<div id="camera-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="camera-body">
+<div id="camera-feature-error-msg" class="alert alert-danger hidden" role="alert">
+    <i class="icon fw fw-error"></i><span></span>
+</div>
+<br>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="camera-enabled" type="checkbox" class="operationDataKeys" data-key="cameraEnabled"  checked="checked" />
                             <span class="helper" title="Having this checked would enable Usage of phone camera in the device.">
                                 &nbsp;&nbsp;&nbsp;Allow use of camera
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
-                    <br>
+    </label>
+</div>
+<br><b>
+    Below restrictions will be applied on devices with Android version 5.0 Lollipop onwards only
+</b>
+<br><br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="volume-adjust-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowAdjustVolumeEnabled" />
+                            <span class="helper" title="Having this checked would disallow volume adjust.">
+                                &nbsp;&nbsp;&nbsp;Disallow volume adjust
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-configuring-bluetooth-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowConfigBluetooth"/>
+                            <span class="helper" title="Having this checked would disallow configuring bluetooth.">
+                                &nbsp;&nbsp;&nbsp;Disallow configuring bluetooth.
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-configuring-cell-broadcast-enabled" type="checkbox"
+               class="operationDataKeys"
+               data-key="disallowConfigCellBroadcasts"/>
+                            <span class="helper" title="Having this checked would disallow configuring cell broadcast.">
+                                &nbsp;&nbsp;&nbsp;Disallow cell broadcast
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-configuring-credentials-enabled" type="checkbox"
+               class="operationDataKeys"
+               data-key="disallowConfigCredentials"/>
+                            <span class="helper" title="Having this checked would disallow configuring credentials.">
+                                &nbsp;&nbsp;&nbsp;Disallow configuring credentials
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-configuring-mobile-networkst-enabled" type="checkbox"
+               class="operationDataKeys"
+               data-key="disallowConfigMobileNetworks"/>
+                            <span class="helper" title="Having this checked would disallow configuring mobile networks.">
+                                &nbsp;&nbsp;&nbsp;Disallow configuring mobile networks
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-configuring-tethering-enabled" type="checkbox"
+               class="operationDataKeys"
+               data-key="disallowConfigTethering"/>
+                            <span class="helper" title="Having this checked would disallow configuring tethering.">
+                                &nbsp;&nbsp;&nbsp;Disallow configuring tethering
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-configuring-VPN-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowConfigVpn"/>
+                            <span class="helper" title="Having this checked would disallow configuring VPN.">
+                                &nbsp;&nbsp;&nbsp;Disallow configuring VPN
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-configuring-Wifi-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowConfigWifi"/>
+                            <span class="helper" title="Having this checked would disallow configuring Wifi.">
+                                &nbsp;&nbsp;&nbsp;Disallow configuring Wifi
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-configuring-app-control-enabled" type="checkbox"
+               class="operationDataKeys"
+               data-key="disallowAppControl"/>
+                            <span class="helper" title="Having this checked would disallow configuring app control.">
+                                &nbsp;&nbsp;&nbsp;Disallow configuring app control
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-create-window-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowCreateWindows"/>
+                            <span class="helper" title="Having this checked would disallow create window.">
+                                &nbsp;&nbsp;&nbsp;Disallow create window
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-cross-profile-copy-paste-enabled" type="checkbox"
+               class="operationDataKeys"
+               data-key="disallowCrossProfileCopyPaste"/>
+                            <span class="helper" title="Having this checked would disallow cross profile copy paste.">
+                                &nbsp;&nbsp;&nbsp;Disallow cross profile copy paste
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-debugging-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowDebugging"/>
+                            <span class="helper" title="Having this checked would disallow debugging.">
+                                &nbsp;&nbsp;&nbsp;Disallow debuging
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-factory-reset-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowFactoryReset"/>
+                            <span class="helper" title="Having this checked would disallow factory reset.">
+                                &nbsp;&nbsp;&nbsp;Disallow factory reset
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-add-user-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowAddUser"/>
+                            <span class="helper" title="Having this checked would disallow add user.">
+                                &nbsp;&nbsp;&nbsp;Disallow add user
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-install-apps-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowInstallApps"/>
+                            <span class="helper" title="Having this checked would disallow install apps.">
+                                &nbsp;&nbsp;&nbsp;Disallow install apps
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-installing-from-unknown-enabled" type="checkbox"
+               class="operationDataKeys"
+               data-key="disallowInstallUnknownSources"/>
+                            <span class="helper" title="Having this checked would disallow installing from unknown
+                            sources.">
+                                &nbsp;&nbsp;&nbsp;Disallow install from unknown sources
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-modify-accounts-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowModifyAccounts"/>
+                            <span class="helper" title="Having this checked would disallow modify accounts.">
+                                &nbsp;&nbsp;&nbsp;Disallow modify accounts
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-mount-physical-media-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowMountPhysicalMedia"/>
+                            <span class="helper" title="Having this checked would disallow mount physical media.">
+                                &nbsp;&nbsp;&nbsp;Disallow mount physical media
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-network-reset-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowNetworkReset"/>
+                            <span class="helper" title="Having this checked would disallow network reset.">
+                                &nbsp;&nbsp;&nbsp;Disallow network reset
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-outgoing-beam-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowOutgoingBeam"/>
+                            <span class="helper" title="Having this checked would disallow outgoing beam.">
+                                &nbsp;&nbsp;&nbsp;Disallow outgoing beam
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-outgoing-calls-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowOutgoingCalls"/>
+                            <span class="helper" title="Having this checked would disallow outgoing calls.">
+                                &nbsp;&nbsp;&nbsp;Disallow outgoing calls
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-remove-user-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowRemoveUser"/>
+                            <span class="helper" title="Having this checked would disallow remove user.">
+                                &nbsp;&nbsp;&nbsp;Disallow remove user
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-safe-boot-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowSafeBoot"/>
+                            <span class="helper" title="Having this checked would disallow safe boot.">
+                                &nbsp;&nbsp;&nbsp;Disallow safe boot
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-location-sharing-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowLocationSharing"/>
+                            <span class="helper" title="Having this checked would disallow location sharing.">
+                                &nbsp;&nbsp;&nbsp;Disallow location sharing
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-SMS-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowSMS"/>
+                            <span class="helper" title="Having this checked would disallow SMS.">
+                                &nbsp;&nbsp;&nbsp;Disallow SMS
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-uninstall-apps-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowUninstallApps"/>
+                            <span class="helper" title="Having this checked would disallow uninstall apps.">
+                                &nbsp;&nbsp;&nbsp;Disallow uninstall apps
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-unmute-microphone-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowUnmuteMicrophone"/>
+                            <span class="helper" title="Having this checked would disallow unmute microphone.">
+                                &nbsp;&nbsp;&nbsp;Disallow unmute microphone
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-USB-transfer-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disallowUSBFileTransfer"/>
+                            <span class="helper" title="Having this checked would disallow USB file transfer.">
+                                &nbsp;&nbsp;&nbsp;Disallow USB file transfer
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disallow-parent-profile-app-linking-enabled" type="checkbox"
+               class="operationDataKeys"
+               data-key="disallowParentProfileAppLinking"/>
+                            <span class="helper" title="Having this checked would disallow parent profile app linking.">
+                                &nbsp;&nbsp;&nbsp;Disallow parent profile app linking
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="ensure-verifying-apps-enabled" type="checkbox" class="operationDataKeys"
+               data-key="ensureVerifyApps"/>
+                            <span class="helper" title="Having this checked would ensure verifying apps .">
+                                &nbsp;&nbsp;&nbsp;Ensure verifying apps
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="enable-auto-timing-enabled" type="checkbox" class="operationDataKeys"
+               data-key="enableAutoTime"/>
+                            <span class="helper" title="Having this checked would enable auto timing .">
+                                &nbsp;&nbsp;&nbsp;Enable auto timing
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disable-screen-capture-enabled" type="checkbox" class="operationDataKeys"
+               data-key="diableScreenCapture"/>
+                            <span class="helper" title="Having this checked would disable screen capture .">
+                                &nbsp;&nbsp;&nbsp;Disable screen capture
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+<br><b>
+    Bellow restrictions will be applied on devices with Android version 6.0 Marshmallow onwards only.
+</b>
+<br><br>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="disable-status-bar-enabled" type="checkbox" class="operationDataKeys"
+               data-key="disableStatusBar" />
+                            <span class="helper" title="Having this checked would disable status bar .">
+                                &nbsp;&nbsp;&nbsp;Disable status bar
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<br>
+</div>
+</div>
+</div>
+<!-- /camera -->
+
+<!-- encrypt-storage -->
+<div class="wr-hidden-operation" data-operation="encrypt-storage">
+    <div class="panel panel-default operation-data" data-operation="encrypt-storage" data-operation-code="ENCRYPT_STORAGE">
+        <div id="encrypt-storage-heading" class="panel-heading" role="tab">
+            <h2 class="sub-title panel-title">
+                Encryption Settings
+                <label class="wr-input-control switch" data-toggle="collapse" data-target="#encrypt-storage-body">
+                    <input type="checkbox" />
+                    <span class="helper"></span>
+                    <span class="text"></span>
+                </label>
+                <hr>
+                <div class="panel-title-description">
+                    This configuration can be used to encrypt data on an Android device, when the device is locked and
+                    make it readable when the passcode is entered. Once this configuration profile is installed on a device,
+                    corresponding users will not be able to modify these settings on their devices.
                 </div>
+            </h2>
+        </div>
+        <div id="encrypt-storage-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="encrypt-storage-body">
+            <div id="encrypt-storage-feature-error-msg" class="alert alert-danger hidden" role="alert">
+                <i class="icon fw fw-error"></i><span></span>
+            </div>
+            Un-check following checkbox in case you do not need the device to be encrypted.
+            <br>
+            <br>
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="encrypt-storage-enabled" type="checkbox" class="operationDataKeys" data-key="encryptStorageEnabled" checked="checked" />
+                            <span class="helper" title="Having this checked would enable Storage-encryption in the device">
+                                &nbsp;&nbsp;&nbsp;Enable storage-encryption
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+                </label>
             </div>
+            <br>
         </div>
-        <!-- /camera -->
+    </div>
+</div>
+<!-- /encrypt-storage -->
 
-        <!-- encrypt-storage -->
-        <div class="wr-hidden-operation" data-operation="encrypt-storage">
-            <div class="panel panel-default operation-data" data-operation="encrypt-storage" data-operation-code="ENCRYPT_STORAGE">
-                <div id="encrypt-storage-heading" class="panel-heading" role="tab">
-                    <h2 class="sub-title panel-title">
-                        Encryption Settings
-                        <label class="wr-input-control switch" data-toggle="collapse" data-target="#encrypt-storage-body">
-                            <input type="checkbox" />
-                            <span class="helper"></span>
-                            <span class="text"></span>
-                        </label>
-                        <hr>
-                        <div class="panel-title-description">
-                            This configuration can be used to encrypt data on an Android device, when the device is locked and
-                            make it readable when the passcode is entered. Once this configuration profile is installed on a device,
-                            corresponding users will not be able to modify these settings on their devices.
-                        </div>
-                    </h2>
+<!-- wi-fi -->
+<div class="wr-hidden-operation" data-operation="wifi">
+    <div class="panel panel-default operation-data" data-operation="wifi" data-operation-code="WIFI">
+        <div id="wifi-heading" class="panel-heading" role="tab">
+            <h2 class="sub-title panel-title">
+                Wi-Fi Settings
+                <label class="wr-input-control switch" data-toggle="collapse" data-target="#wifi-body">
+                    <input type="checkbox" />
+                    <span class="helper"></span>
+                    <span class="text"></span>
+                </label>
+                <hr>
+                <div class="panel-title-description">
+                    This configurations can be used to configure Wi-Fi access on an Android device.
+                    Once this configuration profile is installed on a device, corresponding users will not be able
+                    to modify these settings on their devices.
                 </div>
-                <div id="encrypt-storage-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="encrypt-storage-body">
-                    <div id="encrypt-storage-feature-error-msg" class="alert alert-danger hidden" role="alert">
-                        <i class="icon fw fw-error"></i><span></span>
-                    </div>
-                    Un-check following checkbox in case you do not need the device to be encrypted.
-                    <br>
+            </h2>
+        </div>
+        <div id="wifi-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="wifi-body">
+            <!--<div class="cloneable">-->
+            <!--<a href="#" class="multi-view add enabled">-->
+            <!--<span class="icon fw-stack">-->
+            <!--<i class="fw fw-add fw-stack-1x"></i>-->
+            <!--<i class="fw fw-ring fw-stack-2x"></i>-->
+            <!--</span>-->
+            <!--</a>-->
+            <!--<a href="#" class="multi-view remove disabled">-->
+            <!--<span class="icon fw-stack">-->
+            <!--<i class="fw fw-minus fw-stack-1x"></i>-->
+            <!--<i class="fw fw-ring fw-stack-2x"></i>-->
+            <!--</span>-->
+            <!--</a>-->
+            <!--Wi-Fi Setting :-->
+            <!--<br>-->
+            <!--<br>-->
+            Please note that * sign represents required fields of data.
+            <br>
+            <br>
+            <div id="wifi-feature-error-msg" class="alert alert-danger hidden" role="alert">
+                <i class="icon fw fw-error"></i><span></span>
+            </div>
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="wifi-ssid">
+                    Service Set Identifier (SSID) *
+                                <span class="helper" title="Identification of the wireless network to be configured.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
                     <br>
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="encrypt-storage-enabled" type="checkbox" class="operationDataKeys" data-key="encryptStorageEnabled" checked="checked" />
-                            <span class="helper" title="Having this checked would enable Storage-encryption in the device">
-                                &nbsp;&nbsp;&nbsp;Enable storage-encryption
+                    ( should be 1-to-30 characters long )
+                </label>
+                <input id="wifi-ssid" type="text" class="form-control operationDataKeys" data-key="wifiSSID" maxlength="100" placeholder="[ Required field ]"/>
+            </div>
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="wifi-type">
+                    Security*
+                                    <span class="helper"
+                                          title="Security type of the wireless network to be configured. 802.1x EAP works with Android 4.3 and above devices only.">
+                                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                    </span>
+                </label>
+                <select class="form-control operationDataKeys" id="wifi-type"
+                        onchange="changeAndroidWifiPolicy(this)"  data-key="wifiType">
+                    <option value="none" selected>None</option>
+                    <option value="wep">WEP</option>
+                    <option value="wpa">WPA/WPA 2 PSK</option>
+                    <option value="802eap">802.1x EAP</option>
+                </select>
+            </div>
+
+            <div class="wr-input-control" id="control-wifi-eap" style="display:none;">
+                <label class="wr-input-label" for="wifi-eap">
+                    EAP Method
+                                    <span class="helper" title="EAP Method of the wireless network to be configured.">
+                                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                    </span>
+                </label>
+                <select class="form-control operationDataKeys" id="wifi-eap"
+                        onchange="changeAndroidWifiPolicyEAP(this, document.getElementById('wifi-type'))" data-key="wifiEAP">
+                    <option value="peap">PEAP</option>
+                    <option value="tls">TLS</option>
+                    <option value="ttls">TTLS</option>
+                    <option value="pwd">PWD</option>
+                    <option value="sim">SIM</option>
+                    <option value="aka">AKA</option>
+                </select>
+            </div>
+            <div class="wr-input-control" id="control-wifi-phase2" style="display:none;">
+                <label class="wr-input-label" for="wifi-phase2">
+                    Phase 2 Authentication
+                                    <span class="helper"
+                                          title="Phase 2 authentication of the wireless network to be configured.">
+                                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                    </span>
+                </label>
+                <select class="form-control operationDataKeys" id="wifi-phase2" data-key="wifiPhase2">
+                    <option value="none">None</option>
+                    <option value="pap">PAP</option>
+                    <option value="mchap">MCHAP</option>
+                    <option value="mchapv2">MCHAPV2</option>
+                    <option value="gtc">GTC</option>
+                </select>
+            </div>
+            <div class="wr-input-control" id="control-wifi-provisioning" style="display:none;">
+                <label class="wr-input-label" for="wifi-provisioning">
+                    Provisioning
+                                    <span class="helper" title="Provisioning of the wireless network to be configured.">
+                                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                    </span>
+                </label>
+                <select class="form-control operationDataKeys" id="wifi-provisioning" data-key="wifiProvisioning">
+                    <option value="0">0</option>
+                    <option value="1">1</option>
+                    <option value="2">2</option>
+                    <option value="3">3</option>
+                </select>
+            </div>
+            <div class="wr-input-control" id="control-wifi-identity" style="display:none;">
+                <label class="wr-input-label" for="wifi-identity">
+                    Identity
+                                <span class="helper" title="Identity of the wireless network to be configured.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+                </label>
+                <label id="wifiIdentityValidationText" class="wr-input-label hidden">
+                    Identity should be 1-to-30 characters long
+                </label>
+                <input id="wifi-identity" type="text" class="form-control operationDataKeys"
+                       data-key="wifiIdentity"
+                       maxlength="100" placeholder="[ Should be 1-to-30 characters long ]"/>
+            </div>
+            <div class="wr-input-control" id="control-wifi-anoidentity" style="display:none;">
+                <label class="wr-input-label" for="wifi-anoidentity">
+                    Anonymous Identity
+                                <span class="helper" title="Identity of the wireless network to be configured.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+                </label>
+                <label id="wifiIdentityValidationText" class="wr-input-label hidden">
+                    Anonymous Identity should be 1-to-30 characters long
+                </label>
+                <input id="wifi-anoidentity" type="text" class="form-control operationDataKeys"
+                       data-key="wifiAnoIdentity"
+                       maxlength="100" placeholder="[ Should be 1-to-30 characters long ]"/>
+            </div>
+            <div class="wr-input-control" id="control-wifi-cacert" style="display:none;">
+                <label class="wr-input-label" for="wifi-password">
+                    CA Certificate
+                                <span class="helper" title="CA Certificate for the wireless network.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+                </label>
+                <input id="wifi-cacert-upload" type="file" class="form-control"
+                       onchange="base64EncodeFile(this, document.getElementById('wifi-cacert'), document.getElementById('wifi-cacert-name'))"/>
+                <input id="wifi-cacert" type="text" class="form-control operationDataKeys"
+                       data-key="wifiCaCert" style="display:none;"/>
+                <input id="wifi-cacert-name" type="hidden" class="form-control operationDataKeys"
+                       data-key="wifiCaCertName" />
+            </div>
+            <div class="wr-input-control" id="control-wifi-password" style="display:none;">
+                <label class="wr-input-label" for="wifi-password">
+                    Password
+                                <span class="helper" title="Password for the wireless network.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+                </label>
+                <input id="wifi-password" type="password" class="form-control operationDataKeys"
+                       data-key="wifiPassword" maxlength="100"/>
+            </div>
+            <!--</div>-->
+        </div>
+    </div>
+</div>
+<!-- /wi-fi -->
+<!--app-restriction-->
+<div class="wr-hidden-operation" data-operation="app-restriction">
+    <div class="panel panel-default operation-data" data-operation="app-restriction" data-operation-code="APP-RESTRICTION">
+        <div id="app-restriction-heading" class="panel-heading" role="tab">
+            <h2 class="sub-title panel-title">
+                Application Restriction Settings
+                <label class="wr-input-control switch" data-toggle="collapse" data-target="#app-restriction-body">
+                    <input type="checkbox" />
+                    <span class="helper"></span>
+                    <span class="text"></span>
+                </label>
+                <hr>
+                <div class="panel-title-description">
+                    This configuration can be used to create a black list or white list of applications.
+                </div>
+            </h2>
+        </div>
+        <div id="app-restriction-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="app-restriction-body">
+
+            <div id="app-restriction-feature-error-msg" class="alert alert-danger hidden" role="alert">
+                <i class="icon fw fw-error"></i><span></span>
+            </div>
+
+            <select id="app-restriction-type" class="form-control operationDataKeys" data-key="restrictionType">
+                <option value="" selected="selected">
+                    None
+                </option>
+                <option value="black-list">Black List</option>
+                <option value="white-list">White List</option>
+            </select>
+
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="restricted-applications">
+                    Restricted Application List
+                            <span class="helper" title="Add an application to restrict.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
                     <br>
+                    <a href="#restricted-applications-grid" class="grid-input-add" data-click-event="add-form">
+                                <span class="icon fw-stack">
+                                    <i class="fw fw-add fw-stack-1x"></i>
+                                    <i class="fw fw-ring fw-stack-2x"></i>
+                                </span>
+                        &nbsp;
+                        Add Application
+                    </a>
+                </label>
+                <div id="restricted-applications" class="operationDataKeys grouped-array-input multi-column-key-value-pair-array" data-key="restrictedApplications" data-column-count="2">
+                    <table class="table table-responsive table-striped">
+                        <thead>
+                        <tr>
+                            <th>No:</th>
+                            <th>Application Name/Description</th>
+                            <th>Package Name</th>
+                            <th></th>
+                        </tr>
+                        </thead>
+                        <tbody data-add-form-container="#restricted-applications-grid">
+                        <tr data-help-text="add-form">
+                            <td colspan="4">
+                                No entries added yet .
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                    <table class="template hidden">
+                        <tbody data-add-form="#restricted-applications-grid">
+                        <tr data-add-form-element="clone">
+                            <td data-title="No:">
+                                <span class="index"></span>
+                            </td>
+                            <td data-title="App Name">
+                                <input type="text" class="form-control grid-input-text" data-child-key="appName" maxlength="100" data-default="" placeholder="[ Gmail ]" />
+                            </td>
+                            <td data-title="Package Name">
+                                <input type="text" class="form-control grid-input-text" data-child-key="packageName" maxlength="100" data-default="" placeholder="[ com.google.android.gm ]" />
+                            </td>
+                            <td>
+                                            <span class="list-group-item-actions">
+                                                <a href="#restricted-applications-grid" class="grid-input-remove" data-click-event="remove-form">
+                                                    <span class="fw-stack helper" title="Remove Entry">
+                                                        <i class="fw fw-ring fw-stack-2x"></i>
+                                                        <i class="fw fw-delete fw-stack-1x"></i>
+                                                    </span>
+                                                </a>
+                                            </span>
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
                 </div>
             </div>
         </div>
-        <!-- /encrypt-storage -->
+    </div>
+</div>
+<!--/app-restriction-->
 
-        <!-- wi-fi -->
-        <div class="wr-hidden-operation" data-operation="wifi">
-            <div class="panel panel-default operation-data" data-operation="wifi" data-operation-code="WIFI">
-                <div id="wifi-heading" class="panel-heading" role="tab">
-                    <h2 class="sub-title panel-title">
-                        Wi-Fi Settings
-                        <label class="wr-input-control switch" data-toggle="collapse" data-target="#wifi-body">
-                            <input type="checkbox" />
-                            <span class="helper"></span>
-                            <span class="text"></span>
-                        </label>
-                        <hr>
-                        <div class="panel-title-description">
-                            This configurations can be used to configure Wi-Fi access on an Android device.
-                            Once this configuration profile is installed on a device, corresponding users will not be able
-                            to modify these settings on their devices.
-                        </div>
-                    </h2>
+<!-- VPN -->
+<div class="wr-hidden-operation" data-operation="vpn">
+    <div class="panel panel-default operation-data" data-operation="vpn" data-operation-code="VPN">
+        <div id="vpn-heading" class="panel-heading" role="tab">
+            <h2 class="sub-title panel-title">
+                VPN Settings
+                <label class="wr-input-control switch" data-toggle="collapse" data-target="#vpn-body">
+                    <input type="checkbox" />
+                    <span class="helper"></span>
+                    <span class="text"></span>
+                </label>
+                <hr>
+                <div class="panel-title-description">
+                    This configurations can be used to configure VPN settings on an Android device.
+                    Once this configuration profile is installed on a device, corresponding users will not be able
+                    to modify these settings on their devices.
                 </div>
-                <div id="wifi-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="wifi-body">
-                    <!--<div class="cloneable">-->
-                        <!--<a href="#" class="multi-view add enabled">-->
-                            <!--<span class="icon fw-stack">-->
-                                <!--<i class="fw fw-add fw-stack-1x"></i>-->
-                                <!--<i class="fw fw-ring fw-stack-2x"></i>-->
-                            <!--</span>-->
-                        <!--</a>-->
-                        <!--<a href="#" class="multi-view remove disabled">-->
-                            <!--<span class="icon fw-stack">-->
-                                <!--<i class="fw fw-minus fw-stack-1x"></i>-->
-                                <!--<i class="fw fw-ring fw-stack-2x"></i>-->
-                            <!--</span>-->
-                        <!--</a>-->
-                        <!--Wi-Fi Setting :-->
-                        <!--<br>-->
-                        <!--<br>-->
-                        Please note that * sign represents required fields of data.
-                        <br>
-                        <br>
-                        <div id="wifi-feature-error-msg" class="alert alert-danger hidden" role="alert">
-                            <i class="icon fw fw-error"></i><span></span>
-                        </div>
-                        <div class="wr-input-control">
-                            <label class="wr-input-label" for="wifi-ssid">
-                                Service Set Identifier (SSID) *
-                                <span class="helper" title="Identification of the wireless network to be configured.">
+            </h2>
+        </div>
+        <div id="vpn-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="vpn-body">
+            Please note that * sign represents required fields of data.
+            <br>
+            <br>
+            <div id="vpn-feature-error-msg" class="alert alert-danger hidden" role="alert">
+                <i class="icon fw fw-error"></i><span></span>
+            </div>
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="vpn-server-address">
+                    VPN Server Address*
+                                <span class="helper" title="Address of the VPN server to be configured.">
                                     <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                 </span>
-                                <br>
-                                ( should be 1-to-30 characters long )
-                            </label>
-                            <input id="wifi-ssid" type="text" class="form-control operationDataKeys" data-key="wifiSSID" maxlength="100" placeholder="[ Required field ]"/>
-                        </div>
-                        <div class="wr-input-control">
-                            <label class="wr-input-label" for="wifi-password">
-                                Password
-                                <span class="helper" title="Password for the wireless network.">
+                </label>
+                <input id="vpn-server-address" type="text" class="form-control operationDataKeys" data-key="serverAddress" maxlength="200" placeholder="[ Should be a valid hostname ]"/>
+            </div>
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="vpn-server-port">
+                    VPN Server Port
+                                <span class="helper" title="Port of the VPN server to be configured.">
                                     <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                 </span>
-                            </label>
-                            <input id="wifi-password" type="password" class="form-control operationDataKeys" data-key="wifiPassword" maxlength="100" placeholder="[ Optional field ]"/>
-                        </div>
-                    <!--</div>-->
-                </div>
+                </label>
+                <input id="vpn-server-port" type="text" class="form-control operationDataKeys" data-key="serverPort" maxlength="100" placeholder="[ Optional field ]"/>
+            </div>
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="vpn-shared-secret">
+                    Shared Secret
+                                <span class="helper" title="Shared secret.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+                </label>
+                <input id="vpn-shared-secret" type="password" class="form-control operationDataKeys" data-key="sharedSecret" maxlength="100" placeholder="[ Optional field ]"/>
+            </div>
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="vpn-dns">
+                    DNS Server
+                                <span class="helper" title="DNS Server.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+                </label>
+                <input id="vpn-dns" type="text" class="form-control operationDataKeys" data-key="dnsServer" maxlength="100" placeholder="[ Optional field ]"/>
             </div>
         </div>
-        <!-- /wi-fi -->
+    </div>
+</div>
+<!-- /VPN -->
 
-        <!-- install-applications -->
-        <!--<div class="wr-hidden-operation" data-operation="install-apps">-->
-            <!--<div class="panel panel-default operation-data" data-operation="INSTALL_APPLICATION">-->
-                <!--<div class="panel-heading" role="tab">-->
-                    <!--<h2 class="sub-title panel-title">-->
-                        <!--<br>-->
-                        <!--&nbsp;&nbsp;&nbsp;App Installations-->
-                        <!--<label class="wr-input-control switch" data-toggle="collapse" data-target="#installApp">-->
-                            <!--<input type="checkbox" />-->
-                            <!--<span class="helper"></span>-->
-                            <!--<span class="text"></span>-->
-                        <!--</label>-->
-                        <!--<br>-->
-                        <!--<br>-->
-                    <!--</h2>-->
-                <!--</div>-->
-                <!--<div id="installApp" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="installApp">-->
-                    <!--<div id="install-app-feature-error-msg" class="alert alert-danger hidden" role="alert">-->
-                        <!--<i class="icon fw fw-error"></i><span></span>-->
-                    <!--</div>-->
-                    <!--<label class="wr-input-label" title="Application Identifier">App Identifier<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
+<!-- install-applications -->
+<!--<div class="wr-hidden-operation" data-operation="install-apps">-->
+<!--<div class="panel panel-default operation-data" data-operation="INSTALL_APPLICATION">-->
+<!--<div class="panel-heading" role="tab">-->
+<!--<h2 class="sub-title panel-title">-->
+<!--<br>-->
+<!--&nbsp;&nbsp;&nbsp;App Installations-->
+<!--<label class="wr-input-control switch" data-toggle="collapse" data-target="#installApp">-->
+<!--<input type="checkbox" />-->
+<!--<span class="helper"></span>-->
+<!--<span class="text"></span>-->
+<!--</label>-->
+<!--<br>-->
+<!--<br>-->
+<!--</h2>-->
+<!--</div>-->
+<!--<div id="installApp" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="installApp">-->
+<!--<div id="install-app-feature-error-msg" class="alert alert-danger hidden" role="alert">-->
+<!--<i class="icon fw fw-error"></i><span></span>-->
+<!--</div>-->
+<!--<label class="wr-input-label" title="Application Identifier">App Identifier<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
 
-                    <!--<div class="wr-input-control">-->
-                        <!--<input type="text" class="form-control operationDataKeys" id="package-name" data-key="packageName" placeholder="Enter App Identifier"/>-->
-                    <!--</div>-->
-                    <!--<div class="wr-input-control">-->
-                        <!--<label class="wr-input-control dropdown">-->
-                            <!--<span class="helper" title="App Type">App Type<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></span>-->
-                            <!--<select class="form-control col-sm-8 operationDataKeys appTypesInput" id="type" data-key="type">-->
-                                <!--<option>Public</option>-->
-                                <!--<option>Enterprise</option>-->
-                            <!--</select>-->
-                        <!--</label>-->
-                    <!--</div>-->
-                    <!--<label class="wr-input-label" title="URL">URL<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
+<!--<div class="wr-input-control">-->
+<!--<input type="text" class="form-control operationDataKeys" id="package-name" data-key="packageName" placeholder="Enter App Identifier"/>-->
+<!--</div>-->
+<!--<div class="wr-input-control">-->
+<!--<label class="wr-input-control dropdown">-->
+<!--<span class="helper" title="App Type">App Type<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></span>-->
+<!--<select class="form-control col-sm-8 operationDataKeys appTypesInput" id="type" data-key="type">-->
+<!--<option>Public</option>-->
+<!--<option>Enterprise</option>-->
+<!--</select>-->
+<!--</label>-->
+<!--</div>-->
+<!--<label class="wr-input-label" title="URL">URL<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
 
-                    <!--<div class="wr-input-control">-->
-                        <!--<input type="text" class="form-control operationDataKeys" id="url" data-key="url" placeholder="Enter URL"/>-->
-                    <!--</div>-->
-                <!--</div>-->
-            <!--</div>-->
-        <!--</div>-->
-        <!-- /install-applications -->
+<!--<div class="wr-input-control">-->
+<!--<input type="text" class="form-control operationDataKeys" id="url" data-key="url" placeholder="Enter URL"/>-->
+<!--</div>-->
+<!--</div>-->
+<!--</div>-->
+<!--</div>-->
+<!-- /install-applications -->
 
-        <!-- /uninstall-applications -->
-        <!--<div class="wr-hidden-operation" data-operation="uninstall-apps">-->
-            <!--<div class="panel panel-default operation-data" data-operation="UNINSTALL_APPLICATION">-->
-                <!--<div class="panel-heading" role="tab">-->
-                    <!--<h2 class="sub-title panel-title">-->
-                        <!--<br>-->
-                        <!--&nbsp;&nbsp;&nbsp;App Uninstallations-->
-                        <!--<label class="wr-input-control switch" data-toggle="collapse" data-target="#uninstallApp">-->
-                            <!--<input type="checkbox" />-->
-                            <!--<span class="helper"></span>-->
-                            <!--<span class="text"></span>-->
-                        <!--</label>-->
-                        <!--<br>-->
-                        <!--<br>-->
-                    <!--</h2>-->
-                <!--</div>-->
-                <!--<div id="uninstallApp" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="uninstallApp">-->
-                    <!--<div id="uninstall-app-feature-error-msg" class="alert alert-danger hidden" role="alert">-->
-                        <!--<i class="icon fw fw-error"></i><span></span>-->
-                    <!--</div>-->
-                    <!--<label class="wr-input-label" title="Application Identifier">App Identifier<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
-                    <!--<!--span>Identification of the wireless network to connect to</span-->
-                    <!--<div class="wr-input-control">-->
-                        <!--<input type="text" class="form-control operationDataKeys" id="package-name" data-key="packageName" placeholder="Enter App Identifier"/>-->
-                    <!--</div>-->
-                <!--</div>-->
-            <!--</div>-->
-        <!--</div>-->
-        <!-- /uninstall-applications -->
+<!-- /uninstall-applications -->
+<!--<div class="wr-hidden-operation" data-operation="uninstall-apps">-->
+<!--<div class="panel panel-default operation-data" data-operation="UNINSTALL_APPLICATION">-->
+<!--<div class="panel-heading" role="tab">-->
+<!--<h2 class="sub-title panel-title">-->
+<!--<br>-->
+<!--&nbsp;&nbsp;&nbsp;App Uninstallations-->
+<!--<label class="wr-input-control switch" data-toggle="collapse" data-target="#uninstallApp">-->
+<!--<input type="checkbox" />-->
+<!--<span class="helper"></span>-->
+<!--<span class="text"></span>-->
+<!--</label>-->
+<!--<br>-->
+<!--<br>-->
+<!--</h2>-->
+<!--</div>-->
+<!--<div id="uninstallApp" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="uninstallApp">-->
+<!--<div id="uninstall-app-feature-error-msg" class="alert alert-danger hidden" role="alert">-->
+<!--<i class="icon fw fw-error"></i><span></span>-->
+<!--</div>-->
+<!--<label class="wr-input-label" title="Application Identifier">App Identifier<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
+<!--<!--span>Identification of the wireless network to connect to</span-->
+<!--<div class="wr-input-control">-->
+<!--<input type="text" class="form-control operationDataKeys" id="package-name" data-key="packageName" placeholder="Enter App Identifier"/>-->
+<!--</div>-->
+<!--</div>-->
+<!--</div>-->
+<!--</div>-->
+<!-- /uninstall-applications -->
 
-        <!-- /web-clips -->
-        <!--<div class="wr-hidden-operation" data-operation="web-clips">-->
-            <!--<div class="panel panel-default operation-data" data-operation="WEBCLIP">-->
-                <!--<div class="panel-heading" role="tab">-->
-                    <!--<h2 class="sub-title panel-title">-->
-                        <!--<br>-->
-                        <!--&nbsp;&nbsp;&nbsp;Web clips-->
-                        <!--<label class="wr-input-control switch" data-toggle="collapse" data-target="#installWebClip">-->
-                            <!--<input type="checkbox" />-->
-                            <!--<span class="helper"></span>-->
-                            <!--<span class="text"></span>-->
-                        <!--</label>-->
-                        <!--<br>-->
-                        <!--<br>-->
-                    <!--</h2>-->
-                <!--</div>-->
-                <!--<div id="installWebClip" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="installWebClip">-->
-                    <!--<div id="install-webclip-feature-error-msg" class="alert alert-danger hidden" role="alert">-->
-                        <!--<i class="icon fw fw-error"></i><span></span>-->
-                    <!--</div>-->
-                    <!--<label class="wr-input-label" title="Title of the web clip">Title<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
-                    <!--<div class="wr-input-control">-->
-                        <!--<input type="text" class="form-control operationDataKeys" id="title" data-key="title" placeholder="Enter Title"/>-->
-                    <!--</div>-->
-                    <!--<label class="wr-input-label" title="URL">URL<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
-                    <!--<div class="wr-input-control">-->
-                        <!--<input type="text" class="form-control operationDataKeys" id="url" data-key="url" placeholder="Enter URL"/>-->
-                    <!--</div>-->
-                <!--</div>-->
-            <!--</div>-->
-        <!--</div>-->
-        <!-- /web-clips -->
+<!-- /web-clips -->
+<!--<div class="wr-hidden-operation" data-operation="web-clips">-->
+<!--<div class="panel panel-default operation-data" data-operation="WEBCLIP">-->
+<!--<div class="panel-heading" role="tab">-->
+<!--<h2 class="sub-title panel-title">-->
+<!--<br>-->
+<!--&nbsp;&nbsp;&nbsp;Web clips-->
+<!--<label class="wr-input-control switch" data-toggle="collapse" data-target="#installWebClip">-->
+<!--<input type="checkbox" />-->
+<!--<span class="helper"></span>-->
+<!--<span class="text"></span>-->
+<!--</label>-->
+<!--<br>-->
+<!--<br>-->
+<!--</h2>-->
+<!--</div>-->
+<!--<div id="installWebClip" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="installWebClip">-->
+<!--<div id="install-webclip-feature-error-msg" class="alert alert-danger hidden" role="alert">-->
+<!--<i class="icon fw fw-error"></i><span></span>-->
+<!--</div>-->
+<!--<label class="wr-input-label" title="Title of the web clip">Title<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
+<!--<div class="wr-input-control">-->
+<!--<input type="text" class="form-control operationDataKeys" id="title" data-key="title" placeholder="Enter Title"/>-->
+<!--</div>-->
+<!--<label class="wr-input-label" title="URL">URL<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
+<!--<div class="wr-input-control">-->
+<!--<input type="text" class="form-control operationDataKeys" id="url" data-key="url" placeholder="Enter URL"/>-->
+<!--</div>-->
+<!--</div>-->
+<!--</div>-->
+<!--</div>-->
+<!-- /web-clips -->
+
+<!--Work-profile-->
+<div class="wr-hidden-operation" data-operation="work-profile">
+    <div class="panel panel-default operation-data" data-operation="work-profile" data-operation-code="WORK_PROFILE">
+        <div id="work-profile-policy-heading" class="panel-heading" role="tab">
+            <h2 class="sub-title panel-title">
+                Work-Profile Configurations
+                <label id="work-profile-policy-lbl" class="wr-input-control switch" data-toggle="collapse" data-target="#work-profile-policy-body">
+                    <input type="checkbox" />
+                    <span class="helper"></span>
+                    <span class="text"></span>
+                </label>
+                <hr>
+                <div class="panel-title-description">
+                    The configurations below can be applied to the devices where the agent is running in Android Work-Profile.
+                </div>
+            </h2>
+        </div>
+        <div id="work-profile-policy-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="work-profile-policy-body">
+
+            <div id="work-profile-policy-feature-error-msg" class="alert alert-danger hidden" role="alert">
+                <i class="icon fw fw-error"></i><span></span>
+            </div>
+
+            <!--<div class="wr-input-control">
+             <label class="wr-input-control checkbox">
+                 <input id="work-profile-policy-allow-cross-profile" type="checkbox" class="form-control operationDataKeys" data-key="workProfilePolicyAllowCopyPaste" checked="checked" />
+                     <span class="helper" title="Permit the use of repeating, ascending and descending character sequences">
+                         &nbsp;&nbsp;&nbsp;Allow cross profile copy-paste
+                         <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                     </span>
+             </label>
+            </div> -->
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="work-profile-policy-max-passcode-age-in-days">
+                    Profile Name
+                            <span class="helper" title="Name of the Work-Profile created by EMM Agent">
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+                    <br>
+                </label>
+                <input id="work-profile-policy-profile-name" type="text" class="form-control operationDataKeys" data-key="workProfilePolicyProfileName" maxlength="20">
+            </div>
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="work-profile-policy-enable-system-apps">
+                    Enable System Apps
+                            <span class="helper" title="The set of system apps needed to be added to the work-profile">
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+                    <br>
+                    ( Should be exact package names seperated by commas. Ex: com.google.android.apps.maps, com.google.android.calculator )
+                </label>
+                <textarea id="workProfilePolicyEnableSystemApps" type ="text" class="form-control operationDataKeys" rows="4" data-key="workProfilePolicyEnableSystemApps"></textarea>
+            </div>
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="work-profile-policy-hide-system-apps">
+                    Hide System Apps
+                            <span class="helper" title="The set of system apps needed to be hide in the work-profile">
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+                    <br>
+                    ( Should be exact package names seperated by commas. Ex: com.google.android.apps.maps, com.google.android.calculator )
+                </label>
+                <textarea id="work-profile-policy-hide-system-apps" class="form-control operationDataKeys" rows="4" data-key="workProfilePolicyHideSystemApps" placeholder=""></textarea>
+            </div>
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="work-profile-policy-unhide-system-apps">
+                    Unhide System Apps
+                            <span class="helper" title="The set of system apps needed to be unhide in the work-profile">
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+                    <br>
+                    ( Should be exact package names seperated by commas. Ex: com.google.android.apps.maps, com.google.android.calculator )
+                </label>
+                <textarea id="work-profile-policy-unhide-system-apps" class="form-control operationDataKeys" rows="4" data-key="workProfilePolicyUnhideSystemApps" placeholder=""></textarea>
+            </div>
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="passcode-policy-max-passcode-age-in-days">
+                    Enable Google Play Store Apps
+                            <span class="helper" title="The set of apps needed to be installed from Google Playstore to work-profile">
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+                    <br>
+                    ( Should be exact package names seperated by commas. Ex: com.google.android.apps.maps, com.google.android.calculator )
+                </label>
+                <textarea id="work-profile-policy-install-playstore-apps" class="form-control operationDataKeys" rows="4" data-key="workProfilePolicyEnablePlaystoreApps" placeholder=""></textarea>
+            </div>
+        </div>
     </div>
+</div>
+</div>
 </div>
\ No newline at end of file
diff --git a/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/public/templates/hidden-operations-ios.hbs b/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/public/templates/hidden-operations-ios.hbs
index aec18bda8..612b913d6 100644
--- a/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/public/templates/hidden-operations-ios.hbs
+++ b/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/public/templates/hidden-operations-ios.hbs
@@ -1,2923 +1,4679 @@
 <div class="row no-gutter">
-    <div class="wr-hidden-operations-nav col-lg-4">
-        <a href="javascript:void(0)" onclick="showAdvanceOperation('passcode-policy', this)" class="selected">
+<div class="wr-hidden-operations-nav col-lg-4">
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('passcode-policy', this)"
+       class="selected">
             <span class="wr-hidden-operations-icon fw-stack">
                 <i class="fw fw-key fw-stack-2x"></i>
             </span>
-            Passcode Policy
-            <span id="passcode-policy-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="passcode-policy-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="passcode-policy-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
-        </a>
-        <a href="javascript:void(0)" onclick="showAdvanceOperation('restrictions', this)">
+        Passcode Policy
+        <span id="passcode-policy-configured" class="has-configured status-icon hidden"><i
+                class="fw fw-ok"></i></span>
+        <span id="passcode-policy-ok" class="has-success status-icon hidden"><i
+                class="fw fw-ok"></i></span>
+        <span id="passcode-policy-error" class="has-error status-icon hidden"><i
+                class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('restrictions', this)">
             <span class="wr-hidden-operations-icon fw-stack">
                 <i class="fw fw-block fw-stack-2x"></i>
             </span>
-            Restrictions
-            <span id="restrictions-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="restrictions-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="restrictions-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
-        </a>
-        <a href="javascript:void(0)" onclick="showAdvanceOperation('wifi', this)">
+        Restrictions
+        <span id="restrictions-configured" class="has-configured status-icon hidden"><i
+                class="fw fw-ok"></i></span>
+        <span id="restrictions-ok" class="has-success status-icon hidden"><i
+                class="fw fw-ok"></i></span>
+        <span id="restrictions-error" class="has-error status-icon hidden"><i
+                class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('wifi', this)">
             <span class="wr-hidden-operations-icon fw-stack">
                 <i class="fw fw-wifi fw-stack-2x"></i>
             </span>
-            Wi-Fi Settings
-            <span id="wifi-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="wifi-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="wifi-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
-        </a>
-        <a href="javascript:void(0)" onclick="showAdvanceOperation('email', this)">
+        Wi-Fi Settings
+        <span id="wifi-configured" class="has-configured status-icon hidden"><i
+                class="fw fw-ok"></i></span>
+        <span id="wifi-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="wifi-error" class="has-error status-icon hidden"><i
+                class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('email', this)">
             <span class="wr-hidden-operations-icon fw-stack">
                 <i class="fw fw-invitation fw-stack-2x"></i>
             </span>
-            Email Settings
-            <span id="email-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="email-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="email-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
-        </a>
-        <a href="javascript:void(0)" onclick="showAdvanceOperation('airplay', this)">
+        Email Settings
+        <span id="email-configured" class="has-configured status-icon hidden"><i
+                class="fw fw-ok"></i></span>
+        <span id="email-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="email-error" class="has-error status-icon hidden"><i
+                class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('airplay', this)">
             <span class="wr-hidden-operations-icon fw-stack">
                 <i class="fw fw-airplay fw-stack-2x"></i>
             </span>
-            AirPlay Settings
-            <span id="airplay-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="airplay-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="airplay-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
-        </a>
-        <a href="javascript:void(0)" onclick="showAdvanceOperation('ldap', this)">
+        AirPlay Settings
+        <span id="airplay-configured" class="has-configured status-icon hidden"><i
+                class="fw fw-ok"></i></span>
+        <span id="airplay-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="airplay-error" class="has-error status-icon hidden"><i
+                class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('domain', this)">
+            <span class="wr-hidden-operations-icon fw-stack">
+                <i class="fw fw-mail fw-stack-2x"></i>
+            </span>
+        Manage Domains
+        <span id="domain-configured" class="has-configured status-icon hidden"><i
+                class="fw fw-ok"></i></span>
+        <span id="domain-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="domain-error" class="has-error status-icon hidden"><i
+                class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('ldap', this)">
             <span class="wr-hidden-operations-icon fw-stack">
                 <i class="fw fw-ldap fw-stack-2x"></i>
             </span>
-            LDAP Settings
-            <span id="ldap-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="ldap-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="ldap-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
-        </a>
-        <a href="javascript:void(0)" onclick="showAdvanceOperation('calendar', this)">
+        LDAP Settings
+        <span id="ldap-configured" class="has-configured status-icon hidden"><i
+                class="fw fw-ok"></i></span>
+        <span id="ldap-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="ldap-error" class="has-error status-icon hidden"><i
+                class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('calendar', this)">
             <span class="wr-hidden-operations-icon fw-stack">
                 <i class="fw fw-calendar fw-stack-2x"></i>
             </span>
-            Calendar
-            <span id="calendar-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="calendar-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="calendar-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
-        </a>
-        <a href="javascript:void(0)" onclick="showAdvanceOperation('calendar-subscription', this)">
+        Calendar
+        <span id="calendar-configured" class="has-configured status-icon hidden"><i
+                class="fw fw-ok"></i></span>
+        <span id="calendar-ok" class="has-success status-icon hidden"><i
+                class="fw fw-ok"></i></span>
+        <span id="calendar-error" class="has-error status-icon hidden"><i
+                class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('calendar-subscription', this)">
             <span class="wr-hidden-operations-icon fw-stack">
                 <i class="fw fw-subscribed-calendar fw-stack-2x"></i>
             </span>
-            Calendar Subscription
-            <span id="calendar-subscription-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="calendar-subscription-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="calendar-subscription-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
-        </a>
-        <a href="javascript:void(0)" onclick="showAdvanceOperation('apn', this)">
+        Calendar Subscription
+        <span id="calendar-subscription-configured" class="has-configured status-icon hidden"><i
+                class="fw fw-ok"></i></span>
+        <span id="calendar-subscription-ok" class="has-success status-icon hidden"><i
+                class="fw fw-ok"></i></span>
+        <span id="calendar-subscription-error" class="has-error status-icon hidden"><i
+                class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('apn', this)">
             <span class="wr-hidden-operations-icon fw-stack">
                 <i class="fw fw-service-provider fw-stack-2x"></i>
             </span>
-            Access Point Names
-            <span id="apn-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="apn-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="apn-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
-        </a>
-        <a href="javascript:void(0)" onclick="showAdvanceOperation('cellular', this)">
+        Access Point Names
+        <span id="apn-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="apn-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="apn-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('cellular', this)">
             <span class="wr-hidden-operations-icon fw-stack">
                 <i class="fw fw-service-provider fw-stack-2x"></i>
             </span>
-            Cellular Network Settings
-            <span id="cellular-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="cellular-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="cellular-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
-        </a>
-        <!--
-        <a href="javascript:void(0)" onclick="showAdvanceOperation('vpn', this)">
+        Cellular Network Settings
+        <span id="cellular-configured" class="has-configured status-icon hidden"><i
+                class="fw fw-ok"></i></span>
+        <span id="cellular-ok" class="has-success status-icon hidden"><i
+                class="fw fw-ok"></i></span>
+        <span id="cellular-error" class="has-error status-icon hidden"><i
+                class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('vpn', this)">
             <span class="wr-hidden-operations-icon fw-stack">
                 <i class="fw fw-vpn fw-stack-2x"></i>
             </span>
-            Virtual Private Network
-            <span id="vpn-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="vpn-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="vpn-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
-        </a>
-        -->
-    </div>
-
-    <div class="wr-hidden-operations-content col-lg-8">
-        <!-- Passcode policy -->
-        <div class="wr-hidden-operation" data-operation="passcode-policy" style="display: block">
-            <div class="panel panel-default operation-data" data-operation="passcode-policy" data-operation-code="PASSCODE_POLICY">
-                <div id="passcode-policy-heading" class="panel-heading" role="tab">
-                    <h2 class="sub-title panel-title">
-                        Passcode Policy
-                        <label id="passcode-policy-lbl" class="wr-input-control switch" data-toggle="collapse" data-target="#passcode-policy-body">
-                            <input type="checkbox" />
-                            <span class="helper"></span>
-                            <span class="text"></span>
-                        </label>
-                        <hr>
-                        <div class="panel-title-description">
-                            This configuration can be used to set a passcode policy to an iOS Device.
-                            Once this configuration profile is installed on a device, corresponding users will not be able
-                            to modify these settings on their devices.
-                        </div>
-                    </h2>
-                </div>
-                <div id="passcode-policy-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="passcode-policy-body">
-
-                    <div id="passcode-policy-feature-error-msg" class="alert alert-danger hidden" role="alert">
-                        <i class="icon fw fw-error"></i><span></span>
-                    </div>
+        Virtual Private Network
+        <span id="vpn-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="vpn-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="vpn-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('per-app-vpn', this)">
+            <span class="wr-hidden-operations-icon fw-stack">
+                <i class="fw fw-vpn fw-stack-2x"></i>
+            </span>
+        Per Application VPN
+        <span id="per-app-vpn-configured" class="has-configured status-icon hidden"><i
+                class="fw fw-ok"></i></span>
+        <span id="per-app-vpn-ok" class="has-success status-icon hidden"><i
+                class="fw fw-ok"></i></span>
+        <span id="per-app-vpn-error" class="has-error status-icon hidden"><i
+                class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('app-restriction', this)">
+                <span class="fw-stack fw-lg">
+                    <i class="fw fw-application fw-stack-1x"></i>
+                    <i class="fw fw-block fw-stack-2x"></i>
+                </span>
+        Applications Restrictions
+        <span id="app-restriction-configured" class="has-configured status-icon hidden"><i
+                class="fw fw-ok"></i></span>
+        <span id="app-restriction-ok" class="has-success status-icon hidden"><i
+                class="fw fw-ok"></i></span>
+        <span id="app-restriction-error" class="has-error status-icon hidden"><i
+                class="fw fw-error"></i></span>
+    </a>
+</div>
+
+<div class="wr-hidden-operations-content col-lg-8">
+<!-- Passcode policy -->
+<div class="wr-hidden-operation" data-operation="passcode-policy" style="display: block">
+<div class="panel panel-default operation-data" data-operation="passcode-policy"
+     data-operation-code="PASSCODE_POLICY">
+<div id="passcode-policy-heading" class="panel-heading" role="tab">
+    <h2 class="sub-title panel-title">
+        Passcode Policy
+        <label id="passcode-policy-lbl" class="wr-input-control switch"
+               data-toggle="collapse" data-target="#passcode-policy-body">
+            <input type="checkbox"/>
+            <span class="helper"></span>
+            <span class="text"></span>
+        </label>
+        <hr>
+        <div class="panel-title-description">
+            This configuration can be used to set a passcode policy to an iOS Device.
+            Once this configuration profile is installed on a device, corresponding users
+            will not be able
+            to modify these settings on their devices.
+        </div>
+    </h2>
+</div>
+<div id="passcode-policy-body" class="panel-collapse panel-body collapse" role="tabpanel"
+     aria-labelledby="passcode-policy-body">
+
+    <div id="passcode-policy-feature-error-msg" class="alert alert-danger hidden"
+         role="alert">
+        <i class="icon fw fw-error"></i><span></span>
+    </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="passcode-policy-force-pin" type="checkbox" class="form-control operationDataKeys" data-key="passcodePolicyForcePIN" checked="checked" />
-                            <span class="helper" title="Determines whether the user is forced to set a passcode.">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="passcode-policy-force-pin" type="checkbox"
+                   class="form-control operationDataKeys" data-key="passcodePolicyForcePIN"
+                   checked="checked"/>
+                            <span class="helper"
+                                  title="Determines whether the user is forced to set a passcode.">
                                 &nbsp;&nbsp;&nbsp;Force Passcode
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
+        </label>
+    </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="passcode-policy-allow-simple" type="checkbox" class="form-control operationDataKeys" data-key="passcodePolicyAllowSimple" checked="checked" />
-                            <span class="helper" title="Permit the use of repeating, ascending and descending character sequences">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="passcode-policy-allow-simple" type="checkbox"
+                   class="form-control operationDataKeys"
+                   data-key="passcodePolicyAllowSimple" checked="checked"/>
+                            <span class="helper"
+                                  title="Permit the use of repeating, ascending and descending character sequences">
                                 &nbsp;&nbsp;&nbsp;Allow simple value
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
+        </label>
+    </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="passcode-policy-require-alphanumeric" type="checkbox" class="form-control operationDataKeys" data-key="passcodePolicyRequireAlphanumeric" checked="checked" />
-                            <span class="helper" title="Require passcode to contain both letters and numbers">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="passcode-policy-require-alphanumeric" type="checkbox"
+                   class="form-control operationDataKeys"
+                   data-key="passcodePolicyRequireAlphanumeric" checked="checked"/>
+                            <span class="helper"
+                                  title="Require passcode to contain both letters and numbers">
                                 &nbsp;&nbsp;&nbsp;Require alphanumeric value
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
+        </label>
+    </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="passcode-policy-min-length">
-                            Minimum passcode length
-                            <span class="helper" title="Minimum number of characters allowed in a passcode">
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="passcode-policy-min-length">
+            Minimum passcode length
+                            <span class="helper"
+                                  title="Minimum number of characters allowed in a passcode">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <select id="passcode-policy-min-length" class="form-control operationDataKeys" data-key="passcodePolicyMinLength" data-default="0">
-                            <option value="" selected="selected">
-                                None
-                            </option>
-                            <option value="1">01</option>
-                            <option value="2">02</option>
-                            <option value="3">03</option>
-                            <option value="4">04</option>
-                            <option value="5">05</option>
-                            <option value="6">06</option>
-                            <option value="7">07</option>
-                            <option value="8">08</option>
-                            <option value="9">09</option>
-                            <option value="10">10</option>
-                            <option value="11">11</option>
-                            <option value="12">12</option>
-                            <option value="13">13</option>
-                            <option value="14">14</option>
-                            <option value="15">15</option>
-                            <option value="16">16</option>
-                        </select>
-                    </div>
+        </label>
+        <select id="passcode-policy-min-length" class="form-control operationDataKeys"
+                data-key="passcodePolicyMinLength" data-default="0">
+            <option value="" selected="selected">
+                None
+            </option>
+            <option value="1">01</option>
+            <option value="2">02</option>
+            <option value="3">03</option>
+            <option value="4">04</option>
+            <option value="5">05</option>
+            <option value="6">06</option>
+            <option value="7">07</option>
+            <option value="8">08</option>
+            <option value="9">09</option>
+            <option value="10">10</option>
+            <option value="11">11</option>
+            <option value="12">12</option>
+            <option value="13">13</option>
+            <option value="14">14</option>
+            <option value="15">15</option>
+            <option value="16">16</option>
+        </select>
+    </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="passcode-policy-min-complex-chars">
-                            Minimum number of complex characters
-                            <span class="helper" title="Minimum number of complex or non-alphanumeric characters allowed in a passcode">
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="passcode-policy-min-complex-chars">
+            Minimum number of complex characters
+                            <span class="helper"
+                                  title="Minimum number of complex or non-alphanumeric characters allowed in a passcode">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <select id="passcode-policy-min-complex-chars" class="form-control operationDataKeys" data-key="passcodePolicyMinComplexChars" data-default="0">
-                            <option value="" selected="selected">
-                                None
-                            </option>
-                            <option value="1">01</option>
-                            <option value="2">02</option>
-                            <option value="3">03</option>
-                            <option value="4">04</option>
-                        </select>
-                    </div>
+        </label>
+        <select id="passcode-policy-min-complex-chars"
+                class="form-control operationDataKeys"
+                data-key="passcodePolicyMinComplexChars" data-default="0">
+            <option value="" selected="selected">
+                None
+            </option>
+            <option value="1">01</option>
+            <option value="2">02</option>
+            <option value="3">03</option>
+            <option value="4">04</option>
+        </select>
+    </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="passcode-policy-max-passcode-age-in-days">
-                            Maximum passcode age in days <br>
-                            ( Should be in between 1-to-730 days or none )
-                            <span class="helper" title="Number of days after which a passcode must be changed">
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="passcode-policy-max-passcode-age-in-days">
+            Maximum passcode age in days <br>
+            ( Should be in between 1-to-730 days or none )
+                            <span class="helper"
+                                  title="Number of days after which a passcode must be changed">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="passcode-policy-max-passcode-age-in-days" type="text" class="form-control operationDataKeys" data-key="passcodePolicyMaxPasscodeAgeInDays" maxlength="3" data-default="" placeholder="[ Requires Number Input ]" />
-                    </div>
+        </label>
+        <input id="passcode-policy-max-passcode-age-in-days" type="text"
+               class="form-control operationDataKeys"
+               data-key="passcodePolicyMaxPasscodeAgeInDays" maxlength="3" data-default=""
+               placeholder="[ Requires Number Input ]"/>
+    </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="passcode-policy-passcode-history">
-                            Passcode history <br>
-                            ( Should be in between 1-to-50 passcodes or none )
-                            <span class="helper" title="Number of consequent unique passcodes to be used before reuse">
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="passcode-policy-passcode-history">
+            Passcode history <br>
+            ( Should be in between 1-to-50 passcodes or none )
+                            <span class="helper"
+                                  title="Number of consequent unique passcodes to be used before reuse">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="passcode-policy-passcode-history" type="text" class="form-control operationDataKeys" data-key="passcodePolicyPasscodeHistory" maxlength="2" data-default="" placeholder="[ Requires Number Input ]">
-                    </div>
+        </label>
+        <input id="passcode-policy-passcode-history" type="text"
+               class="form-control operationDataKeys"
+               data-key="passcodePolicyPasscodeHistory" maxlength="2" data-default=""
+               placeholder="[ Requires Number Input ]">
+    </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="passcode-policy-max-auto-lock">
-                            Auto Lock Time in minutes
-                            <span class="helper" title="A device will be automatically locked when this time period elapses">
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="passcode-policy-max-auto-lock">
+            Auto Lock Time in minutes
+                            <span class="helper"
+                                  title="A device will be automatically locked when this time period elapses">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <select id="passcode-policy-max-auto-lock" class="form-control operationDataKeys" data-key="passcodePolicyMaxAutoLock" data-default="0">
-                            <option value="" selected="selected">
-                                None
-                            </option>
-                            <option value="1">01</option>
-                            <option value="2">02</option>
-                            <option value="3">03</option>
-                            <option value="4">04</option>
-                            <option value="5">05</option>
-                        </select>
-                    </div>
+        </label>
+        <select id="passcode-policy-max-auto-lock" class="form-control operationDataKeys"
+                data-key="passcodePolicyMaxAutoLock" data-default="0">
+            <option value="" selected="selected">
+                None
+            </option>
+            <option value="1">01</option>
+            <option value="2">02</option>
+            <option value="3">03</option>
+            <option value="4">04</option>
+            <option value="5">05</option>
+        </select>
+    </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="passcode-policy-grace-period">
-                            Grace period in minutes for device lock
-                            <span class="helper" title="Amount of time the device will be locked without prompting for passcode on unlock">
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="passcode-policy-grace-period">
+            Grace period in minutes for device lock
+                            <span class="helper"
+                                  title="Amount of time the device will be locked without prompting for passcode on unlock">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <select id="passcode-policy-grace-period" class="form-control operationDataKeys" data-key="passcodePolicyGracePeriod" data-default="0">
-                            <option value="" selected="selected">
-                                None
-                            </option>
-                            <option value="0">Immediately</option>
-                            <option value="1">01</option>
-                            <option value="5">05</option>
-                            <option value="10">10</option>
-                            <option value="15">15</option>
-                            <option value="30">30</option>
-                            <option value="60">60</option>
-                        </select>
-                    </div>
+        </label>
+        <select id="passcode-policy-grace-period" class="form-control operationDataKeys"
+                data-key="passcodePolicyGracePeriod" data-default="0">
+            <option value="" selected="selected">
+                None
+            </option>
+            <option value="0">Immediately</option>
+            <option value="1">01</option>
+            <option value="5">05</option>
+            <option value="10">10</option>
+            <option value="15">15</option>
+            <option value="30">30</option>
+            <option value="60">60</option>
+        </select>
+    </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="passcode-policy-max-failed-attempts">
-                            Maximum number of failed attempts
-                            <span class="helper" title="Maximum number of passcode entry attempts allowed before all data on a device will be erased">
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="passcode-policy-max-failed-attempts">
+            Maximum number of failed attempts
+                            <span class="helper"
+                                  title="Maximum number of passcode entry attempts allowed before all data on a device will be erased">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <select id="passcode-policy-max-failed-attempts" class="form-control operationDataKeys" data-key="passcodePolicyMaxFailedAttempts" data-default="0">
-                            <option value="" selected="selected">
-                                None
-                            </option>
-                            <option value="3">03</option>
-                            <option value="4">04</option>
-                            <option value="5">05</option>
-                            <option value="6">06</option>
-                            <option value="7">07</option>
-                            <option value="8">08</option>
-                            <option value="9">09</option>
-                            <option value="10">10</option>
-                        </select>
-                    </div>
-                </div>
+        </label>
+        <select id="passcode-policy-max-failed-attempts"
+                class="form-control operationDataKeys"
+                data-key="passcodePolicyMaxFailedAttempts" data-default="0">
+            <option value="" selected="selected">
+                None
+            </option>
+            <option value="3">03</option>
+            <option value="4">04</option>
+            <option value="5">05</option>
+            <option value="6">06</option>
+            <option value="7">07</option>
+            <option value="8">08</option>
+            <option value="9">09</option>
+            <option value="10">10</option>
+        </select>
+    </div>
+</div>
+</div>
+</div>
+<!-- End of Passcode policy -->
+
+<!-- VPN -->
+<div class="wr-hidden-operation" data-operation="vpn">
+<div class="panel panel-default operation-data" data-operation="vpn" data-operation-code="VPN">
+<div id="vpn-heading" class="panel-heading" role="tab">
+    <h2 class="sub-title panel-title">
+        VPN Settings
+        <label class="wr-input-control switch" data-toggle="collapse" data-target="#vpn-body">
+            <input type="checkbox"/>
+            <span class="helper"></span>
+            <span class="text"></span>
+        </label>
+        <hr>
+        <div class="panel-title-description">
+            This configurations can be used to configure VPN settings on an iOS device.
+            Once this configuration profile is installed on a device, corresponding users will not
+            be able
+            to modify these settings on their devices.
+        </div>
+    </h2>
+</div>
+<div id="vpn-body" class="panel-collapse panel-body collapse" role="tabpanel"
+     aria-labelledby="vpn-body">
+Please note that * sign represents required fields of data.
+<br>
+<br>
+
+<div id="vpn-feature-error-msg" class="alert alert-danger hidden" role="alert">
+    <i class="icon fw fw-error"></i><span></span>
+</div>
+<div class="wr-input-control">
+    <label class="wr-input-label" for="vpn-connection-name">
+        Connection Name*
+                                <span class="helper" title="Display name of the connection.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+    </label>
+    <input id="vpn-connection-name" type="text" class="form-control operationDataKeys"
+           data-key="userDefinedName" maxlength="200"/>
+</div>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="vpn-override-primary" type="checkbox" class="form-control operationDataKeys"
+               data-key="overridePrimary" data-default="true"/>
+                            <span class="helper"
+                                  title="Specifies whether to send all traffic through the VPN interface. If true, all network traffic is sent over VPN.">
+                                &nbsp;&nbsp;&nbsp;Override Primary
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="vpn-ondemand-enabled" type="checkbox" class="form-control operationDataKeys"
+               data-key="onDemandEnabled" data-default="false"
+               onchange="slideDownPaneAgainstValueSet(this, 'vpn-ondemand-config', ['true'])"/>
+                            <span class="helper"
+                                  title="Check if the VPN connection should be brought up on demand, else leave un-checked.">
+                                &nbsp;&nbsp;&nbsp;On-demand Enabled
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+</div>
+<div id="vpn-ondemand-config" class="slidable-pane" style="display:none;">
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="vpn-ondemand-domains-always">
+            On-demand match domains (Always)
+                            <span class="helper" title="A list of domain names. In versions of iOS prior to iOS 7, if the hostname ends with one of these domain names, the VPN is started automatically.">
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+            <br>
+            <a href="#on-demand-match-domains-grid" class="grid-input-add" data-click-event="add-form">
+                                <span class="icon fw-stack">
+                                    <i class="fw fw-add fw-stack-1x"></i>
+                                    <i class="fw fw-ring fw-stack-2x"></i>
+                                </span>
+                &nbsp;
+                Add Domain
+            </a>
+        </label>
+        <div id="vpn-ondemand-domains-always"
+             class="operationDataKeys grouped-array-input multi-column-key-value-pair-array"
+             data-key="onDemandMatchDomainsAlways" data-column-count="2">
+            <table class="table table-responsive table-striped">
+                <thead>
+                <tr>
+                    <th>No:</th>
+                    <th>Domain</th>
+                    <th></th>
+                </tr>
+                </thead>
+                <tbody data-add-form-container="#on-demand-match-domains-grid">
+                <tr data-help-text="add-form">
+                    <td colspan="3">
+                        No entries added yet .
+                    </td>
+                </tr>
+                </tbody>
+            </table>
+            <table class="template hidden">
+                <tbody data-add-form="#on-demand-match-domains-grid">
+                <tr data-add-form-element="clone">
+                    <td data-title="No:">
+                        <span class="index"></span>
+                    </td>
+                    <td data-title="Domain">
+                        <input type="text" class="form-control grid-input-text" data-child-key="domain"
+                               maxlength="100" data-default="" placeholder="[ www.example.com ]"/>
+                    </td>
+                    <td class="hidden">
+                        <input type="text" class="form-control grid-input-text" data-child-key="extra" data-default=""/>
+                    </td>
+                    <td>
+                        <span class="list-group-item-actions">
+                            <a href="#on-demand-match-domains-grid" class="grid-input-remove"
+                               data-click-event="remove-form">
+                                <span class="fw-stack helper" title="Remove Entry">
+                                    <i class="fw fw-ring fw-stack-2x"></i>
+                                    <i class="fw fw-delete fw-stack-1x"></i>
+                                </span>
+                            </a>
+                        </span>
+                    </td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="vpn-ondemand-domains-never">
+            On-demand match domains (Never)
+                                <span class="helper" title="A list of domain names. In versions of iOS prior to iOS 7, if the hostname ends with one of these domain names, the VPN is not started automatically. This might be used to exclude a subdomain within an included domain.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+            <br>
+            <a href="#on-demand-match-domains-never-grid" class="grid-input-add" data-click-event="add-form">
+                                    <span class="icon fw-stack">
+                                        <i class="fw fw-add fw-stack-1x"></i>
+                                        <i class="fw fw-ring fw-stack-2x"></i>
+                                    </span>
+                &nbsp;
+                Add Domain
+            </a>
+        </label>
+        <div id="vpn-ondemand-domains-never"
+             class="operationDataKeys grouped-array-input multi-column-key-value-pair-array"
+             data-key="onDemandMatchDomainsNever" data-column-count="2">
+            <table class="table table-responsive table-striped">
+                <thead>
+                <tr>
+                    <th>No:</th>
+                    <th>Domain</th>
+                    <th></th>
+                </tr>
+                </thead>
+                <tbody data-add-form-container="#on-demand-match-domains-never-grid">
+                <tr data-help-text="add-form">
+                    <td colspan="3">
+                        No entries added yet .
+                    </td>
+                </tr>
+                </tbody>
+            </table>
+            <table class="template hidden">
+                <tbody data-add-form="#on-demand-match-domains-never-grid">
+                <tr data-add-form-element="clone">
+                    <td data-title="No:">
+                        <span class="index"></span>
+                    </td>
+                    <td data-title="Domain">
+                        <input type="text" class="form-control grid-input-text" data-child-key="domain"
+                               maxlength="100" data-default="" placeholder="[ www.example.com ]"/>
+                    </td>
+                    <td class="hidden">
+                        <input type="text" class="form-control grid-input-text" data-child-key="extra" data-default=""/>
+                    </td>
+                    <td>
+                            <span class="list-group-item-actions">
+                                <a href="#on-demand-match-domains-never-grid" class="grid-input-remove"
+                                   data-click-event="remove-form">
+                                    <span class="fw-stack helper" title="Remove Entry">
+                                        <i class="fw fw-ring fw-stack-2x"></i>
+                                        <i class="fw fw-delete fw-stack-1x"></i>
+                                    </span>
+                                </a>
+                            </span>
+                    </td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="vpn-ondemand-domains-retry">
+            On-demand match domains (On Retry)
+                            <span class="helper" title="A list of domain names. In versions of iOS prior to iOS 7, if the hostname ends with one of these domain names, if a DNS query for that domain name fails, the VPN is started automatically.">
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+            <br>
+            <a href="#on-demand-match-domains-retry-grid" class="grid-input-add" data-click-event="add-form">
+                                <span class="icon fw-stack">
+                                    <i class="fw fw-add fw-stack-1x"></i>
+                                    <i class="fw fw-ring fw-stack-2x"></i>
+                                </span>
+                &nbsp;
+                Add Domain
+            </a>
+        </label>
+        <div id="vpn-ondemand-domains-retry"
+             class="operationDataKeys grouped-array-input multi-column-key-value-pair-array"
+             data-key="onDemandMatchDomainsOnRetry" data-column-count="2">
+            <table class="table table-responsive table-striped">
+                <thead>
+                <tr>
+                    <th>No:</th>
+                    <th>Domain</th>
+                    <th></th>
+                </tr>
+                </thead>
+                <tbody data-add-form-container="#on-demand-match-domains-retry-grid">
+                <tr data-help-text="add-form">
+                    <td colspan="3">
+                        No entries added yet .
+                    </td>
+                </tr>
+                </tbody>
+            </table>
+            <table class="template hidden">
+                <tbody data-add-form="#on-demand-match-domains-retry-grid">
+                <tr data-add-form-element="clone">
+                    <td data-title="No:">
+                        <span class="index"></span>
+                    </td>
+                    <td data-title="Domain">
+                        <input type="text" class="form-control grid-input-text" data-child-key="domain"
+                               maxlength="100" data-default="" placeholder="[ www.example.com ]"/>
+                    </td>
+                    <td class="hidden">
+                        <input type="text" class="form-control grid-input-text" data-child-key="extra" data-default=""/>
+                    </td>
+                    <td>
+                        <span class="list-group-item-actions">
+                            <a href="#on-demand-match-domains-retry-grid" class="grid-input-remove"
+                               data-click-event="remove-form">
+                                <span class="fw-stack helper" title="Remove Entry">
+                                    <i class="fw fw-ring fw-stack-2x"></i>
+                                    <i class="fw fw-delete fw-stack-1x"></i>
+                                </span>
+                            </a>
+                        </span>
+                    </td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
+        <input id="vpn-ondemand-rules" type="hidden" class="form-control operationDataKeys"
+               data-key="onDemandRules"/>
+    </div>
+</div>
+<div class="wr-input-control">
+    <label class="wr-input-label" for="vpn-vendor-configs">
+        Vendor Configurations
+                            <span class="helper" title="Configuration information specific to a given third-party VPN solution. This has to be input as key/value pairs.">
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+        <br>
+        <a href="#vpn-vendor-configs-grid" class="grid-input-add" data-click-event="add-form">
+                                <span class="icon fw-stack">
+                                    <i class="fw fw-add fw-stack-1x"></i>
+                                    <i class="fw fw-ring fw-stack-2x"></i>
+                                </span>
+            &nbsp;
+            Add Configuration
+        </a>
+    </label>
+    <div id="vpn-vendor-configs"
+         class="operationDataKeys grouped-array-input multi-column-key-value-pair-array"
+         data-key="vendorConfigs" data-column-count="2">
+        <table class="table table-responsive table-striped">
+            <thead>
+            <tr>
+                <th>No:</th>
+                <th>Key</th>
+                <th>Value</th>
+                <th></th>
+            </tr>
+            </thead>
+            <tbody data-add-form-container="#vpn-vendor-configs-grid">
+            <tr data-help-text="add-form">
+                <td colspan="4">
+                    No entries added yet .
+                </td>
+            </tr>
+            </tbody>
+        </table>
+        <table class="template hidden">
+            <tbody data-add-form="#vpn-vendor-configs-grid">
+            <tr data-add-form-element="clone">
+                <td data-title="No:">
+                    <span class="index"></span>
+                </td>
+                <td data-title="Key">
+                    <input type="text" class="form-control grid-input-text" data-child-key="key"
+                           maxlength="100" data-default="" placeholder="[ Configuration Key ]"/>
+                </td>
+                <td data-title="Value">
+                    <input type="text" class="form-control grid-input-text" data-child-key="value"
+                           maxlength="100" data-default="" placeholder="[ Configuration Value ]"/>
+                </td>
+                <td>
+                                <span class="list-group-item-actions">
+                                    <a href="#vpn-vendor-configs-grid" class="grid-input-remove"
+                                       data-click-event="remove-form">
+                                        <span class="fw-stack helper" title="Remove Entry">
+                                            <i class="fw fw-ring fw-stack-2x"></i>
+                                            <i class="fw fw-delete fw-stack-1x"></i>
+                                        </span>
+                                    </a>
+                                </span>
+                </td>
+            </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
+<div class="wr-input-control">
+    <label class="wr-input-label" for="vpn-type">
+        VPN Type*
+                            <span class="helper" title="Type of the VPN connection enabled.">
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+    <select id="vpn-type" class="form-control operationDataKeys" data-key="vpnType" data-default="0"
+            onchange="slideDownPaneAgainstValueSet(this, 'pptp-config', ['PPTP']); slideDownPaneAgainstValueSet(this, 'l2tp-config', ['L2TP']); slideDownPaneAgainstValueSet(this, 'ipsec-config', ['IPSec']); slideDownPaneAgainstValueSet(this, 'ikev2-config', ['IKEv2']);">
+        <option value="PPTP" selected="selected">PPTP</option>
+        <option value="L2TP">L2TP</option>
+        <option value="IPSec">IPSec</option>
+        <option value="IKEv2">IKEv2</option>
+    </select>
+</div>
+<div id="pptp-config" class="slidable-pane" style="display:none;">
+    For PPTP Configuration :
+    <br>
+    <br>
+
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="vpn-pptp-username">
+            VPN Account Username*
+                                <span class="helper" title="The VPN account username.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+        </label>
+        <input id="vpn-pptp-username" type="text" class="form-control operationDataKeys"
+               data-key="pptpAuthName" maxlength="100" data-default=""/>
+    </div>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="vpn-pptp-token-card" type="checkbox" class="form-control operationDataKeys"
+                   data-key="pptpTokenCard" data-default="true"
+                   onchange="slideDownPaneAgainstValueSet(this, 'pptp-card-config', ['false'])"/>
+                            <span class="helper"
+                                  title="Whether to use a token card such as an RSA SecurID card for connecting.">
+                                &nbsp;&nbsp;&nbsp;Token Card Enabled
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+        </label>
+    </div>
+    <div id="pptp-card-config" class="slidable-pane" style="display:none;">
+        <div class="wr-input-control">
+            <label class="wr-input-label" for="vpn-pptp-password">
+                VPN Account Password
+                                    <span class="helper" title="The VPN account password.">
+                                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                    </span>
+            </label>
+            <input id="vpn-pptp-password" type="text" class="form-control operationDataKeys"
+                   data-key="pptpAuthPassword" maxlength="100" data-default=""/>
+        </div>
+    </div>
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="vpn-pptp-comm-remote">
+            Comm Remote Address*
+                                <span class="helper" title="IP address or host name of VPN server.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+        </label>
+        <input id="vpn-pptp-comm-remote" type="text" class="form-control operationDataKeys"
+               data-key="pptpCommRemoteAddress" maxlength="100" data-default=""/>
+    </div>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="vpn-pptp-rsa" type="checkbox" class="form-control operationDataKeys"
+                   data-key="pptpRSASecureID" data-default="false"/>
+                            <span class="helper" title="Whether RSA Secure ID is enabled.">
+                                &nbsp;&nbsp;&nbsp;RSA SecureID Enabled
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+        </label>
+    </div>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="vpn-pptp-ccp" type="checkbox" class="form-control operationDataKeys"
+                   data-key="pptpCCPEnabled" data-default="false"
+                   onchange="slideDownPaneAgainstValueSet(this, 'pptp-encryption-config', ['true'])"/>
+                            <span class="helper" title="Enables encryption on the connection.">
+                                &nbsp;&nbsp;&nbsp;CCP Encryption Enabled
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+        </label>
+    </div>
+    <div id="pptp-encryption-config" class="slidable-pane" style="display:none;">
+        <div class="wr-input-control">
+            <label class="wr-input-control checkbox">
+                <input id="vpn-pptp-ccpmppe-fourty" type="checkbox"
+                       class="form-control operationDataKeys" data-key="pptpCCPMPPE40Enabled"
+                       data-default="false"/>
+                                <span class="helper"
+                                      title="Enables encryption on the connection. Using automatic encryption level.">
+                                    &nbsp;&nbsp;&nbsp;Automatic (CCPMPPE40) Encryption Level Enabled
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+            </label>
+        </div>
+        <div class="wr-input-control">
+            <label class="wr-input-control checkbox">
+                <input id="vpn-pptp-ccpmppe-one-two-eight" type="checkbox"
+                       class="form-control operationDataKeys" data-key="pptpCCPMPPE128Enabled"
+                       data-default="false"/>
+                                <span class="helper"
+                                      title="Enables encryption on the connection. Using maximum encryption level.">
+                                    &nbsp;&nbsp;&nbsp;Maximum (CCPMPPE128) Encryption Level Enabled
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+            </label>
+        </div>
+    </div>
+</div>
+<div id="l2tp-config" class="slidable-pane" style="display:none;">
+    For L2TP Configuration :
+    <br>
+    <br>
+
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="vpn-l2tp-username">
+            VPN Account Username*
+                                <span class="helper" title="The VPN account username.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+        </label>
+        <input id="vpn-l2tp-username" type="text" class="form-control operationDataKeys"
+               data-key="l2tpAuthName" maxlength="100" data-default=""/>
+    </div>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="vpn-l2tp-token-card" type="checkbox" class="form-control operationDataKeys"
+                   data-key="l2tpTokenCard" data-default="true"
+                   onchange="slideDownPaneAgainstValueSet(this, 'l2tp-card-config', ['false'])"/>
+                            <span class="helper"
+                                  title="Whether to use a token card such as an RSA SecurID card for connecting.">
+                                &nbsp;&nbsp;&nbsp;Token Card Enabled
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+        </label>
+    </div>
+    <div id="l2tp-card-config" class="slidable-pane" style="display:none;">
+        <div class="wr-input-control">
+            <label class="wr-input-label" for="vpn-l2tp-password">
+                VPN Account Password
+                                    <span class="helper" title="The VPN account password.">
+                                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                    </span>
+            </label>
+            <input id="vpn-l2tp-password" type="text" class="form-control operationDataKeys"
+                   data-key="l2tpAuthPassword" maxlength="100" data-default=""/>
+        </div>
+    </div>
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="vpn-l2tp-comm-remote">
+            Comm Remote Address*
+                                <span class="helper" title="IP address or host name of VPN server.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+        </label>
+        <input id="vpn-l2tp-comm-remote" type="text" class="form-control operationDataKeys"
+               data-key="l2tpCommRemoteAddress" maxlength="100" data-default=""/>
+    </div>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="vpn-l2tp-rsa" type="checkbox" class="form-control operationDataKeys"
+                   data-key="l2tpRSASecureID" data-default="false"/>
+                            <span class="helper" title="Whether RSA Secure ID is enabled.">
+                                &nbsp;&nbsp;&nbsp;RSA SecureID Enabled
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+        </label>
+    </div>
+</div>
+<div id="ipsec-config" class="slidable-pane" style="display:none;">
+    For IPSec Configuration :
+    <br>
+    <br>
+
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="vpn-ipsec-address">
+            Remote Address*
+                                <span class="helper"
+                                      title="IP address or host name of the VPN server. Used for Cisco IPSec.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+        </label>
+        <input id="vpn-ipsec-address" type="text" class="form-control operationDataKeys"
+               data-key="ipsecRemoteAddress" maxlength="100" data-default=""/>
+    </div>
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="vpn-ipsec-auth-method">
+            Authentication Method*
+                            <span class="helper" title="Authentication method.">
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+        </label>
+        <select id="vpn-ipsec-auth-method" class="form-control operationDataKeys"
+                data-key="ipsecAuthenticationMethod" data-default="0"
+                onchange="slideDownPaneAgainstValueSet(this, 'ipsec-auth-mode-config-secret', ['SharedSecret']); slideDownPaneAgainstValueSet(this, 'ipsec-auth-mode-config-certificate', ['Certificate']);">
+            <option value="SharedSecret" selected="selected">Shared Secret</option>
+            <option value="Certificate">Certificate</option>
+        </select>
+    </div>
+    <div id="ipsec-auth-mode-config-secret" class="slidable-pane" style="display:none;">
+        <div class="wr-input-control">
+            <label class="wr-input-label" for="vpn-ipsec-local-id">
+                Local Identifier*
+                                <span class="helper" title="The name of the group to use.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+            </label>
+            <input id="vpn-ipsec-local-id" type="text" class="form-control operationDataKeys"
+                   data-key="ipsecLocalIdentifier" maxlength="100" data-default=""/>
+        </div>
+        <div class="wr-input-control">
+            <label class="wr-input-label" for="vpn-ipsec-secret">
+                Shared Secret*
+                                <span class="helper"
+                                      title="The shared secret for this VPN account.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+            </label>
+            <input id="vpn-ipsec-secret" type="password" class="form-control operationDataKeys"
+                   data-key="ipsecSharedSecret" maxlength="100" data-default=""/>
+        </div>
+    </div>
+    <div id="ipsec-auth-mode-config-certificate" class="slidable-pane" style="display:none;">
+        <div class="wr-input-control">
+            <label class="wr-input-label" for="vpn-ipsec-payload-uuid">
+                Payload Certificate UUID*
+                                <span class="helper"
+                                      title="The UUID of the certificate to use for the account credentials.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+            </label>
+            <input id="vpn-ipsec-payload-uuid" type="text" class="form-control operationDataKeys"
+                   data-key="ipsecPayloadCertificateUUID" maxlength="100" data-default=""/>
+        </div>
+    </div>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="vpn-ipsec-xauth-enabled" type="checkbox"
+                   class="form-control operationDataKeys" data-key="ipsecXAuthEnabled"
+                   data-default="false"
+                   onchange="slideDownPaneAgainstValueSet(this, 'ipsec-xauth', ['true'])"/>
+                            <span class="helper" title="Whether XAuth is enabled.">
+                                &nbsp;&nbsp;&nbsp;XAuth Enabled
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+        </label>
+    </div>
+    <div id="ipsec-xauth" class="slidable-pane" style="display:none;">
+        <div class="wr-input-control">
+            <label class="wr-input-label" for="vpn-ipsec-xauth-name">
+                XAuth Name*
+                                    <span class="helper"
+                                          title="User name for VPN account. Used for Cisco IPSec.">
+                                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                    </span>
+            </label>
+            <input id="vpn-ipsec-xauth-name" type="text" class="form-control operationDataKeys"
+                   data-key="ipsecXAuthName" maxlength="100" data-default=""/>
+        </div>
+    </div>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="vpn-ipsec-prompt-pin" type="checkbox" class="form-control operationDataKeys"
+                   data-key="ipsecPromptForVPNPIN" data-default="false"/>
+                            <span class="helper"
+                                  title="Tells whether to prompt for a PIN when connecting. Used for Cisco IPSec.">
+                                &nbsp;&nbsp;&nbsp;Prompt for VPN PIN
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+        </label>
+    </div>
+</div>
+<div id="ikev2-config" class="slidable-pane" style="display:none;">
+    For IKEv2 Configuration :
+    <br>
+    <br>
+
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="vpn-ikev2-address">
+            Remote Address*
+                                <span class="helper"
+                                      title="IP address or host name of the VPN server.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+        </label>
+        <input id="vpn-ikev2-address" type="text" class="form-control operationDataKeys"
+               data-key="ikev2RemoteAddress" maxlength="100" data-default=""/>
+    </div>
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="vpn-ikev2-local-id">
+            Local Identifier*
+                            <span class="helper" title="Identifier of the IKEv2 client.">
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+        </label>
+        <select id="vpn-ikev2-local-id" class="form-control operationDataKeys"
+                data-key="ikev2LocalIdentifier" data-default="0">
+            <option value="FQDN" selected="selected">FQDN</option>
+            <option value="UserFQDN">User FQDN</option>
+            <option value="Address">Address</option>
+            <option value="ASN1DN">ASN1DN</option>
+        </select>
+    </div>
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="vpn-ikev2-remote-id">
+            Remote Identifier*
+                            <span class="helper" title="Remote identifier.">
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+        </label>
+        <select id="vpn-ikev2-remote-id" class="form-control operationDataKeys"
+                data-key="ikev2RemoteIdentifier" data-default="0">
+            <option value="FQDN" selected="selected">FQDN</option>
+            <option value="UserFQDN">User FQDN</option>
+            <option value="Address">Address</option>
+            <option value="ASN1DN">ASN1DN</option>
+        </select>
+    </div>
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="vpn-ikev2-auth-method">
+            Authentication Method*
+                            <span class="helper" title="Authentication method.">
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+        </label>
+        <select id="vpn-ikev2-auth-method" class="form-control operationDataKeys"
+                data-key="ikev2AuthenticationMethod" data-default="0"
+                onchange="slideDownPaneAgainstValueSet(this, 'ikev2-auth-mode-config-secret', ['SharedSecret']); slideDownPaneAgainstValueSet(this, 'ikev2-auth-mode-config-certificate', ['Certificate']);">
+            <option value="SharedSecret" selected="selected">Shared Secret</option>
+            <option value="Certificate">Certificate</option>
+        </select>
+    </div>
+    <div id="ikev2-auth-mode-config-secret" class="slidable-pane" style="display:none;">
+        <div class="wr-input-control">
+            <label class="wr-input-label" for="vpn-ikev2-secret">
+                Shared Secret*
+                                <span class="helper"
+                                      title="The shared secret for this VPN account.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+            </label>
+            <input id="vpn-ikev2-secret" type="password" class="form-control operationDataKeys"
+                   data-key="ikev2SharedSecret" maxlength="100" data-default=""/>
+        </div>
+    </div>
+    <div id="ikev2-auth-mode-config-certificate" class="slidable-pane" style="display:none;">
+        <div class="wr-input-control">
+            <label class="wr-input-label" for="vpn-ikev2-payload-uuid">
+                Payload Certificate UUID*
+                                <span class="helper"
+                                      title="The UUID of the certificate to use for the account credentials.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+            </label>
+            <input id="vpn-ikev2-payload-uuid" type="text" class="form-control operationDataKeys"
+                   data-key="ikev2PayloadCertificateUUID" maxlength="100" data-default=""/>
+        </div>
+    </div>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="vpn-ikev2-exauth-enabled" type="checkbox"
+                   class="form-control operationDataKeys" data-key="ikev2ExtendedAuthEnabled"
+                   data-default="false"
+                   onchange="slideDownPaneAgainstValueSet(this, 'ikev2-exauth', ['true'])"/>
+                            <span class="helper" title="Whether XAuth is enabled.">
+                                &nbsp;&nbsp;&nbsp;Extended Authentication Enabled
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+        </label>
+    </div>
+    <div id="ikev2-exauth" class="slidable-pane" style="display:none;">
+        <div class="wr-input-control">
+            <label class="wr-input-label" for="vpn-ikev2-ex-username">
+                Username*
+                                <span class="helper" title="Username used for authentication.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+            </label>
+            <input id="vpn-ikev2-ex-username" type="text" class="form-control operationDataKeys"
+                   data-key="ikev2AuthName" maxlength="100" data-default=""/>
+        </div>
+        <div class="wr-input-control">
+            <label class="wr-input-label" for="vpn-ikev2-ex-pass">
+                Password*
+                                <span class="helper" title="Password used for authentication.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+            </label>
+            <input id="vpn-ikev2-ex-pass" type="password" class="form-control operationDataKeys"
+                   data-key="ikev2AuthPassword" maxlength="100" data-default=""/>
+        </div>
+    </div>
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="vpn-ikev2-dead-peer">
+            Dead Peer Detection Interval
+                            <span class="helper" title="Dead Peer Detection Interval.">
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+        </label>
+        <select id="vpn-ikev2-dead-peer" class="form-control operationDataKeys"
+                data-key="ikev2DeadPeerDetectionInterval" data-default="0">
+            <option value="None" selected="selected">None</option>
+            <option value="Low">Low</option>
+            <option value="Medium">Medium</option>
+            <option value="High">High</option>
+        </select>
+    </div>
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="vpn-ikev2-scicn">
+            Server Certificate Issuer Common Name
+                                <span class="helper"
+                                      title="Common Name of the server certificate issuer. If set, this will cause IKE to send a certificate request based on this certificate issuer to the server.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+        </label>
+        <input id="vpn-ikev2-scicn" type="text" class="form-control operationDataKeys"
+               data-key="ikev2ServerCertificateIssuerCommonName" maxlength="100" data-default=""/>
+    </div>
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="vpn-ikev2-sccn">
+            Server Certificate Common Name
+                                <span class="helper"
+                                      title="Common Name of the server certificate. This name is used to validate the certificate sent by the IKE server. If not set, the Remote Identifier will be used to validate the certificate.">
+                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                                </span>
+        </label>
+        <input id="vpn-ikev2-sccn" type="text" class="form-control operationDataKeys"
+               data-key="ikev2ServerCertificateCommonName" maxlength="100" data-default=""/>
+    </div>
+</div>
+</div>
+</div>
+</div>
+<!-- /VPN -->
+
+<!-- PER APP VPN -->
+<div class="wr-hidden-operation" data-operation="per-app-vpn">
+<div class="panel panel-default operation-data" data-operation="per-app-vpn"
+     data-operation-code="PER_APP_VPN">
+    <div id="per-app-vpn-heading" class="panel-heading" role="tab">
+        <h2 class="sub-title panel-title">
+            Per App VPN Settings
+            <label class="wr-input-control switch" data-toggle="collapse"
+                   data-target="#per-app-vpn-body">
+                <input type="checkbox"/>
+                <span class="helper"></span>
+                <span class="text"></span>
+            </label>
+            <hr>
+            <div class="panel-title-description">
+                This configuration can be used to configure add-on VPN software (per-app VPN),
+                and it works only on VPN services of
+                type 'VPN'. Once this configuration profile is installed on a device,
+                corresponding users will not be able
+                to modify these settings on their devices.
             </div>
+        </h2>
+    </div>
+    <div id="per-app-vpn-body" class="panel-collapse panel-body collapse" role="tabpanel"
+         aria-labelledby="per-app-vpn-body">
+        Please note that * sign represents required fields of data.
+        <br>
+        <br>
+
+        <div id="per-app-vpn-feature-error-msg" class="alert alert-danger hidden" role="alert">
+            <i class="icon fw fw-error"></i><span></span>
         </div>
-        <!-- End of Passcode policy -->
-
-        <!-- Wifi -->
-        <div class="wr-hidden-operation" data-operation="wifi">
-            <div class="panel panel-default operation-data" data-operation="wifi" data-operation-code="WIFI">
-                <div id="wifi-heading" class="panel-heading" role="tab">
-                    <h2 class="sub-title panel-title">
-                        Wi-Fi Settings
-                        <label class="wr-input-control switch" data-toggle="collapse" data-target="#wifi-body">
-                            <input type="checkbox" />
-                            <span class="helper"></span>
-                            <span class="text"></span>
-                        </label>
-                        <hr>
-                        <div class="panel-title-description">
-                            These configurations can be used to set how devices connect to your wireless network(s), including the necessary authentication
-                            information. Once this configuration profile is installed on an iOS device, corresponding users will not be able
-                            to modify these settings on their devices.
-                        </div>
-                    </h2>
-                </div>
-                <div id="wifi-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="wifi-body">
-                    <div id="wifi-feature-error-msg" class="alert alert-danger hidden" role="alert">
-                        <i class="icon fw fw-error"></i><span></span>
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="wifi-ssid">
-                            Service Set Identifier (SSID)
-                            <span class="helper" title="Identification of the wireless network to connect">
+        <div class="wr-input-control">
+            <label class="wr-input-label" for="per-app-vpn-uuid">
+                VPNUUID*
+                <span class="helper"
+                      title="A globally-unique identifier for the VPN configuration. This identifier is used to configure apps so that they use the Per-App VPN service for all of their network communications.">
+                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                </span>
+            </label>
+            <input id="per-app-vpn-uuid" type="text" class="form-control operationDataKeys"
+                   data-key="VPNUUID" maxlength="200"/>
+        </div>
+        <div class="wr-input-control">
+            <label class="wr-input-control checkbox">
+                <input id="per-app-vpn-in-demand-match-app" type="checkbox"
+                       class="form-control operationDataKeys" data-key="onDemandMatchAppEnabled"
+                       data-default="true"/>
+                <span class="helper"
+                      title="The Per-App VPN connection starts automatically when the apps linked to this Per-App VPN service initiate network communication, if the value is set to true.">
+                    &nbsp;&nbsp;&nbsp;On Demand Match App Enabled
+                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                </span>
+            </label>
+        </div>
+        <div class="wr-input-control">
+            <label class="wr-input-label" for="per-app-vpn-safari-domains">
+                Safari Domains
+                            <span class="helper" title="Sets up the app mapping for the Safari (Webkit) with a specific identifier and a designated requirement.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="wifi-ssid" type="text" class="form-control operationDataKeys" data-key="wifiSSID" maxlength="100" data-default="" placeholder="[ Required field if no domain name is given ]">
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="wifi-domain-name">
-                            Domain Name
-                            <span class="helper" title="Domain Name used for Wi-Fi Hotspot 2.0 negotiation. This field can be provided instead of SSID. Available in iOS 7.0 and later.">
+                <br>
+                <a href="#safari-domains-grid" class="grid-input-add" data-click-event="add-form">
+                                <span class="icon fw-stack">
+                                    <i class="fw fw-add fw-stack-1x"></i>
+                                    <i class="fw fw-ring fw-stack-2x"></i>
+                                </span>
+                    &nbsp;
+                    Add Safari Domain
+                </a>
+            </label>
+            <div id="per-app-vpn-safari-domains"
+                 class="operationDataKeys grouped-array-input multi-column-key-value-pair-array"
+                 data-key="safariDomains" data-column-count="2">
+                <table class="table table-responsive table-striped">
+                    <thead>
+                    <tr>
+                        <th>No:</th>
+                        <th>Safari Domain</th>
+                        <th></th>
+                    </tr>
+                    </thead>
+                    <tbody data-add-form-container="#safari-domains-grid">
+                    <tr data-help-text="add-form">
+                        <td colspan="3">
+                            No entries added yet .
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
+                <table class="template hidden">
+                    <tbody data-add-form="#safari-domains-grid">
+                    <tr data-add-form-element="clone">
+                        <td data-title="No:">
+                            <span class="index"></span>
+                        </td>
+                        <td data-title="Safari Domain">
+                            <input type="text" class="form-control grid-input-text" data-child-key="domain"
+                                   maxlength="100" data-default="" placeholder="[ www.example.com ]"/>
+                        </td>
+                        <td class="hidden">
+                            <input type="text" class="form-control grid-input-text" data-child-key="extra" data-default=""/>
+                        </td>
+                        <td>
+                                <span class="list-group-item-actions">
+                                    <a href="#safari-domains-grid" class="grid-input-remove"
+                                       data-click-event="remove-form">
+                                        <span class="fw-stack helper" title="Remove Entry">
+                                            <i class="fw fw-ring fw-stack-2x"></i>
+                                            <i class="fw fw-delete fw-stack-1x"></i>
+                                        </span>
+                                    </a>
+                                </span>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="panel panel-default operation-data" data-operation="app-to-per-app-vpn-mapping"
+     data-operation-code="APP_TO_PER_APP_VPN_MAPPING">
+    <div id="per-app-vpn-heading" class="panel-heading" role="tab">
+        <h2 class="sub-title panel-title">
+            App-to-Per-App VPN Mapping
+            <label class="wr-input-control switch" data-toggle="collapse"
+                   data-target="#app-to-per-app-vpn-body">
+                <input type="checkbox"/>
+                <span class="helper"></span>
+                <span class="text"></span>
+            </label>
+            <hr>
+            <div class="panel-title-description">
+                This configuration can be used to configure app-to-per-app VPN mappings.
+                Once this configuration profile is installed on a device, corresponding users will not be able
+                to modify these settings on their devices.
+            </div>
+        </h2>
+    </div>
+    <div id="app-to-per-app-vpn-body" class="panel-collapse panel-body collapse" role="tabpanel"
+         aria-labelledby="app-to-per-app-vpn-body">
+        Please note that * sign represents required fields of data.
+        <br>
+        <br>
+
+        <div id="app-to-per-app-vpn-feature-error-msg" class="alert alert-danger hidden" role="alert">
+            <i class="icon fw fw-error"></i><span></span>
+        </div>
+        <div class="wr-input-control">
+            <label class="wr-input-label" for="app-to-per-app-vpn-mappings">
+                Mappings
+                            <span class="helper" title="The App-to-Per-App mapping payload is designated by specifying com.apple.vpn.managed.appmapping as the PayloadType value.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                            <br>
-                            ( For Wi-Fi Hotspot 2.0 negotiation )
-                        </label>
-                        <input id="wifi-domain-name" type="text" class="form-control operationDataKeys" data-key="wifiDomainName" maxlength="100" data-default="" placeholder="[ Required field if no SSID is given ]">
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="wifi-hidden-network" type="checkbox" class="form-control operationDataKeys" data-key="wifiHiddenNetwork" data-default="false" />
-                            <span class="helper" title="Enable this if target network is not open or broadcasting">
+                <br>
+                <a href="#app-vpn-mappings-grid" class="grid-input-add" data-click-event="add-form">
+                                <span class="icon fw-stack">
+                                    <i class="fw fw-add fw-stack-1x"></i>
+                                    <i class="fw fw-ring fw-stack-2x"></i>
+                                </span>
+                    &nbsp;
+                    Add Mapping
+                </a>
+            </label>
+            <div id="app-to-per-app-vpn-mappings"
+                 class="operationDataKeys grouped-array-input multi-column-key-value-pair-array"
+                 data-key="appLayerVPNMappings" data-column-count="2">
+                <table class="table table-responsive table-striped">
+                    <thead>
+                    <tr>
+                        <th>No:</th>
+                        <th>App Identifier</th>
+                        <th>VPN UUID</th>
+                        <th></th>
+                    </tr>
+                    </thead>
+                    <tbody data-add-form-container="#app-vpn-mappings-grid">
+                    <tr data-help-text="add-form">
+                        <td colspan="4">
+                            No entries added yet .
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
+                <table class="template hidden">
+                    <tbody data-add-form="#app-vpn-mappings-grid">
+                    <tr data-add-form-element="clone">
+                        <td data-title="No:">
+                            <span class="index"></span>
+                        </td>
+                        <td data-title="App Identifier">
+                            <input type="text" class="form-control grid-input-text" data-child-key="identifier"
+                                   maxlength="100" data-default="" placeholder="[ App Bundle ID ]"/>
+                        </td>
+                        <td data-title="VPN UUID">
+                            <input type="text" class="form-control grid-input-text" data-child-key="VPNUUID"
+                                   maxlength="100" data-default="" placeholder="[ VPNUUID ]"/>
+                        </td>
+                        <td>
+                                <span class="list-group-item-actions">
+                                    <a href="#app-vpn-mappings-grid" class="grid-input-remove"
+                                       data-click-event="remove-form">
+                                        <span class="fw-stack helper" title="Remove Entry">
+                                            <i class="fw fw-ring fw-stack-2x"></i>
+                                            <i class="fw fw-delete fw-stack-1x"></i>
+                                        </span>
+                                    </a>
+                                </span>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>
+</div>
+<!-- /PER APP VPN -->
+
+<!-- Wifi -->
+<div class="wr-hidden-operation" data-operation="wifi">
+<div class="panel panel-default operation-data" data-operation="wifi" data-operation-code="WIFI">
+<div id="wifi-heading" class="panel-heading" role="tab">
+    <h2 class="sub-title panel-title">
+        Wi-Fi Settings
+        <label class="wr-input-control switch" data-toggle="collapse" data-target="#wifi-body">
+            <input type="checkbox"/>
+            <span class="helper"></span>
+            <span class="text"></span>
+        </label>
+        <hr>
+        <div class="panel-title-description">
+            These configurations can be used to set how devices connect to your wireless network(s),
+            including the necessary authentication
+            information. Once this configuration profile is installed on an iOS device,
+            corresponding users will not be able
+            to modify these settings on their devices.
+        </div>
+    </h2>
+</div>
+<div id="wifi-body" class="panel-collapse panel-body collapse" role="tabpanel"
+     aria-labelledby="wifi-body">
+<div id="wifi-feature-error-msg" class="alert alert-danger hidden" role="alert">
+    <i class="icon fw fw-error"></i><span></span>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="wifi-ssid">
+        Service Set Identifier (SSID)
+                            <span class="helper"
+                                  title="Identification of the wireless network to connect">
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+    <input id="wifi-ssid" type="text" class="form-control operationDataKeys" data-key="wifiSSID"
+           maxlength="100" data-default=""
+           placeholder="[ Required field if no domain name is given ]">
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="wifi-domain-name">
+        Domain Name
+                            <span class="helper"
+                                  title="Domain Name used for Wi-Fi Hotspot 2.0 negotiation. This field can be provided instead of SSID. Available in iOS 7.0 and later.">
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+        <br>
+        ( For Wi-Fi Hotspot 2.0 negotiation )
+    </label>
+    <input id="wifi-domain-name" type="text" class="form-control operationDataKeys"
+           data-key="wifiDomainName" maxlength="100" data-default=""
+           placeholder="[ Required field if no SSID is given ]">
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="wifi-hidden-network" type="checkbox" class="form-control operationDataKeys"
+               data-key="wifiHiddenNetwork" data-default="false"/>
+                            <span class="helper"
+                                  title="Enable this if target network is not open or broadcasting">
                                 &nbsp;&nbsp;&nbsp;Hidden Network
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="wifi-is-hot-spot" type="checkbox" class="form-control operationDataKeys" data-key="wifiIsHotSpot" data-default="false" />
-                            <span class="helper" title="If checked, the network is treated as a hotspot. Available in iOS 7.0 and later.">
+    </label>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="wifi-is-hot-spot" type="checkbox" class="form-control operationDataKeys"
+               data-key="wifiIsHotSpot" data-default="false"/>
+                            <span class="helper"
+                                  title="If checked, the network is treated as a hotspot. Available in iOS 7.0 and later.">
                                 &nbsp;&nbsp;&nbsp;Hot Spot
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="wifi-service-provider-roaming-enabled" type="checkbox" class="form-control operationDataKeys" data-key="wifiServiceProviderRoamingEnabled" data-default="false" />
-                            <span class="helper" title="Indicates if connecting to roaming service providers is allowed. Available in iOS 7.0 and later.">
+    </label>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="wifi-service-provider-roaming-enabled" type="checkbox"
+               class="form-control operationDataKeys" data-key="wifiServiceProviderRoamingEnabled"
+               data-default="false"/>
+                            <span class="helper"
+                                  title="Indicates if connecting to roaming service providers is allowed. Available in iOS 7.0 and later.">
                                 &nbsp;&nbsp;&nbsp;Enable Service Provider Roaming
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="wifi-auto-join" type="checkbox" class="form-control operationDataKeys" data-key="wifiAutoJoin" data-default="true" checked="checked" />
-                            <span class="helper" title="If unchecked, user has to tap the network name to join it. Available in iOS 5.0 and later.">
+    </label>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="wifi-auto-join" type="checkbox" class="form-control operationDataKeys"
+               data-key="wifiAutoJoin" data-default="true" checked="checked"/>
+                            <span class="helper"
+                                  title="If unchecked, user has to tap the network name to join it. Available in iOS 5.0 and later.">
                                 &nbsp;&nbsp;&nbsp;Auto Join
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="wifi-displayed-operator-name">
-                            Displayed Operator Name
-                            <span class="helper" title="Operator name to display. Available in iOS 7.0 and later.">
+    </label>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="wifi-displayed-operator-name">
+        Displayed Operator Name
+                            <span class="helper"
+                                  title="Operator name to display. Available in iOS 7.0 and later.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="wifi-displayed-operator-name" type="text" class="form-control operationDataKeys" data-key="wifiDisplayedOperatorName" maxlength="100" data-default="" placeholder="[ Optional field ]">
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="wifi-proxy-type">
-                            Proxy Setup
-                            <span class="helper" title="Configures type of proxy setup to be used with this network. Available in iOS 5.0 and later.">
+    </label>
+    <input id="wifi-displayed-operator-name" type="text" class="form-control operationDataKeys"
+           data-key="wifiDisplayedOperatorName" maxlength="100" data-default=""
+           placeholder="[ Optional field ]">
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="wifi-proxy-type">
+        Proxy Setup
+                            <span class="helper"
+                                  title="Configures type of proxy setup to be used with this network. Available in iOS 5.0 and later.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <select id="wifi-proxy-type" class="form-control operationDataKeys" data-key="wifiProxyType" data-default="0" onchange="slideDownPaneAgainstValueSet(this, 'manual-proxy-setup', ['Manual'])">
-                            <option value="None" selected="selected">
-                                None
-                            </option>
-                            <option value="Manual">Manual</option>
-                            <option value="Auto">Automatic</option>
-                        </select>
-                    </div>
-
-                    <div id="manual-proxy-setup" class="slidable-pane" style="display:none;">
-
-                        For Manual Proxy Setup :
-                        <br>
-                        <br>
-
-                        <div class="wr-input-control">
-                            <label class="wr-input-label" for="wifi-proxy-server">
-                                Proxy Server <br>
-                                ( Server URL or IP Address )
+    </label>
+    <select id="wifi-proxy-type" class="form-control operationDataKeys" data-key="wifiProxyType"
+            data-default="0"
+            onchange="slideDownPaneAgainstValueSet(this, 'manual-proxy-setup', ['Manual'])">
+        <option value="None" selected="selected">
+            None
+        </option>
+        <option value="Manual">Manual</option>
+        <option value="Auto">Automatic</option>
+    </select>
+</div>
+
+<div id="manual-proxy-setup" class="slidable-pane" style="display:none;">
+
+    For Manual Proxy Setup :
+    <br>
+    <br>
+
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="wifi-proxy-server">
+            Proxy Server <br>
+            ( Server URL or IP Address )
                                 <span class="helper" title="Proxy server URL or network IP address">
                                     <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                 </span>
-                            </label>
-                            <input id="wifi-proxy-server" type="text" class="form-control operationDataKeys" data-key="wifiProxyServer" maxlength="100" data-default="" placeholder="[ Required field ]" />
-                        </div>
+        </label>
+        <input id="wifi-proxy-server" type="text" class="form-control operationDataKeys"
+               data-key="wifiProxyServer" maxlength="100" data-default=""
+               placeholder="[ Required field ]"/>
+    </div>
 
-                        <div class="wr-input-control">
-                            <label class="wr-input-label" for="wifi-proxy-port">
-                                Proxy Server Port
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="wifi-proxy-port">
+            Proxy Server Port
                                 <span class="helper" title="Proxy server port">
                                     <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                 </span>
-                            </label>
-                            <input id="wifi-proxy-port" type="text" class="form-control operationDataKeys" data-key="wifiProxyPort" maxlength="5" data-default="" placeholder="[ Required field which requires Number Input ]" />
-                        </div>
+        </label>
+        <input id="wifi-proxy-port" type="text" class="form-control operationDataKeys"
+               data-key="wifiProxyPort" maxlength="5" data-default=""
+               placeholder="[ Required field which requires Number Input ]"/>
+    </div>
 
-                        <div class="wr-input-control">
-                            <label class="wr-input-label" for="wifi-proxy-username">
-                                Proxy Username
-                                <span class="helper" title="Username used to authenticate to the proxy server">
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="wifi-proxy-username">
+            Proxy Username
+                                <span class="helper"
+                                      title="Username used to authenticate to the proxy server">
                                     <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                 </span>
-                            </label>
-                            <input id="wifi-proxy-username" type="text" class="form-control operationDataKeys" data-key="wifiProxyUsername" maxlength="100" data-default="" placeholder="[ Optional field ]" />
-                        </div>
+        </label>
+        <input id="wifi-proxy-username" type="text" class="form-control operationDataKeys"
+               data-key="wifiProxyUsername" maxlength="100" data-default=""
+               placeholder="[ Optional field ]"/>
+    </div>
 
-                        <div class="wr-input-control">
-                            <label class="wr-input-label" for="wifi-proxy-password">
-                                Proxy Password
-                                <span class="helper" title="Password used to authenticate to the proxy server">
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="wifi-proxy-password">
+            Proxy Password
+                                <span class="helper"
+                                      title="Password used to authenticate to the proxy server">
                                     <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                 </span>
-                            </label>
-                            <input id="wifi-proxy-password" type="password" class="form-control operationDataKeys" data-key="wifiProxyPassword" maxlength="100" data-default="" placeholder="[ Optional field ]" />
-                        </div>
+        </label>
+        <input id="wifi-proxy-password" type="password" class="form-control operationDataKeys"
+               data-key="wifiProxyPassword" maxlength="100" data-default=""
+               placeholder="[ Optional field ]"/>
+    </div>
 
-                        <div class="wr-input-control">
-                            <label class="wr-input-label" for="wifi-proxy-pac-url">
-                                Proxy PAC URL
-                                <span class="helper" title="URL of the PAC file that defines the proxy configuration">
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="wifi-proxy-pac-url">
+            Proxy PAC URL
+                                <span class="helper"
+                                      title="URL of the PAC file that defines the proxy configuration">
                                     <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                 </span>
-                            </label>
-                            <input id="wifi-proxy-pac-url" type="text" class="form-control operationDataKeys" data-key="wifiProxyPACURL" maxlength="100" data-default="" placeholder="[ Optional field ]">
-                        </div>
+        </label>
+        <input id="wifi-proxy-pac-url" type="text" class="form-control operationDataKeys"
+               data-key="wifiProxyPACURL" maxlength="100" data-default=""
+               placeholder="[ Optional field ]">
+    </div>
 
-                        <div class="wr-input-control">
-                            <label class="wr-input-control checkbox">
-                                <input id="wifi-proxy-pac-fallback-allowed" type="checkbox" class="form-control operationDataKeys" data-key="wifiProxyPACFallbackAllowed" data-default="true" checked="checked"/>
-                                <span class="helper" title="If unchecked, prevents a device from connecting directly to the destination if the PAC file is unreachable. Available in iOS 7 and later.">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="wifi-proxy-pac-fallback-allowed" type="checkbox"
+                   class="form-control operationDataKeys" data-key="wifiProxyPACFallbackAllowed"
+                   data-default="true" checked="checked"/>
+                                <span class="helper"
+                                      title="If unchecked, prevents a device from connecting directly to the destination if the PAC file is unreachable. Available in iOS 7 and later.">
                                     &nbsp;&nbsp;&nbsp;Allow Proxy PAC Fallback
                                     <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                 </span>
-                            </label>
-                        </div>
+        </label>
+    </div>
 
-                    </div>
+</div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="wifi-encryption-type">
-                            Encryption Security Type
-                            <span class="helper" title="Wireless network encryption to use when connecting. Available in iOS 4.0 and later. The None value is available in iOS 5.0 and later.">
+<div class="wr-input-control">
+    <label class="wr-input-label" for="wifi-encryption-type">
+        Encryption Security Type
+                            <span class="helper"
+                                  title="Wireless network encryption to use when connecting. Available in iOS 4.0 and later. The None value is available in iOS 5.0 and later.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <select id="wifi-encryption-type" class="form-control operationDataKeys" data-key="wifiEncryptionType" data-default="0" onchange="slideDownPaneAgainstValueSet(this, 'advanced-security-config', ['WEP', 'WPA', 'Any'])">
-                            <option value="None" selected="selected">None</option>
-                            <option value="WEP">WEP</option>
-                            <option value="WPA">WPA</option>
-                            <option value="Any">ANY</option>
-                        </select>
-                    </div>
-
-                    <div id="advanced-security-config" class="slidable-pane" style="display:none;">
-
-                    For WEP, WPA or ANY Encryption Security Type :
-                    <br>
-                    <br>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="wifi-password">
-                            Wi-Fi Password
-                            <span class="helper" title="Password used for encryption security. Absence of a password does not prevent a network from being added to the list of known networks. The user is eventually prompted to provide the password when connecting to that network.">
+    </label>
+    <select id="wifi-encryption-type" class="form-control operationDataKeys"
+            data-key="wifiEncryptionType" data-default="0"
+            onchange="slideDownPaneAgainstValueSet(this, 'advanced-security-config', ['WEP', 'WPA', 'Any'])">
+        <option value="None" selected="selected">None</option>
+        <option value="WEP">WEP</option>
+        <option value="WPA">WPA</option>
+        <option value="Any">ANY</option>
+    </select>
+</div>
+
+<div id="advanced-security-config" class="slidable-pane" style="display:none;">
+
+For WEP, WPA or ANY Encryption Security Type :
+<br>
+<br>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="wifi-password">
+        Wi-Fi Password
+                            <span class="helper"
+                                  title="Password used for encryption security. Absence of a password does not prevent a network from being added to the list of known networks. The user is eventually prompted to provide the password when connecting to that network.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="wifi-password" type="password" class="form-control operationDataKeys" data-key="wifiPassword" maxlength="100" placeholder="[ Optional field ]">
-                    </div>
-
-                    <div class="eap-client-config">
-
-                    EAP Client Configuration ( Optional ) :
-                    <br>
-                    <br>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="wifi-accepted-eap-types">
-                            Accepted EAP Types
-                            <span class="helper" title="Authentication protocols supported on target network.">
+    </label>
+    <input id="wifi-password" type="password" class="form-control operationDataKeys"
+           data-key="wifiPassword" maxlength="100" placeholder="[ Optional field ]">
+</div>
+
+<div class="eap-client-config">
+
+EAP Client Configuration ( Optional ) :
+<br>
+<br>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="wifi-accepted-eap-types">
+        Accepted EAP Types
+                            <span class="helper"
+                                  title="Authentication protocols supported on target network.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                            <br>
-                            <br>
-                        </label>
-                        <div id="wifi-accepted-eap-types" class="operationDataKeys grouped-array-input valued-check-box-array" data-key="wifiAcceptedEAPTypes">
-                            <label class="wr-input-control checkbox">
-                                <input type="checkbox" class="form-control child-input" data-default="false" data-value="13"/>
+        <br>
+        <br>
+    </label>
+
+    <div id="wifi-accepted-eap-types"
+         class="operationDataKeys grouped-array-input valued-check-box-array"
+         data-key="wifiAcceptedEAPTypes">
+        <label class="wr-input-control checkbox">
+            <input type="checkbox" class="form-control child-input" data-default="false"
+                   data-value="13"/>
                                 <span class="helper" title="">
                                     &nbsp;&nbsp;&nbsp;TLS
                                 </span>
-                            </label>
-                            <br/><br/>
-                            <label class="wr-input-control checkbox">
-                                <input type="checkbox" class="form-control child-input" data-default="false" data-value="17"/>
+        </label>
+        <br/><br/>
+        <label class="wr-input-control checkbox">
+            <input type="checkbox" class="form-control child-input" data-default="false"
+                   data-value="17"/>
                                 <span class="helper" title="">
                                     &nbsp;&nbsp;&nbsp;LEAP
                                 </span>
-                            </label>
-                            <br/><br/>
-                            <label class="wr-input-control checkbox">
-                                <input type="checkbox" class="form-control child-input" data-default="false" data-value="18"/>
+        </label>
+        <br/><br/>
+        <label class="wr-input-control checkbox">
+            <input type="checkbox" class="form-control child-input" data-default="false"
+                   data-value="18"/>
                                 <span class="helper" title="">
                                     &nbsp;&nbsp;&nbsp;EAP-SIM
                                 </span>
-                            </label>
-                            <br/><br/>
-                            <label class="wr-input-control checkbox">
-                                <input type="checkbox" class="form-control child-input" data-default="false" data-value="21"/>
+        </label>
+        <br/><br/>
+        <label class="wr-input-control checkbox">
+            <input type="checkbox" class="form-control child-input" data-default="false"
+                   data-value="21"/>
                                 <span class="helper" title="">
                                     &nbsp;&nbsp;&nbsp;TTLS
                                 </span>
-                            </label>
-                            <br/><br/>
-                            <label class="wr-input-control checkbox">
-                                <input type="checkbox" class="form-control child-input" data-default="false" data-value="23"/>
+        </label>
+        <br/><br/>
+        <label class="wr-input-control checkbox">
+            <input type="checkbox" class="form-control child-input" data-default="false"
+                   data-value="23"/>
                                 <span class="helper" title="">
                                     &nbsp;&nbsp;&nbsp;EAP-AKA
                                 </span>
-                            </label>
-                            <br/><br/>
-                            <label class="wr-input-control checkbox">
-                                <input type="checkbox" class="form-control child-input" data-default="false" data-value="25"/>
+        </label>
+        <br/><br/>
+        <label class="wr-input-control checkbox">
+            <input type="checkbox" class="form-control child-input" data-default="false"
+                   data-value="25"/>
                                 <span class="helper" title="">
                                     &nbsp;&nbsp;&nbsp;PEAP
                                 </span>
-                            </label>
-                            <br/><br/>
-                            <label class="wr-input-control checkbox">
-                                <input type="checkbox" class="form-control child-input" data-default="false" data-value="43"/>
+        </label>
+        <br/><br/>
+        <label class="wr-input-control checkbox">
+            <input type="checkbox" class="form-control child-input" data-default="false"
+                   data-value="43"/>
                                 <span class="helper" title="">
                                     &nbsp;&nbsp;&nbsp;EAP-FAST
                                 </span>
-                            </label>
-                        </div>
-                    </div>
+        </label>
+    </div>
+</div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="wifi-eap-username">
-                            Username
-                            <span class="helper" title="Unless you enter a user name, this property won't appear in an imported configuration. Users can enter this information by themselves when they authenticate.">
+<div class="wr-input-control">
+    <label class="wr-input-label" for="wifi-eap-username">
+        Username
+                            <span class="helper"
+                                  title="Unless you enter a user name, this property won't appear in an imported configuration. Users can enter this information by themselves when they authenticate.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="wifi-eap-username" type="text" class="form-control operationDataKeys" data-key="wifiEAPUsername" maxlength="100" data-default="" placeholder="[ Optional field ]" />
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="wifi-eap-password">
-                            Password
-                            <span class="helper" title="If not provided, the user will be prompted during login.">
+    </label>
+    <input id="wifi-eap-username" type="text" class="form-control operationDataKeys"
+           data-key="wifiEAPUsername" maxlength="100" data-default=""
+           placeholder="[ Optional field ]"/>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="wifi-eap-password">
+        Password
+                            <span class="helper"
+                                  title="If not provided, the user will be prompted during login.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="wifi-eap-password" type="password" class="form-control operationDataKeys" data-key="wifiEAPPassword" maxlength="100" placeholder="[ Optional field ]" />
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="wifi-eap-one-time-password" type="checkbox" class="form-control operationDataKeys" data-key="wifiEAPOneTimePassword" data-default="false" />
-                            <span class="helper" title="If checked, the user will be prompted for a password each time they connect to the network.">
+    </label>
+    <input id="wifi-eap-password" type="password" class="form-control operationDataKeys"
+           data-key="wifiEAPPassword" maxlength="100" placeholder="[ Optional field ]"/>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="wifi-eap-one-time-password" type="checkbox"
+               class="form-control operationDataKeys" data-key="wifiEAPOneTimePassword"
+               data-default="false"/>
+                            <span class="helper"
+                                  title="If checked, the user will be prompted for a password each time they connect to the network.">
                                 &nbsp;&nbsp;&nbsp;One Time Password
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
+    </label>
+</div>
 
-                    <br>
+<br>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="wifi-payload-certificate-anchor-uuids">
-                            Certificate Payload Anchor UUIDs
-                            <span class="helper" title="Identifies the certificates to be trusted for this authentication. Each entry must contain the UUID of a certificate payload. Use this key to prevent the device from asking the user if the listed certificates are trusted.">
+<div class="wr-input-control">
+    <label class="wr-input-label" for="wifi-payload-certificate-anchor-uuids">
+        Certificate Payload Anchor UUIDs
+                            <span class="helper"
+                                  title="Identifies the certificates to be trusted for this authentication. Each entry must contain the UUID of a certificate payload. Use this key to prevent the device from asking the user if the listed certificates are trusted.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                            <br>
-                            <a href="#wifi-payload-certificate-anchor-uuids-grid" class="grid-input-add" data-click-event="add-form">
+        <br>
+        <a href="#wifi-payload-certificate-anchor-uuids-grid" class="grid-input-add"
+           data-click-event="add-form">
                                 <span class="icon fw-stack">
                                     <i class="fw fw-add fw-stack-1x"></i>
                                     <i class="fw fw-ring fw-stack-2x"></i>
                                 </span>
-                                &nbsp;
-                                Add Certificate Payload Anchor UUID
-                            </a>
-                        </label>
-                        <div id="wifi-payload-certificate-anchor-uuids" class="operationDataKeys grouped-array-input one-column-input-array" data-key="wifiPayloadCertificateAnchorUUIDs">
-                            <table class="table table-responsive table-striped">
-                                <thead>
-                                    <tr>
-                                        <th>No:</th>
-                                        <th>Certificate Payload Anchor UUID</th>
-                                        <th></th>
-                                    </tr>
-                                </thead>
-                                <tbody data-add-form-container="#wifi-payload-certificate-anchor-uuids-grid">
-                                    <tr data-help-text="add-form">
-                                        <td colspan="3">
-                                            No entries added yet .
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <table class="template hidden">
-                                <tbody data-add-form="#wifi-payload-certificate-anchor-uuids-grid">
-                                    <tr data-add-form-element="clone">
-                                        <td data-title="No:">
-                                            <span class="index"></span>
-                                        </td>
-                                        <td data-title="Certificate Payload Anchor UUID">
-                                            <input type="text" class="form-control grid-input-text" maxlength="100" data-default="" placeholder="[ Requires a Certificate Payload UUID ]" />
-                                        </td>
-                                        <td>
+            &nbsp;
+            Add Certificate Payload Anchor UUID
+        </a>
+    </label>
+
+    <div id="wifi-payload-certificate-anchor-uuids"
+         class="operationDataKeys grouped-array-input one-column-input-array"
+         data-key="wifiPayloadCertificateAnchorUUIDs">
+        <table class="table table-responsive table-striped">
+            <thead>
+            <tr>
+                <th>No:</th>
+                <th>Certificate Payload Anchor UUID</th>
+                <th></th>
+            </tr>
+            </thead>
+            <tbody data-add-form-container="#wifi-payload-certificate-anchor-uuids-grid">
+            <tr data-help-text="add-form">
+                <td colspan="3">
+                    No entries added yet .
+                </td>
+            </tr>
+            </tbody>
+        </table>
+        <table class="template hidden">
+            <tbody data-add-form="#wifi-payload-certificate-anchor-uuids-grid">
+            <tr data-add-form-element="clone">
+                <td data-title="No:">
+                    <span class="index"></span>
+                </td>
+                <td data-title="Certificate Payload Anchor UUID">
+                    <input type="text" class="form-control grid-input-text" maxlength="100"
+                           data-default="" placeholder="[ Requires a Certificate Payload UUID ]"/>
+                </td>
+                <td>
                                             <span class="list-group-item-actions">
-                                                <a href="#wifi-payload-certificate-anchor-uuids-grid" class="grid-input-remove" data-click-event="remove-form">
-                                                    <span class="fw-stack helper" title="Remove Entry">
+                                                <a href="#wifi-payload-certificate-anchor-uuids-grid"
+                                                   class="grid-input-remove"
+                                                   data-click-event="remove-form">
+                                                    <span class="fw-stack helper"
+                                                          title="Remove Entry">
                                                         <i class="fw fw-ring fw-stack-2x"></i>
                                                         <i class="fw fw-delete fw-stack-1x"></i>
                                                     </span>
                                                 </a>
                                             </span>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
-                    </div>
+                </td>
+            </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
 
-                    <br>
+<br>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="wifi-tls-trusted-server-names">
-                            TLS Trusted Server Certificate Names
-                            <span class="helper" title="This is the list of server certificate common names that will be accepted. You can use wildcards to specify the name, such as wpa.*.example.com. If a server presents a certificate that isn't in this list, it won't be trusted. Used alone or in combination with TLSTrustedCertificates, the property allows someone to carefully craft which certificates to trust for the given network, and avoid dynamically trusted certificates.">
+<div class="wr-input-control">
+    <label class="wr-input-label" for="wifi-tls-trusted-server-names">
+        TLS Trusted Server Certificate Names
+                            <span class="helper"
+                                  title="This is the list of server certificate common names that will be accepted. You can use wildcards to specify the name, such as wpa.*.example.com. If a server presents a certificate that isn't in this list, it won't be trusted. Used alone or in combination with TLSTrustedCertificates, the property allows someone to carefully craft which certificates to trust for the given network, and avoid dynamically trusted certificates.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                            <br>
-                            <a href="#wifi-tls-trusted-server-names-grid" class="grid-input-add" data-click-event="add-form">
+        <br>
+        <a href="#wifi-tls-trusted-server-names-grid" class="grid-input-add"
+           data-click-event="add-form">
                                 <span class="icon fw-stack">
                                     <i class="fw fw-add fw-stack-1x"></i>
                                     <i class="fw fw-ring fw-stack-2x"></i>
                                 </span>
-                                &nbsp;
-                                Add TLS Trusted Server Certificate Name
-                            </a>
-                        </label>
-                        <div id="wifi-tls-trusted-server-names" class="operationDataKeys grouped-array-input one-column-input-array" data-key="wifiTLSTrustedServerNames">
-                            <table class="table table-responsive table-striped">
-                                <thead>
-                                    <tr>
-                                        <th>No:</th>
-                                        <th>TLS Trusted Server Certificate Name</th>
-                                        <th></th>
-                                    </tr>
-                                </thead>
-                                <tbody data-add-form-container="#wifi-tls-trusted-server-names-grid">
-                                    <tr data-help-text="add-form">
-                                        <td colspan="3">
-                                            No entries added yet .
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <table class="template hidden">
-                                <tbody data-add-form="#wifi-tls-trusted-server-names-grid">
-                                    <tr data-add-form-element="clone">
-                                        <td data-title="No:">
-                                            <span class="index"></span>
-                                        </td>
-                                        <td data-title="TLS Trusted Server Certificate Name">
-                                            <input type="text" class="form-control grid-input-text" maxlength="100" data-default="" placeholder="[ Requires a Certificate Common Name ]" />
-                                        </td>
-                                        <td>
+            &nbsp;
+            Add TLS Trusted Server Certificate Name
+        </a>
+    </label>
+
+    <div id="wifi-tls-trusted-server-names"
+         class="operationDataKeys grouped-array-input one-column-input-array"
+         data-key="wifiTLSTrustedServerNames">
+        <table class="table table-responsive table-striped">
+            <thead>
+            <tr>
+                <th>No:</th>
+                <th>TLS Trusted Server Certificate Name</th>
+                <th></th>
+            </tr>
+            </thead>
+            <tbody data-add-form-container="#wifi-tls-trusted-server-names-grid">
+            <tr data-help-text="add-form">
+                <td colspan="3">
+                    No entries added yet .
+                </td>
+            </tr>
+            </tbody>
+        </table>
+        <table class="template hidden">
+            <tbody data-add-form="#wifi-tls-trusted-server-names-grid">
+            <tr data-add-form-element="clone">
+                <td data-title="No:">
+                    <span class="index"></span>
+                </td>
+                <td data-title="TLS Trusted Server Certificate Name">
+                    <input type="text" class="form-control grid-input-text" maxlength="100"
+                           data-default="" placeholder="[ Requires a Certificate Common Name ]"/>
+                </td>
+                <td>
                                             <span class="list-group-item-actions">
-                                                <a href="#wifi-tls-trusted-server-names-grid" class="grid-input-remove" data-click-event="remove-form">
-                                                    <span class="fw-stack helper" title="Remove Entry">
+                                                <a href="#wifi-tls-trusted-server-names-grid"
+                                                   class="grid-input-remove"
+                                                   data-click-event="remove-form">
+                                                    <span class="fw-stack helper"
+                                                          title="Remove Entry">
                                                         <i class="fw fw-ring fw-stack-2x"></i>
                                                         <i class="fw fw-delete fw-stack-1x"></i>
                                                     </span>
                                                 </a>
                                             </span>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
-                    </div>
+                </td>
+            </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
 
-                    <br>
+<br>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="wifi-eap-tls-allow-trust-exceptions" type="checkbox" class="form-control operationDataKeys" data-key="wifiEAPTLSAllowTrustExceptions" data-default="true" checked="checked"/>
-                            <span class="helper" title="Allows / disallows a dynamic trust decision by the user. The dynamic trust is the certificate dialogue that appears when a certificate isn't trusted. If this is unchecked, the authentication fails if the certificate isn't already trusted.">
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="wifi-eap-tls-allow-trust-exceptions" type="checkbox"
+               class="form-control operationDataKeys" data-key="wifiEAPTLSAllowTrustExceptions"
+               data-default="true" checked="checked"/>
+                            <span class="helper"
+                                  title="Allows / disallows a dynamic trust decision by the user. The dynamic trust is the certificate dialogue that appears when a certificate isn't trusted. If this is unchecked, the authentication fails if the certificate isn't already trusted.">
                                 &nbsp;&nbsp;&nbsp;Allow TLS Trust Exceptions
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                 </span>
-                        </label>
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="wifi-eap-tls-cert-is-required" type="checkbox" class="form-control operationDataKeys" data-key="wifiEAPTLSCertIsRequired" data-default="true" checked="checked"/>
-                            <span class="helper" title="If checked, allows for two-factor authentication for EAP-TTLS, PEAP or EAP-FAST. If unchecked, allows for zero factor authentication for EAP-TLS. By default this is enabled for EAP-TLS and disabled for other EAP types. Available in iOS 7.0 and later.">
+    </label>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="wifi-eap-tls-cert-is-required" type="checkbox"
+               class="form-control operationDataKeys" data-key="wifiEAPTLSCertIsRequired"
+               data-default="true" checked="checked"/>
+                            <span class="helper"
+                                  title="If checked, allows for two-factor authentication for EAP-TTLS, PEAP or EAP-FAST. If unchecked, allows for zero factor authentication for EAP-TLS. By default this is enabled for EAP-TLS and disabled for other EAP types. Available in iOS 7.0 and later.">
                                 &nbsp;&nbsp;&nbsp;Require TLS Certificate
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="wifi-eap-tls-inner-auth-type">
-                            TTLS Inner Authentication Type
-                            <span class="helper" title="This is the inner authentication used by the TTLS module.">
+    </label>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="wifi-eap-tls-inner-auth-type">
+        TTLS Inner Authentication Type
+                            <span class="helper"
+                                  title="This is the inner authentication used by the TTLS module.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <select id="wifi-eap-tls-inner-auth-type" class="form-control operationDataKeys" data-key="wifiEAPTLSInnerAuthType" data-default="3">
-                            <option value="PAP">PAP</option>
-                            <option value="CHAP">CHAP</option>
-                            <option value="MSCHAP">MSCHAP</option>
-                            <option value="MSCHAPv2" selected="selected">MSCHAPv2</option>
-                        </select>
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="wifi-eap-outer-identity">
-                            Outer Identity
-                            <span class="helper" title="This allows the user to hide his or her identity. The user's actual name appears only inside the encrypted tunnel. For example, it could be set to 'anonymous' or 'anon', or 'anon@my-company.net'. It can increase security because an attacker can't see the authenticating user's name in the clear.">
+    </label>
+    <select id="wifi-eap-tls-inner-auth-type" class="form-control operationDataKeys"
+            data-key="wifiEAPTLSInnerAuthType" data-default="3">
+        <option value="PAP">PAP</option>
+        <option value="CHAP">CHAP</option>
+        <option value="MSCHAP">MSCHAP</option>
+        <option value="MSCHAPv2" selected="selected">MSCHAPv2</option>
+    </select>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="wifi-eap-outer-identity">
+        Outer Identity
+                            <span class="helper"
+                                  title="This allows the user to hide his or her identity. The user's actual name appears only inside the encrypted tunnel. For example, it could be set to 'anonymous' or 'anon', or 'anon@my-company.net'. It can increase security because an attacker can't see the authenticating user's name in the clear.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                            <br>
-                            ( Only relevant to TTLS, PEAP and EAP-FAST )
-                        </label>
-                        <input id="wifi-eap-outer-identity" type="text" class="form-control operationDataKeys" data-key="wifiEAPOuterIdentity" maxlength="100" data-default="" placeholder="[ Optional field ]" />
-                    </div>
-
-                    EAP-Fast Support :
-                    <br>
-                    <br>
-
-                    <ul class="listing">
-                        <li class="grouped-input">
-                            <div class="wr-input-control">
-                                <label class="wr-input-control checkbox">
-                                    <input id="wifi-eap-fast-use-pac" type="checkbox" class="parent-input form-control operationDataKeys" data-key="wifiEAPFastUsePAC" data-default="false" />
-                                    <span class="helper" title="If checked, the device will use an existing PAC. Otherwise, the server must present its identity using a certificate.">
+        <br>
+        ( Only relevant to TTLS, PEAP and EAP-FAST )
+    </label>
+    <input id="wifi-eap-outer-identity" type="text" class="form-control operationDataKeys"
+           data-key="wifiEAPOuterIdentity" maxlength="100" data-default=""
+           placeholder="[ Optional field ]"/>
+</div>
+
+EAP-Fast Support :
+<br>
+<br>
+
+<ul class="listing">
+    <li class="grouped-input">
+        <div class="wr-input-control">
+            <label class="wr-input-control checkbox">
+                <input id="wifi-eap-fast-use-pac" type="checkbox"
+                       class="parent-input form-control operationDataKeys"
+                       data-key="wifiEAPFastUsePAC" data-default="false"/>
+                                    <span class="helper"
+                                          title="If checked, the device will use an existing PAC. Otherwise, the server must present its identity using a certificate.">
                                         &nbsp;&nbsp;&nbsp;Use existing PAC for EAP-FAST
                                         <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                     </span>
-                                </label>
-                            </div>
-                            <ul class="grouped-child-input">
-                                <li class="grouped-input">
-                                    <div class="wr-input-control">
-                                        <label class="wr-input-control checkbox">
-                                            <input id="wifi-eap-fast-provision-pac" type="checkbox" class="parent-input child-input form-control operationDataKeys" data-key="wifiEAPFastProvisionPAC" data-default="false" />
-                                            <span class="helper" title="Used only if above is enabled. If checked, allows PAC provisioning. This particular attribute must be enabled for EAP-FAST PAC usage to succeed, because there is no other way to provision a PAC.">
+            </label>
+        </div>
+        <ul class="grouped-child-input">
+            <li class="grouped-input">
+                <div class="wr-input-control">
+                    <label class="wr-input-control checkbox">
+                        <input id="wifi-eap-fast-provision-pac" type="checkbox"
+                               class="parent-input child-input form-control operationDataKeys"
+                               data-key="wifiEAPFastProvisionPAC" data-default="false"/>
+                                            <span class="helper"
+                                                  title="Used only if above is enabled. If checked, allows PAC provisioning. This particular attribute must be enabled for EAP-FAST PAC usage to succeed, because there is no other way to provision a PAC.">
                                                 &nbsp;&nbsp;&nbsp;Allow PAC Provisioning
                                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                             </span>
-                                        </label>
-                                    </div>
-                                    <ul class="grouped-child-input">
-                                        <li>
-                                            <div class="wr-input-control">
-                                                <label class="wr-input-control checkbox">
-                                                    <input id="wifi-eap-fast-provision-pac-anonymously" type="checkbox" class="child-input form-control operationDataKeys" data-key="wifiEAPFastProvisionPACAnonymously" data-default="false" />
-                                                    <span class="helper" title="Used only if above is enabled. If checked, provisions the device anonymously. Note that there are known man-in-the-middle attacks for anonymous provisioning.">
+                    </label>
+                </div>
+                <ul class="grouped-child-input">
+                    <li>
+                        <div class="wr-input-control">
+                            <label class="wr-input-control checkbox">
+                                <input id="wifi-eap-fast-provision-pac-anonymously" type="checkbox"
+                                       class="child-input form-control operationDataKeys"
+                                       data-key="wifiEAPFastProvisionPACAnonymously"
+                                       data-default="false"/>
+                                                    <span class="helper"
+                                                          title="Used only if above is enabled. If checked, provisions the device anonymously. Note that there are known man-in-the-middle attacks for anonymous provisioning.">
                                                         &nbsp;&nbsp;&nbsp;Allow Anonymous PAC Provisioning
                                                         <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                                     </span>
-                                                </label>
-                                            </div>
-                                        </li>
-                                    </ul>
-                                </li>
-                            </ul>
-                        </li>
-                    </ul>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="wifi-eap-sim-no-of-rands">
-                            Number of expected RANDs for EAP-SIM
+                            </label>
+                        </div>
+                    </li>
+                </ul>
+            </li>
+        </ul>
+    </li>
+</ul>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="wifi-eap-sim-no-of-rands">
+        Number of expected RANDs for EAP-SIM
                             <span class="helper" title="Valid values are 2 and 3. Default is 3">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <select id="wifi-eap-sim-no-of-rands" class="form-control operationDataKeys" data-key="wifiEAPSIMNoOfRands" data-default="1">
-                            <option value="2">2</option>
-                            <option value="3" selected="selected">3</option>
-                        </select>
-                    </div>
-
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="wifi-payload-cert-uuid">
-                            Certificate Payload UUID
-                            <span class="helper" title="UUID of the certificate payload to use for the identity credential. As with VPN configurations, it is possible to associate a certificate identity configuration with a Wi-Fi configuration. This is useful when defining credentials for a secure enterprise network.">
+    </label>
+    <select id="wifi-eap-sim-no-of-rands" class="form-control operationDataKeys"
+            data-key="wifiEAPSIMNoOfRands" data-default="1">
+        <option value="2">2</option>
+        <option value="3" selected="selected">3</option>
+    </select>
+</div>
+
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="wifi-payload-cert-uuid">
+        Certificate Payload UUID
+                            <span class="helper"
+                                  title="UUID of the certificate payload to use for the identity credential. As with VPN configurations, it is possible to associate a certificate identity configuration with a Wi-Fi configuration. This is useful when defining credentials for a secure enterprise network.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="wifi-payload-cert-uuid" type="text" class="form-control operationDataKeys" data-key="wifiPayloadCertUUID" maxlength="100" data-default="" placeholder="[ Optional field ]" />
-                    </div>
-
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="wifi-roaming-consortium-ois">
-                            Roaming Consortium OIs
-                            <span class="helper" title="Roaming Consortium Organization Identifiers used for Wi-Fi Hotspot 2.0 negotiation. Available in iOS 7.0 and later.">
+    </label>
+    <input id="wifi-payload-cert-uuid" type="text" class="form-control operationDataKeys"
+           data-key="wifiPayloadCertUUID" maxlength="100" data-default=""
+           placeholder="[ Optional field ]"/>
+</div>
+
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="wifi-roaming-consortium-ois">
+        Roaming Consortium OIs
+                            <span class="helper"
+                                  title="Roaming Consortium Organization Identifiers used for Wi-Fi Hotspot 2.0 negotiation. Available in iOS 7.0 and later.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                            <br>
-                            <a href="#wifi-roaming-consortium-ois-grid" class="grid-input-add" data-click-event="add-form">
+        <br>
+        <a href="#wifi-roaming-consortium-ois-grid" class="grid-input-add"
+           data-click-event="add-form">
                                 <span class="icon fw-stack">
                                     <i class="fw fw-add fw-stack-1x"></i>
                                     <i class="fw fw-ring fw-stack-2x"></i>
                                 </span>
-                                &nbsp;
-                                Add Roaming Consortium OI
-                            </a>
-                        </label>
-                        <div id="wifi-roaming-consortium-ois" class="operationDataKeys grouped-array-input one-column-input-array" data-key="wifiRoamingConsortiumOIs">
-                            <table class="table table-responsive table-striped">
-                                <thead>
-                                <tr>
-                                    <th>No:</th>
-                                    <th>Roaming Consortium OI</th>
-                                    <th></th>
-                                </tr>
-                                </thead>
-                                <tbody data-add-form-container="#wifi-roaming-consortium-ois-grid">
-                                <tr data-help-text="add-form">
-                                    <td colspan="3">
-                                        No entries added yet .
-                                    </td>
-                                </tr>
-                                </tbody>
-                            </table>
-                            <table class="template hidden">
-                                <tbody data-add-form="#wifi-roaming-consortium-ois-grid">
-                                    <tr data-add-form-element="clone">
-                                        <td data-title="No:">
-                                            <span class="index"></span>
-                                        </td>
-                                        <td data-title="Roaming Consortium OI">
-                                            <input type="text" class="form-control grid-input-text" maxlength="10" data-default="" placeholder="[ Requires 6 or 10 hexadecimal characters ]" />
-                                        </td>
-                                        <td>
+            &nbsp;
+            Add Roaming Consortium OI
+        </a>
+    </label>
+
+    <div id="wifi-roaming-consortium-ois"
+         class="operationDataKeys grouped-array-input one-column-input-array"
+         data-key="wifiRoamingConsortiumOIs">
+        <table class="table table-responsive table-striped">
+            <thead>
+            <tr>
+                <th>No:</th>
+                <th>Roaming Consortium OI</th>
+                <th></th>
+            </tr>
+            </thead>
+            <tbody data-add-form-container="#wifi-roaming-consortium-ois-grid">
+            <tr data-help-text="add-form">
+                <td colspan="3">
+                    No entries added yet .
+                </td>
+            </tr>
+            </tbody>
+        </table>
+        <table class="template hidden">
+            <tbody data-add-form="#wifi-roaming-consortium-ois-grid">
+            <tr data-add-form-element="clone">
+                <td data-title="No:">
+                    <span class="index"></span>
+                </td>
+                <td data-title="Roaming Consortium OI">
+                    <input type="text" class="form-control grid-input-text" maxlength="10"
+                           data-default=""
+                           placeholder="[ Requires 6 or 10 hexadecimal characters ]"/>
+                </td>
+                <td>
                                             <span class="list-group-item-actions">
-                                                <a href="#wifi-roaming-consortium-ois-grid" class="grid-input-remove" data-click-event="remove-form">
-                                                    <span class="fw-stack helper" title="Remove Entry">
+                                                <a href="#wifi-roaming-consortium-ois-grid"
+                                                   class="grid-input-remove"
+                                                   data-click-event="remove-form">
+                                                    <span class="fw-stack helper"
+                                                          title="Remove Entry">
                                                         <i class="fw fw-ring fw-stack-2x"></i>
                                                         <i class="fw fw-delete fw-stack-1x"></i>
                                                     </span>
                                                 </a>
                                             </span>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
-                    </div>
+                </td>
+            </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
 
-                    <br>
+<br>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="wifi-nai-realm-names">
-                            Network Access Identifier ( NAI ) Realm Names
-                            <span class="helper" title="List of Network Access Identifier Realm names used for Wi-Fi Hotspot 2.0 negotiation. Available in iOS 7.0 and later.">
+<div class="wr-input-control">
+    <label class="wr-input-label" for="wifi-nai-realm-names">
+        Network Access Identifier ( NAI ) Realm Names
+                            <span class="helper"
+                                  title="List of Network Access Identifier Realm names used for Wi-Fi Hotspot 2.0 negotiation. Available in iOS 7.0 and later.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                            <br>
-                            <a href="#wifi-nai-realm-names-grid" class="grid-input-add" data-click-event="add-form">
+        <br>
+        <a href="#wifi-nai-realm-names-grid" class="grid-input-add" data-click-event="add-form">
                                 <span class="icon fw-stack">
                                     <i class="fw fw-add fw-stack-1x"></i>
                                     <i class="fw fw-ring fw-stack-2x"></i>
                                 </span>
-                                &nbsp;
-                                Add NAI Realm Name
-                            </a>
-                        </label>
-                        <div id="wifi-nai-realm-names" class="operationDataKeys grouped-array-input one-column-input-array" data-key="wifiNAIRealmNames">
-                            <table class="table table-responsive table-striped">
-                                <thead>
-                                    <tr>
-                                        <th>No:</th>
-                                        <th>NAI Realm Name</th>
-                                        <th></th>
-                                    </tr>
-                                </thead>
-                                <tbody data-add-form-container="#wifi-nai-realm-names-grid">
-                                    <tr data-help-text="add-form">
-                                        <td colspan="3">
-                                            No entries added yet .
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <table class="template hidden">
-                                <tbody data-add-form="#wifi-nai-realm-names-grid">
-                                <tr data-add-form-element="clone">
-                                    <td data-title="No:">
-                                        <span class="index"></span>
-                                    </td>
-                                    <td data-title="NAI Realm Name">
-                                        <input type="text" class="form-control grid-input-text" maxlength="100" data-default="" placeholder="[ Requires unique name ]" />
-                                    </td>
-                                    <td>
+            &nbsp;
+            Add NAI Realm Name
+        </a>
+    </label>
+
+    <div id="wifi-nai-realm-names"
+         class="operationDataKeys grouped-array-input one-column-input-array"
+         data-key="wifiNAIRealmNames">
+        <table class="table table-responsive table-striped">
+            <thead>
+            <tr>
+                <th>No:</th>
+                <th>NAI Realm Name</th>
+                <th></th>
+            </tr>
+            </thead>
+            <tbody data-add-form-container="#wifi-nai-realm-names-grid">
+            <tr data-help-text="add-form">
+                <td colspan="3">
+                    No entries added yet .
+                </td>
+            </tr>
+            </tbody>
+        </table>
+        <table class="template hidden">
+            <tbody data-add-form="#wifi-nai-realm-names-grid">
+            <tr data-add-form-element="clone">
+                <td data-title="No:">
+                    <span class="index"></span>
+                </td>
+                <td data-title="NAI Realm Name">
+                    <input type="text" class="form-control grid-input-text" maxlength="100"
+                           data-default="" placeholder="[ Requires unique name ]"/>
+                </td>
+                <td>
                                         <span class="list-group-item-actions">
-                                            <a href="#wifi-nai-realm-names-grid" class="grid-input-remove" data-click-event="remove-form">
+                                            <a href="#wifi-nai-realm-names-grid"
+                                               class="grid-input-remove"
+                                               data-click-event="remove-form">
                                                 <span class="fw-stack helper" title="Remove Entry">
                                                     <i class="fw fw-ring fw-stack-2x"></i>
                                                     <i class="fw fw-delete fw-stack-1x"></i>
                                                 </span>
                                             </a>
                                         </span>
-                                    </td>
-                                </tr>
-                                </tbody>
-                            </table>
-                        </div>
-                    </div>
+                </td>
+            </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
 
-                    <br>
+<br>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="wifi-mcc-and-mncs">
-                            Mobile Country Code ( MCC ) / Mobile Network Code ( MNC ) Configuration
-                            <span class="helper" title="List of Mobile Country Code (MCC)/Mobile Network Code (MNC) pairs used for Wi-Fi Hotspot 2.0 negotiation. Each string must contain exactly six digits. Available in iOS 7.0 and later. This feature is not supported in OS X.">
+<div class="wr-input-control">
+    <label class="wr-input-label" for="wifi-mcc-and-mncs">
+        Mobile Country Code ( MCC ) / Mobile Network Code ( MNC ) Configuration
+                            <span class="helper"
+                                  title="List of Mobile Country Code (MCC)/Mobile Network Code (MNC) pairs used for Wi-Fi Hotspot 2.0 negotiation. Each string must contain exactly six digits. Available in iOS 7.0 and later. This feature is not supported in OS X.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                            <br>
-                            <a href="#wifi-mcc-and-mncs-grid" class="grid-input-add" data-click-event="add-form">
+        <br>
+        <a href="#wifi-mcc-and-mncs-grid" class="grid-input-add" data-click-event="add-form">
                                 <span class="icon fw-stack">
                                     <i class="fw fw-add fw-stack-1x"></i>
                                     <i class="fw fw-ring fw-stack-2x"></i>
                                 </span>
-                                &nbsp;
-                                Add MCC/MNC Pair
-                            </a>
-                        </label>
-                        <div id="wifi-mcc-and-mncs" class="operationDataKeys grouped-array-input multi-column-joined-input-array" data-key="wifiMCCAndMNCs" data-column-count="2">
-                            <table class="table table-responsive table-striped">
-                                <thead>
-                                <tr>
-                                    <th>No:</th>
-                                    <th>Mobile Country Code ( MCC )</th>
-                                    <th>Mobile Network Code ( MNC )</th>
-                                    <th></th>
-                                </tr>
-                                </thead>
-                                <tbody data-add-form-container="#wifi-mcc-and-mncs-grid">
-                                <tr data-help-text="add-form">
-                                    <td colspan="4">
-                                        No entries added yet .
-                                    </td>
-                                </tr>
-                                </tbody>
-                            </table>
-                            <table class="template hidden">
-                                <tbody data-add-form="#wifi-mcc-and-mncs-grid">
-                                <tr data-add-form-element="clone">
-                                    <td data-title="No:">
-                                        <span class="index"></span>
-                                    </td>
-                                    <td data-title="Mobile Country Code ( MCC )">
-                                        <input type="text" class="form-control grid-input-text" data-input="1" maxlength="3" data-default="" placeholder="[ Requires 3-digit-input ]" />
-                                    </td>
-                                    <td data-title="Mobile Network Code ( MNC )">
-                                        <input type="text" class="form-control grid-input-text"  data-input="2" maxlength="3" data-default="" placeholder="[ Requires 3-digit-input ]" />
-                                    </td>
-                                    <td>
+            &nbsp;
+            Add MCC/MNC Pair
+        </a>
+    </label>
+
+    <div id="wifi-mcc-and-mncs"
+         class="operationDataKeys grouped-array-input multi-column-joined-input-array"
+         data-key="wifiMCCAndMNCs" data-column-count="2">
+        <table class="table table-responsive table-striped">
+            <thead>
+            <tr>
+                <th>No:</th>
+                <th>Mobile Country Code ( MCC )</th>
+                <th>Mobile Network Code ( MNC )</th>
+                <th></th>
+            </tr>
+            </thead>
+            <tbody data-add-form-container="#wifi-mcc-and-mncs-grid">
+            <tr data-help-text="add-form">
+                <td colspan="4">
+                    No entries added yet .
+                </td>
+            </tr>
+            </tbody>
+        </table>
+        <table class="template hidden">
+            <tbody data-add-form="#wifi-mcc-and-mncs-grid">
+            <tr data-add-form-element="clone">
+                <td data-title="No:">
+                    <span class="index"></span>
+                </td>
+                <td data-title="Mobile Country Code ( MCC )">
+                    <input type="text" class="form-control grid-input-text" data-input="1"
+                           maxlength="3" data-default="" placeholder="[ Requires 3-digit-input ]"/>
+                </td>
+                <td data-title="Mobile Network Code ( MNC )">
+                    <input type="text" class="form-control grid-input-text" data-input="2"
+                           maxlength="3" data-default="" placeholder="[ Requires 3-digit-input ]"/>
+                </td>
+                <td>
                                         <span class="list-group-item-actions">
-                                            <a href="#wifi-mcc-and-mncs-grid" class="grid-input-remove" data-click-event="remove-form">
+                                            <a href="#wifi-mcc-and-mncs-grid"
+                                               class="grid-input-remove"
+                                               data-click-event="remove-form">
                                                 <span class="fw-stack helper" title="Remove Entry">
                                                     <i class="fw fw-ring fw-stack-2x"></i>
                                                     <i class="fw fw-delete fw-stack-1x"></i>
                                                 </span>
                                             </a>
                                         </span>
-                                    </td>
-                                </tr>
-                                </tbody>
-                            </table>
-                        </div>
-                    </div>
+                </td>
+            </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
+</div>
+</div>
+</div>
+<!-- End of Wifi -->
+
+<!--app-restriction-->
+<div class="wr-hidden-operation" data-operation="app-restriction">
+    <div class="panel panel-default operation-data" data-operation="app-restriction"
+         data-operation-code="APP-RESTRICTION">
+        <div id="app-restriction-heading" class="panel-heading" role="tab">
+            <h2 class="sub-title panel-title">
+                Application Restriction Settings
+                <label class="wr-input-control switch" data-toggle="collapse"
+                       data-target="#app-restriction-body">
+                    <input type="checkbox"/>
+                    <span class="helper"></span>
+                    <span class="text"></span>
+                </label>
+                <hr>
+                <div class="panel-title-description">
+                    This configuration can be used to create a black list or white list of
+                    applications.
                 </div>
-            </div>
+            </h2>
         </div>
-        <!-- End of Wifi -->
-
-        <!-- Email -->
-        <div class="wr-hidden-operation" data-operation="email">
-            <div class="panel panel-default operation-data" data-operation="email" data-operation-code="EMAIL">
-                <div id="email-heading" class="panel-heading" role="tab">
-                    <h2 class="sub-title panel-title">
-                        Email Settings
-                        <label id="email-lbl" class="wr-input-control switch" data-toggle="collapse" data-target="#email-body">
-                            <input type="checkbox" />
-                            <span class="helper"></span>
-                            <span class="text"></span>
-                        </label>
-                        <hr>
-                        <div class="panel-title-description">
-                            These configurations can be used to define settings for connecting
-                            to your POP or IMAP email accounts.
-                            Once this configuration profile is installed on an iOS device,
-                            corresponding users will not be able to modify these settings on their devices.
-                        </div>
-                    </h2>
-                </div>
-                <div id="email-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="email-body">
+        <div id="app-restriction-body" class="panel-collapse panel-body collapse" role="tabpanel"
+             aria-labelledby="app-restriction-body">
 
-                    <div id="email-feature-error-msg" class="alert alert-danger hidden" role="alert">
-                        <i class="icon fw fw-error"></i><span></span>
-                    </div>
+            <div id="app-restriction-feature-error-msg" class="alert alert-danger hidden"
+                 role="alert">
+                <i class="icon fw fw-error"></i><span></span>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="email-account-description">
-                            Account Description
-                            <span class="helper" title="Display name of the account. ( e.g. Company Mail Account )">
+            <select id="app-restriction-type" class="form-control operationDataKeys"
+                    data-key="restrictionType">
+                <option value="" selected="selected">
+                    None
+                </option>
+                <option value="black-list">Black List</option>
+                <option value="white-list">White List</option>
+            </select>
+
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="restricted-applications">
+                    Restricted Application List
+                            <span class="helper" title="Add an application to restrict.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="email-account-description" type="text" class="form-control operationDataKeys" data-key="emailAccountDescription" maxlength="100" data-default="" placeholder="[ Optional field ]" />
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="email-account-type">
-                            Account Type
+                    <br>
+                    <a href="#restricted-applications-grid" class="grid-input-add"
+                       data-click-event="add-form">
+                                <span class="icon fw-stack">
+                                    <i class="fw fw-add fw-stack-1x"></i>
+                                    <i class="fw fw-ring fw-stack-2x"></i>
+                                </span>
+                        &nbsp;
+                        Add Application
+                    </a>
+                </label>
+
+                <div id="restricted-applications"
+                     class="operationDataKeys grouped-array-input multi-column-key-value-pair-array"
+                     data-key="restrictedApplications" data-column-count="2">
+                    <table class="table table-responsive table-striped">
+                        <thead>
+                        <tr>
+                            <th>No:</th>
+                            <th>Application Name/Description</th>
+                            <th>Package Name</th>
+                            <th></th>
+                        </tr>
+                        </thead>
+                        <tbody data-add-form-container="#restricted-applications-grid">
+                        <tr data-help-text="add-form">
+                            <td colspan="4">
+                                No entries added yet .
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                    <table class="template hidden">
+                        <tbody data-add-form="#restricted-applications-grid">
+                        <tr data-add-form-element="clone">
+                            <td data-title="No:">
+                                <span class="index"></span>
+                            </td>
+                            <td data-title="App Name">
+                                <input type="text" class="form-control grid-input-text"
+                                       data-child-key="appName" maxlength="100" data-default=""
+                                       placeholder="[ Application Name or Description ]"/>
+                            </td>
+                            <td data-title="Package Name">
+                                <input type="text" class="form-control grid-input-text"
+                                       data-child-key="packageName" maxlength="100" data-default=""
+                                       placeholder="[ Package Name of Application ]"/>
+                            </td>
+                            <td>
+                                            <span class="list-group-item-actions">
+                                                <a href="#restricted-applications-grid"
+                                                   class="grid-input-remove"
+                                                   data-click-event="remove-form">
+                                                    <span class="fw-stack helper"
+                                                          title="Remove Entry">
+                                                        <i class="fw fw-ring fw-stack-2x"></i>
+                                                        <i class="fw fw-delete fw-stack-1x"></i>
+                                                    </span>
+                                                </a>
+                                            </span>
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!--/app-restriction-->
+
+
+<!-- Email -->
+<div class="wr-hidden-operation" data-operation="email">
+<div class="panel panel-default operation-data" data-operation="email" data-operation-code="EMAIL">
+<div id="email-heading" class="panel-heading" role="tab">
+    <h2 class="sub-title panel-title">
+        Email Settings
+        <label id="email-lbl" class="wr-input-control switch" data-toggle="collapse"
+               data-target="#email-body">
+            <input type="checkbox"/>
+            <span class="helper"></span>
+            <span class="text"></span>
+        </label>
+        <hr>
+        <div class="panel-title-description">
+            These configurations can be used to define settings for connecting
+            to your POP or IMAP email accounts.
+            Once this configuration profile is installed on an iOS device,
+            corresponding users will not be able to modify these settings on their devices.
+        </div>
+    </h2>
+</div>
+<div id="email-body" class="panel-collapse panel-body collapse" role="tabpanel"
+     aria-labelledby="email-body">
+
+<div id="email-feature-error-msg" class="alert alert-danger hidden" role="alert">
+    <i class="icon fw fw-error"></i><span></span>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="email-account-description">
+        Account Description
+                            <span class="helper"
+                                  title="Display name of the account. ( e.g. Company Mail Account )">
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
+    </label>
+    <input id="email-account-description" type="text" class="form-control operationDataKeys"
+           data-key="emailAccountDescription" maxlength="100" data-default=""
+           placeholder="[ Optional field ]"/>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="email-account-type">
+        Account Type
                             <span class="helper" title="Protocol for accessing the email account.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <select id="email-account-type" class="form-control operationDataKeys" data-key="emailAccountType" data-default="0" onchange="slideDownPaneAgainstValueSet(this, 'imap-account-type', ['EmailTypeIMAP'])">
-                            <option value="EmailTypeIMAP" selected="selected">IMAP</option>
-                            <option value="EmailTypePOP">POP</option>
-                        </select>
-                    </div>
-
-                    <div id="imap-account-type" class="slidable-pane">
-
-                        <div class="wr-input-control">
-                            <label class="wr-input-label" for="email-incoming-mail-server-imap-path-prefix">
-                                Path Prefix
-                            </label>
-                            <input id="email-incoming-mail-server-imap-path-prefix" type="text" class="form-control operationDataKeys" data-key="emailIncomingMailServerIMAPPathPrefix" maxlength="100" data-default="" placeholder="[ Optional field ]" />
-                        </div>
+    </label>
+    <select id="email-account-type" class="form-control operationDataKeys"
+            data-key="emailAccountType" data-default="0"
+            onchange="slideDownPaneAgainstValueSet(this, 'imap-account-type', ['EmailTypeIMAP'])">
+        <option value="EmailTypeIMAP" selected="selected">IMAP</option>
+        <option value="EmailTypePOP">POP</option>
+    </select>
+</div>
+
+<div id="imap-account-type" class="slidable-pane">
+
+    <div class="wr-input-control">
+        <label class="wr-input-label" for="email-incoming-mail-server-imap-path-prefix">
+            Path Prefix
+        </label>
+        <input id="email-incoming-mail-server-imap-path-prefix" type="text"
+               class="form-control operationDataKeys"
+               data-key="emailIncomingMailServerIMAPPathPrefix" maxlength="100" data-default=""
+               placeholder="[ Optional field ]"/>
+    </div>
 
-                    </div>
+</div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="email-account-name">
-                            Email Account Name
-                            <span class="helper" title="Display name of the user. This is the user name in sent messages, etc.">
+<div class="wr-input-control">
+    <label class="wr-input-label" for="email-account-name">
+        Email Account Name
+                            <span class="helper"
+                                  title="Display name of the user. This is the user name in sent messages, etc.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="email-account-name" type="text" class="form-control operationDataKeys" data-key="emailAccountName" maxlength="100" data-default="" placeholder="[ Optional field ]" />
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="email-address">
-                            Email Address
-                            <span class="helper" title="Address of the account. Designates the full email address for the account. If not present in the payload, the device prompts for this string during profile installation.">
+    </label>
+    <input id="email-account-name" type="text" class="form-control operationDataKeys"
+           data-key="emailAccountName" maxlength="100" data-default=""
+           placeholder="[ Optional field ]"/>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="email-address">
+        Email Address
+                            <span class="helper"
+                                  title="Address of the account. Designates the full email address for the account. If not present in the payload, the device prompts for this string during profile installation.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="email-address" type="text" class="form-control operationDataKeys" data-key="emailAddress" maxlength="100" data-default="" placeholder="[ Optional field. Set On Device ]" />
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="email-prevent-move" type="checkbox" class="form-control operationDataKeys" data-key="emailPreventMove" data-default="false" />
-                            <span class="helper" title="When checked, messages may not be moved out of this email account into another account. Also prevents forwarding or replying from a different account than the message was originated from. Available only in iOS 5.0 and later.">
+    </label>
+    <input id="email-address" type="text" class="form-control operationDataKeys"
+           data-key="emailAddress" maxlength="100" data-default=""
+           placeholder="[ Optional field. Set On Device ]"/>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="email-prevent-move" type="checkbox" class="form-control operationDataKeys"
+               data-key="emailPreventMove" data-default="false"/>
+                            <span class="helper"
+                                  title="When checked, messages may not be moved out of this email account into another account. Also prevents forwarding or replying from a different account than the message was originated from. Available only in iOS 5.0 and later.">
                                 &nbsp;&nbsp;&nbsp;Prevent Move
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="email-prevent-app-sheet" type="checkbox" class="form-control operationDataKeys" data-key="emailPreventAppSheet" data-default="false" />
-                            <span class="helper" title="When checked, this account is not available for sending mail in third-party applications. Available only in iOS 5.0 and later.">
+    </label>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="email-prevent-app-sheet" type="checkbox" class="form-control operationDataKeys"
+               data-key="emailPreventAppSheet" data-default="false"/>
+                            <span class="helper"
+                                  title="When checked, this account is not available for sending mail in third-party applications. Available only in iOS 5.0 and later.">
                                 &nbsp;&nbsp;&nbsp;Prevent App Sheet
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="email-smime-enabled" type="checkbox" class="form-control operationDataKeys" data-key="emailSMIMEEnabled" data-default="false" />
-                            <span class="helper" title="When checked, this account supports S/MIME. Available only in iOS 5.0 and later.">
+    </label>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="email-smime-enabled" type="checkbox" class="form-control operationDataKeys"
+               data-key="emailSMIMEEnabled" data-default="false"/>
+                            <span class="helper"
+                                  title="When checked, this account supports S/MIME. Available only in iOS 5.0 and later.">
                                 &nbsp;&nbsp;&nbsp;Enable S/MIME
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="email-smime-signing-certificate-uuid">
-                            S/MIME Signing Certificate UUID
-                            <span class="helper" title="Payload UUID of the identity certificate used to sign messages sent from this account. Available only in iOS 5.0 and later.">
+    </label>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="email-smime-signing-certificate-uuid">
+        S/MIME Signing Certificate UUID
+                            <span class="helper"
+                                  title="Payload UUID of the identity certificate used to sign messages sent from this account. Available only in iOS 5.0 and later.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="email-smime-signing-certificate-uuid" type="text" class="form-control operationDataKeys" data-key="emailSMIMESigningCertificateUUID" maxlength="100" data-default="" placeholder="[ Optional field ]" />
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="email-smime-encryption-certificate-uuid">
-                            S/MIME Encryption Certificate UUID
-                            <span class="helper" title="PayloadUUID of the identity certificate used to decrypt messages coming into this account. Available only in iOS 5.0 and later.">
+    </label>
+    <input id="email-smime-signing-certificate-uuid" type="text"
+           class="form-control operationDataKeys" data-key="emailSMIMESigningCertificateUUID"
+           maxlength="100" data-default="" placeholder="[ Optional field ]"/>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="email-smime-encryption-certificate-uuid">
+        S/MIME Encryption Certificate UUID
+                            <span class="helper"
+                                  title="PayloadUUID of the identity certificate used to decrypt messages coming into this account. Available only in iOS 5.0 and later.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="email-smime-encryption-certificate-uuid" type="text" class="form-control operationDataKeys" data-key="emailSMIMEEncryptionCertificateUUID" maxlength="100" data-default="" placeholder="[ Optional field ]" />
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="email-smime-enable-per-message-switch" type="checkbox" class="form-control operationDataKeys" data-key="emailSMIMEEnablePerMessageSwitch" data-default="false" />
-                            <span class="helper" title="When checked, enable per-message signing and encryption switch.">
+    </label>
+    <input id="email-smime-encryption-certificate-uuid" type="text"
+           class="form-control operationDataKeys" data-key="emailSMIMEEncryptionCertificateUUID"
+           maxlength="100" data-default="" placeholder="[ Optional field ]"/>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="email-smime-enable-per-message-switch" type="checkbox"
+               class="form-control operationDataKeys" data-key="emailSMIMEEnablePerMessageSwitch"
+               data-default="false"/>
+                            <span class="helper"
+                                  title="When checked, enable per-message signing and encryption switch.">
                                 &nbsp;&nbsp;&nbsp;Enable Per-Message Signing and Encryption Switch
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="email-disable-mail-recent-syncing" type="checkbox" class="form-control operationDataKeys" data-key="emailDisableMailRecentsSyncing" data-default="false" />
-                            <span class="helper" title="When checked, this account is excluded from recent address syncing. Available only in iOS 6.0 and later.">
+    </label>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="email-disable-mail-recent-syncing" type="checkbox"
+               class="form-control operationDataKeys" data-key="emailDisableMailRecentsSyncing"
+               data-default="false"/>
+                            <span class="helper"
+                                  title="When checked, this account is excluded from recent address syncing. Available only in iOS 6.0 and later.">
                                 &nbsp;&nbsp;&nbsp;Allow Recent Address syncing
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
-
-                    <br>
-                    Incoming Mail Settings :
-                    <hr>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="email-incoming-mail-server-hostname">
-                            Mail Server Hostname
-                            <span class="helper" title="Designates the incoming mail server host name ( or IP address ).">
+    </label>
+</div>
+
+<br>
+Incoming Mail Settings :
+<hr>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="email-incoming-mail-server-hostname">
+        Mail Server Hostname
+                            <span class="helper"
+                                  title="Designates the incoming mail server host name ( or IP address ).">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="email-incoming-mail-server-hostname" type="text" class="form-control operationDataKeys" data-key="emailIncomingMailServerHostname" maxlength="100" data-default="" placeholder="[ Required field ]" />
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="email-incoming-use-ssl" type="checkbox" class="form-control operationDataKeys" data-key="emailIncomingUseSSL" data-default="true" checked="checked" />
-                            <span class="helper" title="Designates whether the incoming mail server uses SSL for authentication.">
+    </label>
+    <input id="email-incoming-mail-server-hostname" type="text"
+           class="form-control operationDataKeys" data-key="emailIncomingMailServerHostname"
+           maxlength="100" data-default="" placeholder="[ Required field ]"/>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="email-incoming-use-ssl" type="checkbox" class="form-control operationDataKeys"
+               data-key="emailIncomingUseSSL" data-default="true" checked="checked"/>
+                            <span class="helper"
+                                  title="Designates whether the incoming mail server uses SSL for authentication.">
                                 &nbsp;&nbsp;&nbsp;Use Secure Socket Layer ( SSL )
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="email-incoming-mail-server-port">
-                            Mail Server Port
-                            <span class="helper" title="Designates the incoming mail server port number. If no port number is specified, the default port for a given protocol is used.">
+    </label>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="email-incoming-mail-server-port">
+        Mail Server Port
+                            <span class="helper"
+                                  title="Designates the incoming mail server port number. If no port number is specified, the default port for a given protocol is used.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="email-incoming-mail-server-port" type="text" class="form-control operationDataKeys" data-key="emailIncomingMailServerPort" maxlength="5" data-default="" />
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="email-incoming-mail-server-authentication">
-                            Authentication Type
-                            <span class="helper" title="Designates the authentication scheme for incoming mail.">
+    </label>
+    <input id="email-incoming-mail-server-port" type="text" class="form-control operationDataKeys"
+           data-key="emailIncomingMailServerPort" maxlength="5" data-default=""/>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="email-incoming-mail-server-authentication">
+        Authentication Type
+                            <span class="helper"
+                                  title="Designates the authentication scheme for incoming mail.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <select id="email-incoming-mail-server-authentication" class="form-control operationDataKeys" data-key="emailIncomingMailServerAuthentication" data-default="0">
-                            <option value="EmailAuthNone" selected="selected">None</option>
-                            <option value="EmailAuthPassword">Password</option>
-                        </select>
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="email-incoming-mail-server-username">
-                            Username
-                            <span class="helper" title="Designates the user name for the email account, usually the same as the email address up to the @ character. If not present in the payload, and the account is set up to require authentication for incoming email, the device will prompt for this string during profile installation.">
+    </label>
+    <select id="email-incoming-mail-server-authentication" class="form-control operationDataKeys"
+            data-key="emailIncomingMailServerAuthentication" data-default="0">
+        <option value="EmailAuthNone" selected="selected">None</option>
+        <option value="EmailAuthPassword">Password</option>
+    </select>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="email-incoming-mail-server-username">
+        Username
+                            <span class="helper"
+                                  title="Designates the user name for the email account, usually the same as the email address up to the @ character. If not present in the payload, and the account is set up to require authentication for incoming email, the device will prompt for this string during profile installation.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="email-incoming-mail-server-username" type="text" class="form-control operationDataKeys" data-key="emailIncomingMailServerUsername" maxlength="100" data-default="" placeholder="[ Optional field ]">
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="email-incoming-mail-server-password">
-                            Password
-                            <span class="helper" title="Password for the Incoming Mail Server. Use only with encrypted profiles.">
+    </label>
+    <input id="email-incoming-mail-server-username" type="text"
+           class="form-control operationDataKeys" data-key="emailIncomingMailServerUsername"
+           maxlength="100" data-default="" placeholder="[ Optional field ]">
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="email-incoming-mail-server-password">
+        Password
+                            <span class="helper"
+                                  title="Password for the Incoming Mail Server. Use only with encrypted profiles.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="email-incoming-mail-server-password" type="password" class="form-control operationDataKeys" data-key="emailIncomingMailServerPassword" maxlength="100" data-default="" placeholder="[ Optional field ]">
-                    </div>
-
-                    <br>
-                    Outgoing Mail Settings :
-                    <hr>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="email-outgoing-mail-server-hostname">
-                            Mail Server Hostname
-                            <span class="helper" title="Designates the outgoing mail server host name ( or IP address ).">
+    </label>
+    <input id="email-incoming-mail-server-password" type="password"
+           class="form-control operationDataKeys" data-key="emailIncomingMailServerPassword"
+           maxlength="100" data-default="" placeholder="[ Optional field ]">
+</div>
+
+<br>
+Outgoing Mail Settings :
+<hr>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="email-outgoing-mail-server-hostname">
+        Mail Server Hostname
+                            <span class="helper"
+                                  title="Designates the outgoing mail server host name ( or IP address ).">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="email-outgoing-mail-server-hostname" type="text" class="form-control operationDataKeys" data-key="emailOutgoingMailServerHostname" maxlength="100" data-default="" placeholder="[ Required field ]" />
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="email-outgoing-use-ssl" type="checkbox" class="form-control operationDataKeys" data-key="emailOutgoingUseSSL" data-default="true" checked="checked" />
-                            <span class="helper" title="Designates whether the outgoing mail server uses SSL for authentication.">
+    </label>
+    <input id="email-outgoing-mail-server-hostname" type="text"
+           class="form-control operationDataKeys" data-key="emailOutgoingMailServerHostname"
+           maxlength="100" data-default="" placeholder="[ Required field ]"/>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="email-outgoing-use-ssl" type="checkbox" class="form-control operationDataKeys"
+               data-key="emailOutgoingUseSSL" data-default="true" checked="checked"/>
+                            <span class="helper"
+                                  title="Designates whether the outgoing mail server uses SSL for authentication.">
                                 &nbsp;&nbsp;&nbsp;Use Secure Socket Layer ( SSL )
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="email-outgoing-mail-server-port">
-                            Mail Server Port
-                            <span class="helper" title="Designates the outgoing mail server port number. If no port number is specified, the default port for a given protocol is used.">
+    </label>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="email-outgoing-mail-server-port">
+        Mail Server Port
+                            <span class="helper"
+                                  title="Designates the outgoing mail server port number. If no port number is specified, the default port for a given protocol is used.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="email-outgoing-mail-server-port" type="text" class="form-control operationDataKeys" data-key="emailOutgoingMailServerPort" maxlength="5" data-default="" />
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="email-outgoing-mail-server-authentication">
-                            Authentication Type
-                            <span class="helper" title="Designates the authentication scheme for outgoing mail.">
+    </label>
+    <input id="email-outgoing-mail-server-port" type="text" class="form-control operationDataKeys"
+           data-key="emailOutgoingMailServerPort" maxlength="5" data-default=""/>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="email-outgoing-mail-server-authentication">
+        Authentication Type
+                            <span class="helper"
+                                  title="Designates the authentication scheme for outgoing mail.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <select id="email-outgoing-mail-server-authentication" class="form-control operationDataKeys" data-key="emailOutgoingMailServerAuthentication" data-default="0">
-                            <option value="EmailAuthNone" selected="selected">None</option>
-                            <option value="EmailAuthPassword">Password</option>
-                        </select>
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="email-outgoing-mail-server-username">
-                            Username
-                            <span class="helper" title="Designates the user name for the email account, usually the same as the email address up to the @ character. If not present in the payload, and the account is set up to require authentication for outgoing email, the device will prompt for this string during profile installation.">
+    </label>
+    <select id="email-outgoing-mail-server-authentication" class="form-control operationDataKeys"
+            data-key="emailOutgoingMailServerAuthentication" data-default="0">
+        <option value="EmailAuthNone" selected="selected">None</option>
+        <option value="EmailAuthPassword">Password</option>
+    </select>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="email-outgoing-mail-server-username">
+        Username
+                            <span class="helper"
+                                  title="Designates the user name for the email account, usually the same as the email address up to the @ character. If not present in the payload, and the account is set up to require authentication for outgoing email, the device will prompt for this string during profile installation.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="email-outgoing-mail-server-username" type="text" class="form-control operationDataKeys" data-key="emailOutgoingMailServerUsername" maxlength="100" data-default="" placeholder="[ Optional field ]">
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="email-outgoing-password-same-as-incoming-password" type="checkbox" class="form-control operationDataKeys" data-key="emailOutgoingPasswordSameAsIncomingPassword" data-default="false" />
-                            <span class="helper" title="When checked, the user will be prompted for the password only once and it will be used for both outgoing and incoming mail.">
+    </label>
+    <input id="email-outgoing-mail-server-username" type="text"
+           class="form-control operationDataKeys" data-key="emailOutgoingMailServerUsername"
+           maxlength="100" data-default="" placeholder="[ Optional field ]">
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-control checkbox">
+        <input id="email-outgoing-password-same-as-incoming-password" type="checkbox"
+               class="form-control operationDataKeys"
+               data-key="emailOutgoingPasswordSameAsIncomingPassword" data-default="false"/>
+                            <span class="helper"
+                                  title="When checked, the user will be prompted for the password only once and it will be used for both outgoing and incoming mail.">
                                 &nbsp;&nbsp;&nbsp;Outgoing password same as incoming password
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
-
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="email-outgoing-mail-server-password">
-                            Password
-                            <span class="helper" title="Password for the Outgoing Mail Server. Use only with encrypted profiles.">
+    </label>
+</div>
+
+<div class="wr-input-control">
+    <label class="wr-input-label" for="email-outgoing-mail-server-password">
+        Password
+                            <span class="helper"
+                                  title="Password for the Outgoing Mail Server. Use only with encrypted profiles.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="email-outgoing-mail-server-password" type="password" class="form-control operationDataKeys" data-key="emailOutgoingMailServerPassword" maxlength="100" data-default="" placeholder="[ Optional field ]">
-                    </div>
-
+    </label>
+    <input id="email-outgoing-mail-server-password" type="password"
+           class="form-control operationDataKeys" data-key="emailOutgoingMailServerPassword"
+           maxlength="100" data-default="" placeholder="[ Optional field ]">
+</div>
+
+</div>
+</div>
+</div>
+<!-- End of Email -->
+
+<!-- AirPlay -->
+<div class="wr-hidden-operation" data-operation="airplay">
+    <div class="panel panel-default operation-data" data-operation="airplay"
+         data-operation-code="AIR_PLAY">
+        <div id="airplay-heading" class="panel-heading" role="tab">
+            <h2 class="sub-title panel-title">
+                AirPlay Settings
+                <label id="airplay-lbl" class="wr-input-control switch" data-toggle="collapse"
+                       data-target="#airplay-body">
+                    <input type="checkbox"/>
+                    <span class="helper"></span>
+                    <span class="text"></span>
+                </label>
+                <hr>
+                <div class="panel-title-description">
+                    This configuration can be used to define settings for connecting to AirPlay
+                    destinations.
+                    Once this configuration profile is installed on an iOS device,
+                    corresponding users will not be able to modify these settings on their devices.
+                    <br><br>(This feature is supported only on iOS 7.0 and later.)
                 </div>
-            </div>
+            </h2>
         </div>
-        <!-- End of Email -->
-
-        <!-- AirPlay -->
-        <div class="wr-hidden-operation" data-operation="airplay">
-            <div class="panel panel-default operation-data" data-operation="airplay" data-operation-code="AIR_PLAY">
-                <div id="airplay-heading" class="panel-heading" role="tab">
-                    <h2 class="sub-title panel-title">
-                        AirPlay Settings
-                        <label id="airplay-lbl" class="wr-input-control switch" data-toggle="collapse" data-target="#airplay-body">
-                            <input type="checkbox" />
-                            <span class="helper"></span>
-                            <span class="text"></span>
-                        </label>
-                        <hr>
-                        <div class="panel-title-description">
-                            This configuration can be used to define settings for connecting to AirPlay destinations.
-                            Once this configuration profile is installed on an iOS device,
-                            corresponding users will not be able to modify these settings on their devices.
-                            <br><br>(This feature is supported only on iOS 7.0 and later.)
-                        </div>
-                    </h2>
-                </div>
-                <div id="airplay-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="airplay-body">
+        <div id="airplay-body" class="panel-collapse panel-body collapse" role="tabpanel"
+             aria-labelledby="airplay-body">
 
-                    <div id="airplay-feature-error-msg" class="alert alert-danger hidden" role="alert">
-                        <i class="icon fw fw-error"></i><span></span>
-                    </div>
+            <div id="airplay-feature-error-msg" class="alert alert-danger hidden" role="alert">
+                <i class="icon fw fw-error"></i><span></span>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="airplay-credentials">
-                            AirPlay Credentials
-                            <span class="helper" title="If present, sets passwords for known AirPlay destinations.">
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="airplay-credentials">
+                    AirPlay Credentials
+                            <span class="helper"
+                                  title="If present, sets passwords for known AirPlay destinations.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                            <br>
-                            <a href="#airplay-credentials-grid" class="grid-input-add" data-click-event="add-form">
+                    <br>
+                    <a href="#airplay-credentials-grid" class="grid-input-add"
+                       data-click-event="add-form">
                                 <span class="icon fw-stack">
                                     <i class="fw fw-add fw-stack-1x"></i>
                                     <i class="fw fw-ring fw-stack-2x"></i>
                                 </span>
-                                &nbsp;
-                                Add Credential
-                            </a>
-                        </label>
-                        <div id="airplay-credentials" class="operationDataKeys grouped-array-input multi-column-key-value-pair-array" data-key="airplayCredentials" data-column-count="2">
-                            <table class="table table-responsive table-striped">
-                                <thead>
-                                    <tr>
-                                        <th>No:</th>
-                                        <th>Device Name</th>
-                                        <th>Password</th>
-                                        <th></th>
-                                    </tr>
-                                </thead>
-                                <tbody data-add-form-container="#airplay-credentials-grid">
-                                    <tr data-help-text="add-form">
-                                        <td colspan="4">
-                                            No entries added yet .
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <table class="template hidden">
-                                <tbody data-add-form="#airplay-credentials-grid">
-                                    <tr data-add-form-element="clone">
-                                        <td data-title="No:">
-                                            <span class="index"></span>
-                                        </td>
-                                        <td data-title="Device Name">
-                                            <input type="text" class="form-control grid-input-text" data-child-key="deviceName" maxlength="100" data-default="" placeholder="[ Requires AirPlay destination name ]" />
-                                        </td>
-                                        <td data-title="Password">
-                                            <input type="password" class="form-control grid-input-text" data-child-key="password" maxlength="100" data-default="" placeholder="[ Optional ]" />
-                                        </td>
-                                        <td>
+                        &nbsp;
+                        Add Credential
+                    </a>
+                </label>
+
+                <div id="airplay-credentials"
+                     class="operationDataKeys grouped-array-input multi-column-key-value-pair-array"
+                     data-key="airplayCredentials" data-column-count="2">
+                    <table class="table table-responsive table-striped">
+                        <thead>
+                        <tr>
+                            <th>No:</th>
+                            <th>Device Name</th>
+                            <th>Password</th>
+                            <th></th>
+                        </tr>
+                        </thead>
+                        <tbody data-add-form-container="#airplay-credentials-grid">
+                        <tr data-help-text="add-form">
+                            <td colspan="4">
+                                No entries added yet .
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                    <table class="template hidden">
+                        <tbody data-add-form="#airplay-credentials-grid">
+                        <tr data-add-form-element="clone">
+                            <td data-title="No:">
+                                <span class="index"></span>
+                            </td>
+                            <td data-title="Device Name">
+                                <input type="text" class="form-control grid-input-text"
+                                       data-child-key="deviceName" maxlength="100" data-default=""
+                                       placeholder="[ Requires AirPlay destination name ]"/>
+                            </td>
+                            <td data-title="Password">
+                                <input type="password" class="form-control grid-input-text"
+                                       data-child-key="password" maxlength="100" data-default=""
+                                       placeholder="[ Optional ]"/>
+                            </td>
+                            <td>
                                             <span class="list-group-item-actions">
-                                                <a href="#airplay-credentials-grid" class="grid-input-remove" data-click-event="remove-form">
-                                                    <span class="fw-stack helper" title="Remove Entry">
+                                                <a href="#airplay-credentials-grid"
+                                                   class="grid-input-remove"
+                                                   data-click-event="remove-form">
+                                                    <span class="fw-stack helper"
+                                                          title="Remove Entry">
                                                         <i class="fw fw-ring fw-stack-2x"></i>
                                                         <i class="fw fw-delete fw-stack-1x"></i>
                                                     </span>
                                                 </a>
-                                            </span>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
-                    </div>
+                                            </span>
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
 
-                    <br>
+            <br>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="airplay-destinations">
-                            AirPlay Destinations Whitelist
-                            <span class="helper" title="Supervised only (ignored otherwise). If present, only AirPlay destinations present in this list are available to the device.">
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="airplay-destinations">
+                    AirPlay Destinations Whitelist
+                            <span class="helper"
+                                  title="Supervised only (ignored otherwise). If present, only AirPlay destinations present in this list are available to the device.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                            <br>
-                            <a href="#airplay-destinations-grid" class="grid-input-add" data-click-event="add-form">
+                    <br>
+                    <a href="#airplay-destinations-grid" class="grid-input-add"
+                       data-click-event="add-form">
                                 <span class="icon fw-stack">
                                     <i class="fw fw-add fw-stack-1x"></i>
                                     <i class="fw fw-ring fw-stack-2x"></i>
                                 </span>
-                                &nbsp;
-                                Add Destination
-                            </a>
-                        </label>
-                        <div id="airplay-destinations" class="operationDataKeys grouped-array-input one-column-input-array" data-key="airplayDestinations">
-                            <table class="table table-responsive table-striped">
-                                <thead>
-                                    <tr>
-                                        <th>No:</th>
-                                        <th>Destination</th>
-                                        <th></th>
-                                    </tr>
-                                </thead>
-                                <tbody data-add-form-container="#airplay-destinations-grid">
-                                    <tr data-help-text="add-form">
-                                        <td colspan="3">
-                                            No entries added yet .
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <table class="template hidden">
-                                <tbody data-add-form="#airplay-destinations-grid">
-                                    <tr data-add-form-element="clone">
-                                        <td data-title="No:">
-                                            <span class="index"></span>
-                                        </td>
-                                        <td data-title="Destination">
-                                            <input type="text" class="form-control grid-input-text" maxlength="17" data-default="00:00:00:00:00:00" value="00:00:00:00:00:00" placeholder="[ Requires Device ID of AirPlay destination ]" />
-                                        </td>
-                                        <td>
+                        &nbsp;
+                        Add Destination
+                    </a>
+                </label>
+
+                <div id="airplay-destinations"
+                     class="operationDataKeys grouped-array-input one-column-input-array"
+                     data-key="airplayDestinations">
+                    <table class="table table-responsive table-striped">
+                        <thead>
+                        <tr>
+                            <th>No:</th>
+                            <th>Destination</th>
+                            <th></th>
+                        </tr>
+                        </thead>
+                        <tbody data-add-form-container="#airplay-destinations-grid">
+                        <tr data-help-text="add-form">
+                            <td colspan="3">
+                                No entries added yet .
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                    <table class="template hidden">
+                        <tbody data-add-form="#airplay-destinations-grid">
+                        <tr data-add-form-element="clone">
+                            <td data-title="No:">
+                                <span class="index"></span>
+                            </td>
+                            <td data-title="Destination">
+                                <input type="text" class="form-control grid-input-text"
+                                       maxlength="17" data-default="00:00:00:00:00:00"
+                                       value="00:00:00:00:00:00"
+                                       placeholder="[ Requires Device ID of AirPlay destination ]"/>
+                            </td>
+                            <td>
                                             <span class="list-group-item-actions">
-                                                <a href="#airplay-destinations-grid" class="grid-input-remove" data-click-event="remove-form">
-                                                    <span class="fw-stack helper" title="Remove Entry">
+                                                <a href="#airplay-destinations-grid"
+                                                   class="grid-input-remove"
+                                                   data-click-event="remove-form">
+                                                    <span class="fw-stack helper"
+                                                          title="Remove Entry">
                                                         <i class="fw fw-ring fw-stack-2x"></i>
                                                         <i class="fw fw-delete fw-stack-1x"></i>
                                                     </span>
                                                 </a>
                                             </span>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
-                    </div>
-
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
                 </div>
             </div>
+
         </div>
-        <!-- End of AirPlay -->
-
-        <!-- LDAP -->
-        <div class="wr-hidden-operation" data-operation="ldap">
-            <div class="panel panel-default operation-data" data-operation="ldap" data-operation-code="LDAP">
-                <div id="ldap-heading" class="panel-heading" role="tab">
-                    <h2 class="sub-title panel-title">
-                        LDAP Settings
-                        <label id="ldap-lbl" class="wr-input-control switch" data-toggle="collapse" data-target="#ldap-body">
-                            <input type="checkbox" />
-                            <span class="helper"></span>
-                            <span class="text"></span>
-                        </label>
-                        <hr>
-                        <div class="panel-title-description">
-                            This configuration can be used to define settings for connecting to LDAP servers.
-                            Once this configuration profile is installed on an iOS device,
-                            corresponding users will not be able to modify these settings on their devices.
-                        </div>
-                    </h2>
+    </div>
+</div>
+<!-- End of AirPlay -->
+
+<!-- LDAP -->
+<div class="wr-hidden-operation" data-operation="ldap">
+    <div class="panel panel-default operation-data" data-operation="ldap"
+         data-operation-code="LDAP">
+        <div id="ldap-heading" class="panel-heading" role="tab">
+            <h2 class="sub-title panel-title">
+                LDAP Settings
+                <label id="ldap-lbl" class="wr-input-control switch" data-toggle="collapse"
+                       data-target="#ldap-body">
+                    <input type="checkbox"/>
+                    <span class="helper"></span>
+                    <span class="text"></span>
+                </label>
+                <hr>
+                <div class="panel-title-description">
+                    This configuration can be used to define settings for connecting to LDAP
+                    servers.
+                    Once this configuration profile is installed on an iOS device,
+                    corresponding users will not be able to modify these settings on their devices.
                 </div>
-                <div id="ldap-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="ldap-body">
+            </h2>
+        </div>
+        <div id="ldap-body" class="panel-collapse panel-body collapse" role="tabpanel"
+             aria-labelledby="ldap-body">
 
-                    <div id="ldap-feature-error-msg" class="alert alert-danger hidden" role="alert">
-                        <i class="icon fw fw-error"></i><span></span>
-                    </div>
+            <div id="ldap-feature-error-msg" class="alert alert-danger hidden" role="alert">
+                <i class="icon fw fw-error"></i><span></span>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="ldap-account-description">
-                            Account Description
-                            <span class="helper" title="Display name of the account ( e.g. Company LDAP Account ).">
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="ldap-account-description">
+                    Account Description
+                            <span class="helper"
+                                  title="Display name of the account ( e.g. Company LDAP Account ).">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="ldap-account-description" type="text" class="form-control operationDataKeys" data-key="ldapAccountDescription" maxlength="100" data-default="Company LDAP Account" value="Company LDAP Account" placeholder="[ Optional field ]" />
-                    </div>
+                </label>
+                <input id="ldap-account-description" type="text"
+                       class="form-control operationDataKeys" data-key="ldapAccountDescription"
+                       maxlength="100" data-default="Company LDAP Account"
+                       value="Company LDAP Account" placeholder="[ Optional field ]"/>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="ldap-account-hostname">
-                            Account Hostname
-                            <span class="helper" title="LDAP hostname or IP address is required here.">
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="ldap-account-hostname">
+                    Account Hostname
+                            <span class="helper"
+                                  title="LDAP hostname or IP address is required here.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="ldap-account-hostname" type="text" class="form-control operationDataKeys" data-key="ldapAccountHostname" maxlength="100" data-default="" placeholder="[ Required field ]" />
-                    </div>
+                </label>
+                <input id="ldap-account-hostname" type="text" class="form-control operationDataKeys"
+                       data-key="ldapAccountHostname" maxlength="100" data-default=""
+                       placeholder="[ Required field ]"/>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="ldap-use-ssl" type="checkbox" class="form-control operationDataKeys" data-key="ldapUseSSL" data-default="true" checked="checked" />
-                            <span class="helper" title="Having this checked, would enable Secure Socket Layer communication.">
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="ldap-use-ssl" type="checkbox" class="form-control operationDataKeys"
+                           data-key="ldapUseSSL" data-default="true" checked="checked"/>
+                            <span class="helper"
+                                  title="Having this checked, would enable Secure Socket Layer communication.">
                                 &nbsp;&nbsp;&nbsp;Use Secure Socket Layer ( SSL )
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
+                </label>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="ldap-account-username">
-                            Account Username
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="ldap-account-username">
+                    Account Username
                             <span class="helper" title="Username for this LDAP account.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="ldap-account-username" type="text" class="form-control operationDataKeys" data-key="ldapAccountUsername" maxlength="100" data-default="" placeholder="[ Optional field ]">
-                    </div>
+                </label>
+                <input id="ldap-account-username" type="text" class="form-control operationDataKeys"
+                       data-key="ldapAccountUsername" maxlength="100" data-default=""
+                       placeholder="[ Optional field ]">
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="ldap-account-password">
-                            Account Password
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="ldap-account-password">
+                    Account Password
                             <span class="helper" title="Password for this LDAP account.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="ldap-account-password" type="password" class="form-control operationDataKeys" data-key="ldapAccountPassword" maxlength="100" placeholder="[ Optional field ]">
-                    </div>
+                </label>
+                <input id="ldap-account-password" type="password"
+                       class="form-control operationDataKeys" data-key="ldapAccountPassword"
+                       maxlength="100" placeholder="[ Optional field ]">
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="ldap-search-settings">
-                            Search Settings
-                            <span class="helper" title="Search settings for this LDAP server. Can have many of these for one account. Should have at least one for the account to be useful.">
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="ldap-search-settings">
+                    Search Settings
+                            <span class="helper"
+                                  title="Search settings for this LDAP server. Can have many of these for one account. Should have at least one for the account to be useful.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                            <br>
-                            <a href="#ldap-search-settings-grid" class="grid-input-add" data-click-event="add-form">
+                    <br>
+                    <a href="#ldap-search-settings-grid" class="grid-input-add"
+                       data-click-event="add-form">
                                 <span class="icon fw-stack">
                                     <i class="fw fw-add fw-stack-1x"></i>
                                     <i class="fw fw-ring fw-stack-2x"></i>
                                 </span>
-                                &nbsp;
-                                Add Search Setting
-                            </a>
-                        </label>
-                        <div id="ldap-search-settings" class="operationDataKeys grouped-array-input multi-column-key-value-pair-array" data-key="ldapSearchSettings" data-column-count="3">
-                            <table class="table table-responsive table-striped">
-                                <thead>
-                                    <tr>
-                                        <th>No:</th>
-                                        <th>Description</th>
-                                        <th>Search Base</th>
-                                        <th>Scope</th>
-                                        <th></th>
-                                    </tr>
-                                </thead>
-                                <tbody data-add-form-container="#ldap-search-settings-grid">
-                                    <tr data-help-text="add-form">
-                                        <td colspan="5">
-                                            No entries added yet .
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <table class="template hidden">
-                                <tbody data-add-form="#ldap-search-settings-grid">
-                                    <tr data-add-form-element="clone">
-                                        <td data-title="No:">
-                                            <span class="index"></span>
-                                        </td>
-                                        <td data-title="Description">
-                                            <input type="text" class="form-control grid-input-text" data-child-key="searchSettingDescription" maxlength="100" data-default="LDAP Search" value="LDAP Search" placeholder="[ Optional field ]" />
-                                        </td>
-                                        <td data-title="Search Base">
-                                            <select class="form-control grid-input-select" data-child-key="searchSettingSearchBase" data-default="0">
-                                                <option value="LDAPSearchSettingScopeBase" selected="selected">
-                                                    Base
-                                                </option>
-                                                <option value="LDAPSearchSettingScopeOneLevel">One Level</option>
-                                                <option value="LDAPSearchSettingScopeSubtree">Subtree</option>
-                                            </select>
-                                        </td>
-                                        <td data-title="Scope">
-                                            <input type="text" class="form-control grid-input-text" data-child-key="searchSettingScope" maxlength="100" data-default="ou=department, o=company" value="ou=department, o=company" placeholder="[ Requires path to node where a search should start. ]" />
-                                        </td>
-                                        <td>
+                        &nbsp;
+                        Add Search Setting
+                    </a>
+                </label>
+
+                <div id="ldap-search-settings"
+                     class="operationDataKeys grouped-array-input multi-column-key-value-pair-array"
+                     data-key="ldapSearchSettings" data-column-count="3">
+                    <table class="table table-responsive table-striped">
+                        <thead>
+                        <tr>
+                            <th>No:</th>
+                            <th>Description</th>
+                            <th>Search Base</th>
+                            <th>Scope</th>
+                            <th></th>
+                        </tr>
+                        </thead>
+                        <tbody data-add-form-container="#ldap-search-settings-grid">
+                        <tr data-help-text="add-form">
+                            <td colspan="5">
+                                No entries added yet .
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                    <table class="template hidden">
+                        <tbody data-add-form="#ldap-search-settings-grid">
+                        <tr data-add-form-element="clone">
+                            <td data-title="No:">
+                                <span class="index"></span>
+                            </td>
+                            <td data-title="Description">
+                                <input type="text" class="form-control grid-input-text"
+                                       data-child-key="searchSettingDescription" maxlength="100"
+                                       data-default="LDAP Search" value="LDAP Search"
+                                       placeholder="[ Optional field ]"/>
+                            </td>
+                            <td data-title="Search Base">
+                                <select class="form-control grid-input-select"
+                                        data-child-key="searchSettingSearchBase" data-default="0">
+                                    <option value="LDAPSearchSettingScopeBase" selected="selected">
+                                        Base
+                                    </option>
+                                    <option value="LDAPSearchSettingScopeOneLevel">One Level
+                                    </option>
+                                    <option value="LDAPSearchSettingScopeSubtree">Subtree</option>
+                                </select>
+                            </td>
+                            <td data-title="Scope">
+                                <input type="text" class="form-control grid-input-text"
+                                       data-child-key="searchSettingScope" maxlength="100"
+                                       data-default="ou=department, o=company"
+                                       value="ou=department, o=company"
+                                       placeholder="[ Requires path to node where a search should start. ]"/>
+                            </td>
+                            <td>
                                             <span class="list-group-item-actions">
-                                                <a href="#ldap-search-settings-grid" class="grid-input-remove" data-click-event="remove-form">
-                                                    <span class="fw-stack helper" title="Remove Entry">
+                                                <a href="#ldap-search-settings-grid"
+                                                   class="grid-input-remove"
+                                                   data-click-event="remove-form">
+                                                    <span class="fw-stack helper"
+                                                          title="Remove Entry">
                                                         <i class="fw fw-ring fw-stack-2x"></i>
                                                         <i class="fw fw-delete fw-stack-1x"></i>
                                                     </span>
                                                 </a>
                                             </span>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
-                    </div>
-
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
                 </div>
             </div>
+
         </div>
-        <!-- End of LDAP -->
-
-        <!-- Calendar (calDAV) -->
-        <div class="wr-hidden-operation" data-operation="calendar">
-            <div class="panel panel-default operation-data" data-operation="calendar" data-operation-code="CALDAV">
-                <div id="calendar-heading" class="panel-heading" role="tab">
-                    <h2 class="sub-title panel-title">
-                        Calendar
-                        <label id="calendar-lbl" class="wr-input-control switch" data-toggle="collapse" data-target="#calendar-body">
-                            <input type="checkbox" />
-                            <span class="helper"></span>
-                            <span class="text"></span>
-                        </label>
-                        <hr>
-                        <div class="panel-title-description">
-                            This configuration can be used to define settings for connecting to CalDAV servers.
-                            Once this configuration profile is installed on an iOS device,
-                            corresponding users will not be able to modify these settings on their devices.
-                        </div>
-                    </h2>
+    </div>
+</div>
+<!-- End of LDAP -->
+
+<!-- Calendar (calDAV) -->
+<div class="wr-hidden-operation" data-operation="calendar">
+    <div class="panel panel-default operation-data" data-operation="calendar"
+         data-operation-code="CALDAV">
+        <div id="calendar-heading" class="panel-heading" role="tab">
+            <h2 class="sub-title panel-title">
+                Calendar
+                <label id="calendar-lbl" class="wr-input-control switch" data-toggle="collapse"
+                       data-target="#calendar-body">
+                    <input type="checkbox"/>
+                    <span class="helper"></span>
+                    <span class="text"></span>
+                </label>
+                <hr>
+                <div class="panel-title-description">
+                    This configuration can be used to define settings for connecting to CalDAV
+                    servers.
+                    Once this configuration profile is installed on an iOS device,
+                    corresponding users will not be able to modify these settings on their devices.
                 </div>
-                <div id="calendar-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="calendar-body">
+            </h2>
+        </div>
+        <div id="calendar-body" class="panel-collapse panel-body collapse" role="tabpanel"
+             aria-labelledby="calendar-body">
 
-                    <div id="calendar-feature-error-msg" class="alert alert-danger hidden" role="alert">
-                        <i class="icon fw fw-error"></i><span></span>
-                    </div>
+            <div id="calendar-feature-error-msg" class="alert alert-danger hidden" role="alert">
+                <i class="icon fw fw-error"></i><span></span>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="calendar-account-description">
-                            Account Description
-                            <span class="helper" title="Display name of the account (e.g. Company CalDAV Account )">
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="calendar-account-description">
+                    Account Description
+                            <span class="helper"
+                                  title="Display name of the account (e.g. Company CalDAV Account )">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="calendar-account-description" type="text" class="form-control operationDataKeys" data-key="calendarAccountDescription" maxlength="100" data-default="Company CalDAV Account" value="Company CalDAV Account" placeholder="[ Optional field ]" />
-                    </div>
+                </label>
+                <input id="calendar-account-description" type="text"
+                       class="form-control operationDataKeys" data-key="calendarAccountDescription"
+                       maxlength="100" data-default="Company CalDAV Account"
+                       value="Company CalDAV Account" placeholder="[ Optional field ]"/>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="calendar-account-hostname">
-                            Account Hostname
-                            <span class="helper" title="CalDAV account hostname or IP address is required here.">
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="calendar-account-hostname">
+                    Account Hostname
+                            <span class="helper"
+                                  title="CalDAV account hostname or IP address is required here.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="calendar-account-hostname" type="text" class="form-control operationDataKeys" data-key="calendarAccountHostname" maxlength="100" data-default="" placeholder="[ Required field ]" />
-                    </div>
+                </label>
+                <input id="calendar-account-hostname" type="text"
+                       class="form-control operationDataKeys" data-key="calendarAccountHostname"
+                       maxlength="100" data-default="" placeholder="[ Required field ]"/>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="calendar-use-ssl" type="checkbox" class="form-control operationDataKeys" data-key="calendarUseSSL" checked="checked" />
-                            <span class="helper" title="Having this checked, would enable Secure Socket Layer communication with CalDAV server.">
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="calendar-use-ssl" type="checkbox"
+                           class="form-control operationDataKeys" data-key="calendarUseSSL"
+                           checked="checked"/>
+                            <span class="helper"
+                                  title="Having this checked, would enable Secure Socket Layer communication with CalDAV server.">
                                 &nbsp;&nbsp;&nbsp;Use Secure Socket Layer ( SSL )
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
+                </label>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="calendar-account-port">
-                            Account Port
-                            <span class="helper" title="CalDAV account host port number is required here.">
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="calendar-account-port">
+                    Account Port
+                            <span class="helper"
+                                  title="CalDAV account host port number is required here.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="calendar-account-port" type="text" class="form-control operationDataKeys" data-key="calendarAccountPort" maxlength="5" data-default="" placeholder="[ Required field which requires Number Input ]" />
-                    </div>
+                </label>
+                <input id="calendar-account-port" type="text" class="form-control operationDataKeys"
+                       data-key="calendarAccountPort" maxlength="5" data-default=""
+                       placeholder="[ Required field which requires Number Input ]"/>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="calendar-principal-url">
-                            Principal URL
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="calendar-principal-url">
+                    Principal URL
                             <span class="helper" title="Principal URL for the CalDAV account.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="calendar-principal-url" type="text" class="form-control operationDataKeys" data-key="calendarPrincipalURL" maxlength="100" data-default="" placeholder="[ Optional field ]">
-                    </div>
+                </label>
+                <input id="calendar-principal-url" type="text"
+                       class="form-control operationDataKeys" data-key="calendarPrincipalURL"
+                       maxlength="100" data-default="" placeholder="[ Optional field ]">
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="calendar-account-username">
-                            Account Username
-                            <span class="helper" title="CalDAV account username is required for devices being prepared or supervised.">
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="calendar-account-username">
+                    Account Username
+                            <span class="helper"
+                                  title="CalDAV account username is required for devices being prepared or supervised.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="calendar-account-username" type="text" class="form-control operationDataKeys" data-key="calendarAccountUsername" maxlength="100" data-default="" placeholder="[ Optional field. Set On Device ]">
-                    </div>
+                </label>
+                <input id="calendar-account-username" type="text"
+                       class="form-control operationDataKeys" data-key="calendarAccountUsername"
+                       maxlength="100" data-default=""
+                       placeholder="[ Optional field. Set On Device ]">
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="calendar-account-password">
-                            Account Password
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="calendar-account-password">
+                    Account Password
                             <span class="helper" title="Password for CalDAV account.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="calendar-account-password" type="password" class="form-control operationDataKeys" data-key="calendarAccountPassword" maxlength="100" placeholder="[ Optional field ]">
-                    </div>
-
-                </div>
+                </label>
+                <input id="calendar-account-password" type="password"
+                       class="form-control operationDataKeys" data-key="calendarAccountPassword"
+                       maxlength="100" placeholder="[ Optional field ]">
             </div>
+
         </div>
-        <!-- End of Calendar (calDAV) -->
-
-        <!-- Calendar subscription -->
-        <div class="wr-hidden-operation" data-operation="calendar-subscription">
-            <div class="panel panel-default operation-data" data-operation="calendar-subscription" data-operation-code="CALENDAR_SUBSCRIPTION">
-                <div id="calendar-subscription-heading" class="panel-heading" role="tab">
-                    <h2 class="sub-title panel-title">
-                        Calendar Subscription
-                        <label id="subscribed-calendars-lbl" class="wr-input-control switch" data-toggle="collapse" data-target="#calendar-subscription-body">
-                            <input type="checkbox" />
-                            <span class="helper"></span>
-                            <span class="text"></span>
-                        </label>
-                        <hr>
-                        <div class="panel-title-description">
-                            This configuration can be used to define settings for calendar subscriptions.
-                            Once this configuration profile is installed on an iOS device,
-                            corresponding users will not be able to modify these settings on their devices.
-                        </div>
-                    </h2>
+    </div>
+</div>
+<!-- End of Calendar (calDAV) -->
+
+<!-- Calendar subscription -->
+<div class="wr-hidden-operation" data-operation="calendar-subscription">
+    <div class="panel panel-default operation-data" data-operation="calendar-subscription"
+         data-operation-code="CALENDAR_SUBSCRIPTION">
+        <div id="calendar-subscription-heading" class="panel-heading" role="tab">
+            <h2 class="sub-title panel-title">
+                Calendar Subscription
+                <label id="subscribed-calendars-lbl" class="wr-input-control switch"
+                       data-toggle="collapse" data-target="#calendar-subscription-body">
+                    <input type="checkbox"/>
+                    <span class="helper"></span>
+                    <span class="text"></span>
+                </label>
+                <hr>
+                <div class="panel-title-description">
+                    This configuration can be used to define settings for calendar subscriptions.
+                    Once this configuration profile is installed on an iOS device,
+                    corresponding users will not be able to modify these settings on their devices.
                 </div>
-                <div id="calendar-subscription-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="calendar-subscription-body">
+            </h2>
+        </div>
+        <div id="calendar-subscription-body" class="panel-collapse panel-body collapse"
+             role="tabpanel" aria-labelledby="calendar-subscription-body">
 
-                    <div id="calendar-subscription-feature-error-msg" class="alert alert-danger hidden" role="alert">
-                        <i class="icon fw fw-error"></i><span></span>
-                    </div>
+            <div id="calendar-subscription-feature-error-msg" class="alert alert-danger hidden"
+                 role="alert">
+                <i class="icon fw fw-error"></i><span></span>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="calendar-subscription-description">
-                            Description
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="calendar-subscription-description">
+                    Description
                             <span class="helper" title="Description of the calendar subscription.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="calendar-subscription-description" type="text" class="form-control operationDataKeys" data-key="calendarSubscriptionDescription" maxlength="100" data-default="Subscribed Calendar" value="Company Subscribed Calendar" placeholder="[ Optional field ]" />
-                    </div>
+                </label>
+                <input id="calendar-subscription-description" type="text"
+                       class="form-control operationDataKeys"
+                       data-key="calendarSubscriptionDescription" maxlength="100"
+                       data-default="Subscribed Calendar" value="Company Subscribed Calendar"
+                       placeholder="[ Optional field ]"/>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="calendar-subscription-hostname">
-                            Account Hostname URL
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="calendar-subscription-hostname">
+                    Account Hostname URL
                             <span class="helper" title="URL of the calendar file is required here.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="calendar-subscription-hostname" type="text" class="form-control operationDataKeys" data-key="calendarSubscriptionHostname" maxlength="100" data-default="" placeholder="[ Required field ]" />
-                    </div>
+                </label>
+                <input id="calendar-subscription-hostname" type="text"
+                       class="form-control operationDataKeys"
+                       data-key="calendarSubscriptionHostname" maxlength="100" data-default=""
+                       placeholder="[ Required field ]"/>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="calendar-subscription-use-ssl" type="checkbox" class="form-control operationDataKeys" data-key="calendarSubscriptionUseSSL" checked="checked" />
-                            <span class="helper" title="Having this checked, would enable Secure Socket Layer communication.">
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="calendar-subscription-use-ssl" type="checkbox"
+                           class="form-control operationDataKeys"
+                           data-key="calendarSubscriptionUseSSL" checked="checked"/>
+                            <span class="helper"
+                                  title="Having this checked, would enable Secure Socket Layer communication.">
                                 &nbsp;&nbsp;&nbsp;Use Secure Socket Layer ( SSL )
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
+                </label>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="calendar-subscription-username">
-                            Username
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="calendar-subscription-username">
+                    Username
                             <span class="helper" title="Username for this calendar subscription.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="calendar-subscription-username" type="text" class="form-control operationDataKeys" data-key="calendarSubscriptionUsername" maxlength="100" data-default="" placeholder="[ Optional field ]">
-                    </div>
+                </label>
+                <input id="calendar-subscription-username" type="text"
+                       class="form-control operationDataKeys"
+                       data-key="calendarSubscriptionUsername" maxlength="100" data-default=""
+                       placeholder="[ Optional field ]">
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="calendar-subscription-password">
-                            Password
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="calendar-subscription-password">
+                    Password
                             <span class="helper" title="Password for this calendar subscription.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="calendar-subscription-password" type="password" class="form-control operationDataKeys" data-key="calendarSubscriptionPassword" maxlength="100" placeholder="[ Optional field ]">
-                    </div>
-
-                </div>
+                </label>
+                <input id="calendar-subscription-password" type="password"
+                       class="form-control operationDataKeys"
+                       data-key="calendarSubscriptionPassword" maxlength="100"
+                       placeholder="[ Optional field ]">
             </div>
+
         </div>
-        <!-- End of Calendar subscription -->
-
-        <!-- APN -->
-        <div class="wr-hidden-operation" data-operation="apn">
-            <div class="panel panel-default operation-data" data-operation="apn" data-operation-code="APN">
-                <div id="apn-heading" class="panel-heading" role="tab">
-                    <h2 class="sub-title panel-title">
-                        Access Point Names ( APN )
-                        <label id="apn-lbl" class="wr-input-control switch" data-toggle="collapse" data-target="#apn-body">
-                            <input type="checkbox" />
-                            <span class="helper"></span>
-                            <span class="text"></span>
-                        </label>
-                        <hr>
-                        <div class="panel-title-description">
-                            These configurations can be used to specify Access Point Names ( APN ).
-                            Once this configuration profile is installed on an iOS device, corresponding users will not
-                            be able to modify these settings on their devices.
-                            <br><br>(This feature is not supported on iOS 7.0 and later.)
-                        </div>
-                    </h2>
+    </div>
+</div>
+<!-- End of Calendar subscription -->
+
+<!-- APN -->
+<div class="wr-hidden-operation" data-operation="apn">
+    <div class="panel panel-default operation-data" data-operation="apn" data-operation-code="APN">
+        <div id="apn-heading" class="panel-heading" role="tab">
+            <h2 class="sub-title panel-title">
+                Access Point Names ( APN )
+                <label id="apn-lbl" class="wr-input-control switch" data-toggle="collapse"
+                       data-target="#apn-body">
+                    <input type="checkbox"/>
+                    <span class="helper"></span>
+                    <span class="text"></span>
+                </label>
+                <hr>
+                <div class="panel-title-description">
+                    These configurations can be used to specify Access Point Names ( APN ).
+                    Once this configuration profile is installed on an iOS device, corresponding
+                    users will not
+                    be able to modify these settings on their devices.
+                    <br><br>(This feature is not supported on iOS 7.0 and later.)
                 </div>
-                <div id="apn-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="apn-body">
+            </h2>
+        </div>
+        <div id="apn-body" class="panel-collapse panel-body collapse" role="tabpanel"
+             aria-labelledby="apn-body">
 
-                    <div id="apn-feature-error-msg" class="alert alert-danger hidden" role="alert">
-                        <i class="icon fw fw-error"></i><span></span>
-                    </div>
+            <div id="apn-feature-error-msg" class="alert alert-danger hidden" role="alert">
+                <i class="icon fw fw-error"></i><span></span>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="apn-configurations">
-                            APN Configurations
-                            <span class="helper" title="Can contain an arbitrary number of entries, each describing an APN configuration.">
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="apn-configurations">
+                    APN Configurations
+                            <span class="helper"
+                                  title="Can contain an arbitrary number of entries, each describing an APN configuration.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                            <br>
-                            <a href="#apn-configurations-grid" class="grid-input-add" data-click-event="add-form">
+                    <br>
+                    <a href="#apn-configurations-grid" class="grid-input-add"
+                       data-click-event="add-form">
                                 <span class="icon fw-stack">
                                     <i class="fw fw-add fw-stack-1x"></i>
                                     <i class="fw fw-ring fw-stack-2x"></i>
                                 </span>
-                                &nbsp;
-                                Add APN Configuration
-                            </a>
-                        </label>
-                        <div id="apn-configurations" class="operationDataKeys grouped-array-input multi-column-key-value-pair-array" data-key="apnConfigurations" data-column-count="5">
-                            <table class="table table-responsive table-striped">
-                                <thead>
-                                    <tr>
-                                        <th>No:</th>
-                                        <th>APN</th>
-                                        <th>Username</th>
-                                        <th>Password</th>
-                                        <th>Proxy</th>
-                                        <th>Port</th>
-                                        <th></th>
-                                    </tr>
-                                </thead>
-                                <tbody data-add-form-container="#apn-configurations-grid">
-                                    <tr data-help-text="add-form">
-                                        <td colspan="7">
-                                            No entries added yet .
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <table class="template hidden">
-                                <tbody data-add-form="#apn-configurations-grid">
-                                    <tr data-add-form-element="clone">
-                                        <td data-title="No:">
-                                            <span class="index"></span>
-                                        </td>
-                                        <td data-title="APN">
-                                            <input type="text" class="form-control grid-input-text" data-child-key="apn" maxlength="100" data-default="" placeholder="[ Required ]" />
-                                        </td>
-                                        <td data-title="Username">
-                                            <input type="text" class="form-control grid-input-text" data-child-key="username" maxlength="100" data-default="" placeholder="[ Optional ]" />
-                                        </td>
-                                        <td data-title="Password">
-                                            <input type="password" class="form-control grid-input-text" data-child-key="password" maxlength="100" data-default="" placeholder="[ Optional ]" />
-                                        </td>
-                                        <td data-title="Proxy">
-                                            <input type="text" class="form-control grid-input-text" data-child-key="proxyServer" maxlength="100" data-default="" placeholder="[ Optional ]" />
-                                        </td>
-                                        <td data-title="Port">
-                                            <input type="text" class="form-control grid-input-text" data-child-key="proxyPort" maxlength="5" data-default="" placeholder="[ Optional ]" />
-                                        </td>
-                                        <td>
+                        &nbsp;
+                        Add APN Configuration
+                    </a>
+                </label>
+
+                <div id="apn-configurations"
+                     class="operationDataKeys grouped-array-input multi-column-key-value-pair-array"
+                     data-key="apnConfigurations" data-column-count="5">
+                    <table class="table table-responsive table-striped">
+                        <thead>
+                        <tr>
+                            <th>No:</th>
+                            <th>APN</th>
+                            <th>Username</th>
+                            <th>Password</th>
+                            <th>Proxy</th>
+                            <th>Port</th>
+                            <th></th>
+                        </tr>
+                        </thead>
+                        <tbody data-add-form-container="#apn-configurations-grid">
+                        <tr data-help-text="add-form">
+                            <td colspan="7">
+                                No entries added yet .
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                    <table class="template hidden">
+                        <tbody data-add-form="#apn-configurations-grid">
+                        <tr data-add-form-element="clone">
+                            <td data-title="No:">
+                                <span class="index"></span>
+                            </td>
+                            <td data-title="APN">
+                                <input type="text" class="form-control grid-input-text"
+                                       data-child-key="apn" maxlength="100" data-default=""
+                                       placeholder="[ Required ]"/>
+                            </td>
+                            <td data-title="Username">
+                                <input type="text" class="form-control grid-input-text"
+                                       data-child-key="username" maxlength="100" data-default=""
+                                       placeholder="[ Optional ]"/>
+                            </td>
+                            <td data-title="Password">
+                                <input type="password" class="form-control grid-input-text"
+                                       data-child-key="password" maxlength="100" data-default=""
+                                       placeholder="[ Optional ]"/>
+                            </td>
+                            <td data-title="Proxy">
+                                <input type="text" class="form-control grid-input-text"
+                                       data-child-key="proxyServer" maxlength="100" data-default=""
+                                       placeholder="[ Optional ]"/>
+                            </td>
+                            <td data-title="Port">
+                                <input type="text" class="form-control grid-input-text"
+                                       data-child-key="proxyPort" maxlength="5" data-default=""
+                                       placeholder="[ Optional ]"/>
+                            </td>
+                            <td>
                                             <span class="list-group-item-actions">
-                                                <a href="#apn-configurations-grid" class="grid-input-remove" data-click-event="remove-form">
-                                                    <span class="fw-stack helper" title="Remove Entry">
+                                                <a href="#apn-configurations-grid"
+                                                   class="grid-input-remove"
+                                                   data-click-event="remove-form">
+                                                    <span class="fw-stack helper"
+                                                          title="Remove Entry">
                                                         <i class="fw fw-ring fw-stack-2x"></i>
                                                         <i class="fw fw-delete fw-stack-1x"></i>
                                                     </span>
                                                 </a>
                                             </span>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
-                    </div>
-
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
                 </div>
             </div>
+
         </div>
-        <!-- End of APN -->
-
-        <!-- Cellular Network Settings -->
-        <div class="wr-hidden-operation" data-operation="cellular">
-            <div class="panel panel-default operation-data" data-operation="cellular" data-operation-code="CELLULAR">
-                <div id="cellular-heading" class="panel-heading" role="tab">
-                    <h2 class="sub-title panel-title">
-                        Cellular Network Settings
-                        <label id="cellular-lbl" class="wr-input-control switch" data-toggle="collapse" data-target="#cellular-body">
-                            <input type="checkbox" />
-                            <span class="helper"></span>
-                            <span class="text"></span>
-                        </label>
-                        <hr>
-                        <div class="panel-title-description">
-                            These configurations can be used to specify Cellular Network Settings on an iOS device.
-                            Cellular settings cannot be installed if an APN setting is already installed and
-                            upon successful installation, corresponding users will not be able to modify these
-                            settings on their devices.
-                            <br><br>(This feature is supported only on iOS 7.0 and later.)
-                        </div>
-                    </h2>
+    </div>
+</div>
+<!-- End of APN -->
+
+<!-- Cellular Network Settings -->
+<div class="wr-hidden-operation" data-operation="cellular">
+    <div class="panel panel-default operation-data" data-operation="cellular"
+         data-operation-code="CELLULAR">
+        <div id="cellular-heading" class="panel-heading" role="tab">
+            <h2 class="sub-title panel-title">
+                Cellular Network Settings
+                <label id="cellular-lbl" class="wr-input-control switch" data-toggle="collapse"
+                       data-target="#cellular-body">
+                    <input type="checkbox"/>
+                    <span class="helper"></span>
+                    <span class="text"></span>
+                </label>
+                <hr>
+                <div class="panel-title-description">
+                    These configurations can be used to specify Cellular Network Settings on an iOS
+                    device.
+                    Cellular settings cannot be installed if an APN setting is already installed and
+                    upon successful installation, corresponding users will not be able to modify
+                    these
+                    settings on their devices.
+                    <br><br>(This feature is supported only on iOS 7.0 and later.)
                 </div>
-                <div id="cellular-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="cellular-body">
+            </h2>
+        </div>
+        <div id="cellular-body" class="panel-collapse panel-body collapse" role="tabpanel"
+             aria-labelledby="cellular-body">
 
-                    <div id="cellular-feature-error-msg" class="alert alert-danger hidden" role="alert">
-                        <i class="icon fw fw-error"></i><span></span>
-                    </div>
+            <div id="cellular-feature-error-msg" class="alert alert-danger hidden" role="alert">
+                <i class="icon fw fw-error"></i><span></span>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="cellular-attach-apn-name">
-                            Cellular Configuration Name
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="cellular-attach-apn-name">
+                    Cellular Configuration Name
                             <span class="helper" title="Name for this configuration.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="cellular-attach-apn-name" type="text" class="form-control operationDataKeys" data-key="cellularAttachAPNName" maxlength="100" data-default="" placeholder="[ Required field ]">
-                    </div>
+                </label>
+                <input id="cellular-attach-apn-name" type="text"
+                       class="form-control operationDataKeys" data-key="cellularAttachAPNName"
+                       maxlength="100" data-default="" placeholder="[ Required field ]">
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="cellular-authentication-type">
-                            Authentication Type
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="cellular-authentication-type">
+                    Authentication Type
                             <span class="helper" title="Cellular Settings Authentication Type.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <select id="cellular-authentication-type" class="form-control operationDataKeys" data-key="cellularAuthenticationType" data-default="0">
-                            <option value="PAP" selected="selected">PAP</option>
-                            <option value="CHAP">CHAP</option>
-                        </select>
-                    </div>
+                </label>
+                <select id="cellular-authentication-type" class="form-control operationDataKeys"
+                        data-key="cellularAuthenticationType" data-default="0">
+                    <option value="PAP" selected="selected">PAP</option>
+                    <option value="CHAP">CHAP</option>
+                </select>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="cellular-username">
-                            Username
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="cellular-username">
+                    Username
                             <span class="helper" title="Username used for authentication.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="cellular-username" type="text" class="form-control operationDataKeys" data-key="cellularUsername" maxlength="100" data-default="" placeholder="[ Optional field ]">
-                    </div>
+                </label>
+                <input id="cellular-username" type="text" class="form-control operationDataKeys"
+                       data-key="cellularUsername" maxlength="100" data-default=""
+                       placeholder="[ Optional field ]">
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="cellular-password">
-                            Password
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="cellular-password">
+                    Password
                             <span class="helper" title="Password used for authentication.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <input id="cellular-password" type="password" class="form-control operationDataKeys" data-key="cellularPassword" maxlength="100" placeholder="[ Optional field ]">
-                    </div>
+                </label>
+                <input id="cellular-password" type="password" class="form-control operationDataKeys"
+                       data-key="cellularPassword" maxlength="100" placeholder="[ Optional field ]">
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="cellular-apn-configurations">
-                            APN Configurations
-                            <span class="helper" title="Can contain an arbitrary number of entries, each describing an APN configuration.">
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="cellular-apn-configurations">
+                    APN Configurations
+                            <span class="helper"
+                                  title="Can contain an arbitrary number of entries, each describing an APN configuration.">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                            <br>
-                            <a href="#cellular-apn-configurations-grid" class="grid-input-add" data-click-event="add-form">
+                    <br>
+                    <a href="#cellular-apn-configurations-grid" class="grid-input-add"
+                       data-click-event="add-form">
                                 <span class="icon fw-stack">
                                     <i class="fw fw-add fw-stack-1x"></i>
                                     <i class="fw fw-ring fw-stack-2x"></i>
                                 </span>
-                                &nbsp;
-                                Add APN Configuration
-                            </a>
-                        </label>
-                        <div id="cellular-apn-configurations" class="operationDataKeys grouped-array-input multi-column-key-value-pair-array" data-key="cellularAPNConfigurations" data-column-count="6">
-                            <table class="table table-responsive table-striped">
-                                <thead>
-                                    <tr>
-                                        <th>No:</th>
-                                        <th>APN</th>
-                                        <th>Auth.Type</th>
-                                        <th>Username</th>
-                                        <th>Password</th>
-                                        <th>Proxy</th>
-                                        <th>Port</th>
-                                        <th></th>
-                                    </tr>
-                                </thead>
-                                <tbody data-add-form-container="#cellular-apn-configurations-grid">
-                                    <tr data-help-text="add-form">
-                                        <td colspan="8">
-                                            No entries added yet .
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <table class="template hidden">
-                                <tbody data-add-form="#cellular-apn-configurations-grid">
-                                    <tr data-add-form-element="clone">
-                                        <td data-title="No:">
-                                            <span class="index"></span>
-                                        </td>
-                                        <td data-title="APN">
-                                            <input type="text" class="form-control grid-input-text" data-child-key="configurationName" maxlength="100" data-default="" placeholder="[ Required ]" />
-                                        </td>
-                                        <td data-title="Auth.Type">
-                                            <select class="form-control grid-input-select" data-child-key="authenticationType" data-default="0">
-                                                <option value="PAP" selected="selected">PAP</option>
-                                                <option value="CHAP">CHAP</option>
-                                            </select>
-                                        </td>
-                                        <td data-title="Username">
-                                            <input type="text" class="form-control grid-input-text" data-child-key="username" maxlength="100" data-default="" placeholder="[ Optional ]" />
-                                        </td>
-                                        <td data-title="Password">
-                                            <input type="password" class="form-control grid-input-text" data-child-key="password" maxlength="100" data-default="" placeholder="[ Optional ]" />
-                                        </td>
-                                        <td data-title="Proxy">
-                                            <input type="text" class="form-control grid-input-text" data-child-key="proxyServer" maxlength="100" data-default="" placeholder="[ Optional ]" />
-                                        </td>
-                                        <td data-title="Port">
-                                            <input type="text" class="form-control grid-input-text" data-child-key="proxyPort" maxlength="5" data-default="" placeholder="[ Optional ]" />
-                                        </td>
-                                        <td>
+                        &nbsp;
+                        Add APN Configuration
+                    </a>
+                </label>
+
+                <div id="cellular-apn-configurations"
+                     class="operationDataKeys grouped-array-input multi-column-key-value-pair-array"
+                     data-key="cellularAPNConfigurations" data-column-count="6">
+                    <table class="table table-responsive table-striped">
+                        <thead>
+                        <tr>
+                            <th>No:</th>
+                            <th>APN</th>
+                            <th>Auth.Type</th>
+                            <th>Username</th>
+                            <th>Password</th>
+                            <th>Proxy</th>
+                            <th>Port</th>
+                            <th></th>
+                        </tr>
+                        </thead>
+                        <tbody data-add-form-container="#cellular-apn-configurations-grid">
+                        <tr data-help-text="add-form">
+                            <td colspan="8">
+                                No entries added yet .
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                    <table class="template hidden">
+                        <tbody data-add-form="#cellular-apn-configurations-grid">
+                        <tr data-add-form-element="clone">
+                            <td data-title="No:">
+                                <span class="index"></span>
+                            </td>
+                            <td data-title="APN">
+                                <input type="text" class="form-control grid-input-text"
+                                       data-child-key="configurationName" maxlength="100"
+                                       data-default="" placeholder="[ Required ]"/>
+                            </td>
+                            <td data-title="Auth.Type">
+                                <select class="form-control grid-input-select"
+                                        data-child-key="authenticationType" data-default="0">
+                                    <option value="PAP" selected="selected">PAP</option>
+                                    <option value="CHAP">CHAP</option>
+                                </select>
+                            </td>
+                            <td data-title="Username">
+                                <input type="text" class="form-control grid-input-text"
+                                       data-child-key="username" maxlength="100" data-default=""
+                                       placeholder="[ Optional ]"/>
+                            </td>
+                            <td data-title="Password">
+                                <input type="password" class="form-control grid-input-text"
+                                       data-child-key="password" maxlength="100" data-default=""
+                                       placeholder="[ Optional ]"/>
+                            </td>
+                            <td data-title="Proxy">
+                                <input type="text" class="form-control grid-input-text"
+                                       data-child-key="proxyServer" maxlength="100" data-default=""
+                                       placeholder="[ Optional ]"/>
+                            </td>
+                            <td data-title="Port">
+                                <input type="text" class="form-control grid-input-text"
+                                       data-child-key="proxyPort" maxlength="5" data-default=""
+                                       placeholder="[ Optional ]"/>
+                            </td>
+                            <td>
                                             <span class="list-group-item-actions">
-                                                <a href="#cellular-apn-configurations-grid" class="grid-input-remove" data-click-event="remove-form">
-                                                    <span class="fw-stack helper" title="Remove Entry">
+                                                <a href="#cellular-apn-configurations-grid"
+                                                   class="grid-input-remove"
+                                                   data-click-event="remove-form">
+                                                    <span class="fw-stack helper"
+                                                          title="Remove Entry">
                                                         <i class="fw fw-ring fw-stack-2x"></i>
                                                         <i class="fw fw-delete fw-stack-1x"></i>
                                                     </span>
                                                 </a>
                                             </span>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
-                    </div>
-
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
                 </div>
             </div>
-        </div>
-        <!-- End of Cellular Network Settings -->
-
-        <!-- Restrictions -->
-        <div class="wr-hidden-operation" data-operation="restrictions">
-            <div class="panel panel-default operation-data" data-operation="restrictions" data-operation-code="RESTRICTION">
-                <div id="restrictions-heading" class="panel-heading" role="tab">
-                    <h2 class="sub-title panel-title">
-                        Restrictions
-                        <label class="wr-input-control switch" data-toggle="collapse" data-target="#restrictions-body">
-                            <input type="checkbox" />
-                            <span class="helper"></span>
-                            <span class="text"></span>
-                        </label>
-                        <hr>
-                        <div class="panel-title-description">
-                            These configurations can be used to restrict apps, device features and
-                            media content available on an iOS device. Once this configuration profile is installed
-                            on a device, corresponding users will not be able to modify these settings on their devices.
-                        </div>
-                    </h2>
-                </div>
-                <div id="restrictions-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="restrictions-body">
-
-                    <div id="restrictions-feature-error-msg" class="alert alert-danger hidden" role="alert">
-                        <i class="icon fw fw-error"></i><span></span>
-                    </div>
 
-                    Restrictions on Device Functionality :
-                    <hr>
-                    <div id="restrictions-device-functionality">
-                        <ul class="listing">
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-camera" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowCamera" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would enable Usage of phone camera in the device">
+        </div>
+    </div>
+</div>
+<!-- End of Cellular Network Settings -->
+
+<!-- Restrictions -->
+<div class="wr-hidden-operation" data-operation="restrictions">
+<div class="panel panel-default operation-data" data-operation="restrictions"
+     data-operation-code="RESTRICTION">
+<div id="restrictions-heading" class="panel-heading" role="tab">
+    <h2 class="sub-title panel-title">
+        Restrictions
+        <label class="wr-input-control switch" data-toggle="collapse"
+               data-target="#restrictions-body">
+            <input type="checkbox"/>
+            <span class="helper"></span>
+            <span class="text"></span>
+        </label>
+        <hr>
+        <div class="panel-title-description">
+            These configurations can be used to restrict apps, device features and
+            media content available on an iOS device. Once this configuration profile is installed
+            on a device, corresponding users will not be able to modify these settings on their
+            devices.
+        </div>
+    </h2>
+</div>
+<div id="restrictions-body" class="panel-collapse panel-body collapse" role="tabpanel"
+     aria-labelledby="restrictions-body">
+
+<div id="restrictions-feature-error-msg" class="alert alert-danger hidden" role="alert">
+    <i class="icon fw fw-error"></i><span></span>
+</div>
+
+Restrictions on Device Functionality :
+<hr>
+<div id="restrictions-device-functionality">
+<ul class="listing">
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-camera" type="checkbox" class="operationDataKeys"
+                   data-key="restrictionsAllowCamera" data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would enable Usage of phone camera in the device">
                                             &nbsp;&nbsp;&nbsp;Allow use of camera
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-Chat" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowChat" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would enable use of Messages app with supervised devices. Available in iOS 6.0 and later.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-Chat" type="checkbox" class="operationDataKeys"
+                   data-key="restrictionsAllowChat" data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would enable use of Messages app with supervised devices. Available in iOS 6.0 and later.">
                                             &nbsp;&nbsp;&nbsp;Allow Chat
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-screen-shot" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowScreenShot" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would allow taking screenshots in the device">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-screen-shot" type="checkbox" class="operationDataKeys"
+                   data-key="restrictionsAllowScreenShot" data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would allow taking screenshots in the device">
                                             &nbsp;&nbsp;&nbsp;Allow screenshots
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li style="visibility:hidden; position:absolute">
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-air-drop" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowAirDrop" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would allow AirDrop feature in the device. Available only in iOS 7.0 and later.">
+        </label>
+    </div>
+</li>
+<li style="visibility:hidden; position:absolute">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-air-drop" type="checkbox" class="operationDataKeys"
+                   data-key="restrictionsAllowAirDrop" data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would allow AirDrop feature in the device. Available only in iOS 7.0 and later.">
                                             &nbsp;&nbsp;&nbsp;Allow AirDrop ( Supervised only )
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-voice-dialing" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowVoiceDialing" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would allow voice dialing feature in the device.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-voice-dialing" type="checkbox" class="operationDataKeys"
+                   data-key="restrictionsAllowVoiceDialing" data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would allow voice dialing feature in the device.">
                                             &nbsp;&nbsp;&nbsp;Allow voice dialing while device is locked
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li class="grouped-input">
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-assistant" type="checkbox" class="parent-input operationDataKeys" data-key="restrictionsAllowAssistant" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would enable Siri as assistant in the device.">
+        </label>
+    </div>
+</li>
+<li class="grouped-input">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-assistant" type="checkbox"
+                   class="parent-input operationDataKeys" data-key="restrictionsAllowAssistant"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would enable Siri as assistant in the device.">
                                             &nbsp;&nbsp;&nbsp;Allow Siri
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                                <ul class="grouped-child-input">
-                                    <li>
-                                        <div class="wr-input-control">
-                                            <label class="wr-input-control checkbox">
-                                                <input id="restrictions-allow-assistant-while-locked" type="checkbox" class="child-input operationDataKeys" data-key="restrictionsAllowAssistantWhileLocked" data-default="true" checked="checked" />
-                                                <span class="helper" title="Having this checked would allow Siri as assistant while device is locked. Available only in iOS 5.1 and later.">
+        </label>
+    </div>
+    <ul class="grouped-child-input">
+        <li>
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="restrictions-allow-assistant-while-locked" type="checkbox"
+                           class="child-input operationDataKeys"
+                           data-key="restrictionsAllowAssistantWhileLocked" data-default="true"
+                           checked="checked"/>
+                                                <span class="helper"
+                                                      title="Having this checked would allow Siri as assistant while device is locked. Available only in iOS 5.1 and later.">
                                                     &nbsp;&nbsp;&nbsp;Allow Siri while device is locked
                                                     <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                                 </span>
-                                            </label>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div class="wr-input-control">
-                                            <label class="wr-input-control checkbox">
-                                                <input id="restrictions-force-assistant-profanity-filter" type="checkbox" class="child-input operationDataKeys" data-key="restrictionsForceAssistantProfanityFilter" data-default="true" checked="checked" />
-                                                <span class="helper" title="Having this checked would force use of Siri profanity filter.">
+                </label>
+            </div>
+        </li>
+        <li>
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="restrictions-force-assistant-profanity-filter" type="checkbox"
+                           class="child-input operationDataKeys"
+                           data-key="restrictionsForceAssistantProfanityFilter" data-default="true"
+                           checked="checked"/>
+                                                <span class="helper"
+                                                      title="Having this checked would force use of Siri profanity filter.">
                                                     &nbsp;&nbsp;&nbsp;Force use of Siri profanity filter
                                                     <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                                 </span>
-                                            </label>
-                                        </div>
-                                    </li>
-                                    <li style="visibility:hidden; position:absolute">
-                                        <div class="wr-input-control">
-                                            <label class="wr-input-control checkbox">
-                                                <input id="restrictions-allow-assistant-user-generated-content" type="checkbox" class="child-input operationDataKeys" data-key="restrictionsAllowAssistantUserGeneratedContent" data-default="true" checked="checked" />
-                                                <span class="helper" title="Having this checked would allow Siri to query user-generated content from web in the device. Available in iOS 7 and later.">
+                </label>
+            </div>
+        </li>
+        <li style="visibility:hidden; position:absolute">
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="restrictions-allow-assistant-user-generated-content" type="checkbox"
+                           class="child-input operationDataKeys"
+                           data-key="restrictionsAllowAssistantUserGeneratedContent"
+                           data-default="true" checked="checked"/>
+                                                <span class="helper"
+                                                      title="Having this checked would allow Siri to query user-generated content from web in the device. Available in iOS 7 and later.">
                                                     &nbsp;&nbsp;&nbsp;Allow Siri to query user-generated content from web ( Supervised only )
                                                     <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                                 </span>
-                                            </label>
-                                        </div>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li style="visibility:hidden; position:absolute">
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-account-modification" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowAccountModification" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would allow modifying account settings in the device. Available only in iOS 7.0 and later.">
+                </label>
+            </div>
+        </li>
+    </ul>
+</li>
+<li style="visibility:hidden; position:absolute">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-account-modification" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowAccountModification"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would allow modifying account settings in the device. Available only in iOS 7.0 and later.">
                                             &nbsp;&nbsp;&nbsp;Allow modifying account settings ( Supervised only )
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li style="visibility:hidden; position:absolute">
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-app-cellular-data-modification" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowAppCellularDataModification" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would allow changes to cellular data usage for apps in the device. Available only in iOS 7.0 and later.">
+        </label>
+    </div>
+</li>
+<li style="visibility:hidden; position:absolute">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-app-cellular-data-modification" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowAppCellularDataModification"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would allow changes to cellular data usage for apps in the device. Available only in iOS 7.0 and later.">
                                             &nbsp;&nbsp;&nbsp;Allow modifying cellular data app settings ( Supervised only )
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li style="visibility:hidden; position:absolute">
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-bookstore" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowBookstore" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would enable iBookStore in the device. Available in iOS 6.0 and later.">
+        </label>
+    </div>
+</li>
+<li style="visibility:hidden; position:absolute">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-bookstore" type="checkbox" class="operationDataKeys"
+                   data-key="restrictionsAllowBookstore" data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would enable iBookStore in the device. Available in iOS 6.0 and later.">
                                             &nbsp;&nbsp;&nbsp;Enable iBookStore ( Supervised only )
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li style="visibility:hidden; position:absolute">
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-bookstore-erotica" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowBookstoreErotica" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would enable iBookStore tagged as Erotica in the device. Available in iOS 6.0 and later.">
+        </label>
+    </div>
+</li>
+<li style="visibility:hidden; position:absolute">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-bookstore-erotica" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowBookstoreErotica"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would enable iBookStore tagged as Erotica in the device. Available in iOS 6.0 and later.">
                                             &nbsp;&nbsp;&nbsp;Enable iBookStore Erotica ( Supervised only prior to iOS 6.1 )
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-app-installation" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowAppInstallation" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would allow installing apps in the device.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-app-installation" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowAppInstallation"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would allow installing apps in the device.">
                                             &nbsp;&nbsp;&nbsp;Allow installing apps
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li style="visibility:hidden; position:absolute" >
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-app-removal" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowAppRemoval" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would allow removal of apps in the device.">
+        </label>
+    </div>
+</li>
+<li style="visibility:hidden; position:absolute">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-app-removal" type="checkbox" class="operationDataKeys"
+                   data-key="restrictionsAllowAppRemoval" data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would allow removal of apps in the device.">
                                             &nbsp;&nbsp;&nbsp;Allow removing apps
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-in-app-purchases" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowInAppPurchases" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would allow in-app purchase in the device.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-in-app-purchases" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowInAppPurchases"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would allow in-app purchase in the device.">
                                             &nbsp;&nbsp;&nbsp;Allow in-app purchase
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-force-itunes-store-password-entry" type="checkbox" class="operationDataKeys" data-key="restrictionsForceITunesStorePasswordEntry" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would force iTunes store password in the device.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-force-itunes-store-password-entry" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsForceITunesStorePasswordEntry"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would force iTunes store password in the device.">
                                             &nbsp;&nbsp;&nbsp;Require iTunes store password for all purchases
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-cloud-backup" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowCloudBackup" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would enable iCloud backup in the device.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-cloud-backup" type="checkbox" class="operationDataKeys"
+                   data-key="restrictionsAllowCloudBackup" data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would enable iCloud backup in the device.">
                                             &nbsp;&nbsp;&nbsp;Allow iCloud backup
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-cloud-document-sync" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowCloudDocumentSync" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would enable syncing iCloud documents and data in the device.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-cloud-document-sync" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowCloudDocumentSync"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would enable syncing iCloud documents and data in the device.">
                                             &nbsp;&nbsp;&nbsp;Allow iCloud documents and data
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-cloud-keychain-sync" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowCloudKeychainSync" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would enable syncing iCloud keychain in the device.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-cloud-keychain-sync" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowCloudKeychainSync"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would enable syncing iCloud keychain in the device.">
                                             &nbsp;&nbsp;&nbsp;Allow iCloud keychain
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-managed-apps-cloud-sync" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowManagedAppsCloudSync" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would allow managed apps in the device to store data in iCloud.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-managed-apps-cloud-sync" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowManagedAppsCloudSync"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would allow managed apps in the device to store data in iCloud.">
                                             &nbsp;&nbsp;&nbsp;Allow managed apps to store data in iCloud
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-enterprise-book-backup" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowEnterpriseBookBackup" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would allow backup of enterprise books in the device.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-enterprise-book-backup" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowEnterpriseBookBackup"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would allow backup of enterprise books in the device.">
                                             &nbsp;&nbsp;&nbsp;Allow backup of enterprise books
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-enterprise-book-metadata-sync" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowEnterpriseBookMetadataSync" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, Enterprise books notes and highlights will not be synced.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-enterprise-book-metadata-sync" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowEnterpriseBookMetadataSync"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, Enterprise books notes and highlights will not be synced.">
                                             &nbsp;&nbsp;&nbsp;Allow enterprise books data sync
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-diagnostic-submission" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowDiagnosticSubmission" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would automatically submit diagnostic reports to Apple.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-diagnostic-submission" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowDiagnosticSubmission"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would automatically submit diagnostic reports to Apple.">
                                             &nbsp;&nbsp;&nbsp;Allow diagnostic submission
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-explicit-content" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowExplicitContent" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this unchecked would hide explicit music or video content purchased from the iTunes Store. Explicit content is marked as such by content providers, such as record labels, when sold through the iTunes Store.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-explicit-content" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowExplicitContent"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this unchecked would hide explicit music or video content purchased from the iTunes Store. Explicit content is marked as such by content providers, such as record labels, when sold through the iTunes Store.">
                                             &nbsp;&nbsp;&nbsp;Allow explicit content
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li style="visibility:hidden; position:absolute">
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-find-my-friends-modification" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowFindMyFriendsModification" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, changes to Find My Friends are disabled.">
+        </label>
+    </div>
+</li>
+<li style="visibility:hidden; position:absolute">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-find-my-friends-modification" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowFindMyFriendsModification"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, changes to Find My Friends are disabled.">
                                             &nbsp;&nbsp;&nbsp;Allow Find My Friends modification
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-fingerprint-for-unlock" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowFingerprintForUnlock" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this unchecked would prevent Touch ID from unlocking a device.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-fingerprint-for-unlock" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowFingerprintForUnlock"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this unchecked would prevent Touch ID from unlocking a device.">
                                             &nbsp;&nbsp;&nbsp;Allow fingerprint for unlock
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-global-background-fetch-when-roaming" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowGlobalBackgroundFetchWhenRoaming" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this unchecked would disable global background fetch activity when an iOS phone is roaming.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-global-background-fetch-when-roaming" type="checkbox"
+                   class="operationDataKeys"
+                   data-key="restrictionsAllowGlobalBackgroundFetchWhenRoaming" data-default="true"
+                   checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this unchecked would disable global background fetch activity when an iOS phone is roaming.">
                                             &nbsp;&nbsp;&nbsp;Allow global background fetch when roaming
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-lock-screen-control-center" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowLockScreenControlCenter" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this unchecked would prevent Control Center from appearing on the Lock screen. Available in iOS 7 and later.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-lock-screen-control-center" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowLockScreenControlCenter"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this unchecked would prevent Control Center from appearing on the Lock screen. Available in iOS 7 and later.">
                                             &nbsp;&nbsp;&nbsp;Show Control Center in lock screen
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-lock-screen-notifications-view" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowLockScreenNotificationsView" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this unchecked would disable Notifications view in Notification Center on the lock screen. Available only in iOS 7.0 and later.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-lock-screen-notifications-view" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowLockScreenNotificationsView"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this unchecked would disable Notifications view in Notification Center on the lock screen. Available only in iOS 7.0 and later.">
                                             &nbsp;&nbsp;&nbsp;Show Notifications Center in lock screen
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-lock-screen-today-view" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowLockScreenTodayView" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this unchecked would disable Today view in Notification Center on the lock screen. Available only in iOS 7.0 and later.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-lock-screen-today-view" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowLockScreenTodayView"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this unchecked would disable Today view in Notification Center on the lock screen. Available only in iOS 7.0 and later.">
                                             &nbsp;&nbsp;&nbsp;Show Today view in lock screen
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li style="visibility:hidden; position:absolute">
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-host-pairing" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowHostPairing" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this unchecked would disable host pairing with the exception of the supervision host. If no supervision host certificate has been configured, all pairing is disabled. Host pairing lets the administrator control which devices an iOS 7 device can pair with. Available only in iOS 7.0 and later.">
+        </label>
+    </div>
+</li>
+<li style="visibility:hidden; position:absolute">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-host-pairing" type="checkbox" class="operationDataKeys"
+                   data-key="restrictionsAllowHostPairing" data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this unchecked would disable host pairing with the exception of the supervision host. If no supervision host certificate has been configured, all pairing is disabled. Host pairing lets the administrator control which devices an iOS 7 device can pair with. Available only in iOS 7.0 and later.">
                                             &nbsp;&nbsp;&nbsp;Allow Host Pairing ( Supervised only )
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-open-from-managed-to-unmanaged" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowOpenFromManagedToUnmanaged" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, documents in managed apps and accounts only open in other managed apps and accounts. Available only in iOS 7.0 and later.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-open-from-managed-to-unmanaged" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowOpenFromManagedToUnmanaged"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, documents in managed apps and accounts only open in other managed apps and accounts. Available only in iOS 7.0 and later.">
                                             &nbsp;&nbsp;&nbsp;Allow documents from managed sources in unmanaged destinations
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-open-from-unmanaged-to-managed" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowOpenFromUnmanagedToManaged" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, documents in unmanaged apps and accounts will only open in other unmanaged apps and accounts. Available only in iOS 7.0 and later.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-open-from-unmanaged-to-managed" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowOpenFromUnmanagedToManaged"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, documents in unmanaged apps and accounts will only open in other unmanaged apps and accounts. Available only in iOS 7.0 and later.">
                                             &nbsp;&nbsp;&nbsp;Allow documents from unmanaged sources in managed destinations
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-ota-pki-updates" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowOTAPKIUpdates" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, over-the-air PKI updates are disabled. Setting this restriction to false does not disable CRL and OCSP checks. Available only in iOS 7.0 and later.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-ota-pki-updates" type="checkbox" class="operationDataKeys"
+                   data-key="restrictionsAllowOTAPKIUpdates" data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, over-the-air PKI updates are disabled. Setting this restriction to false does not disable CRL and OCSP checks. Available only in iOS 7.0 and later.">
                                             &nbsp;&nbsp;&nbsp;Allow over-the-air PKI updates
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictionsAllowPassbookWhileLocked" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowPassbookWhileLocked" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, Passbook notifications will not be shown on the lock screen. Available only in iOS 6.0 and later.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictionsAllowPassbookWhileLocked" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowPassbookWhileLocked"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, Passbook notifications will not be shown on the lock screen. Available only in iOS 6.0 and later.">
                                             &nbsp;&nbsp;&nbsp;Show Passbook notifications in lock screen
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-photo-stream" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowPhotoStream" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, Photo Stream is disabled. Available only in iOS 5.0 and later.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-photo-stream" type="checkbox" class="operationDataKeys"
+                   data-key="restrictionsAllowPhotoStream" data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, Photo Stream is disabled. Available only in iOS 5.0 and later.">
                                             &nbsp;&nbsp;&nbsp;Allow Photo Stream
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-shared-stream" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowSharedStream" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, Shared Photo Stream will be disabled. Available only in iOS 6.0 and later.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-shared-stream" type="checkbox" class="operationDataKeys"
+                   data-key="restrictionsAllowSharedStream" data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, Shared Photo Stream will be disabled. Available only in iOS 6.0 and later.">
                                             &nbsp;&nbsp;&nbsp;Allow Shared Photo Stream
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-ui-configuration-profile-installation" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowUIConfigurationProfileInstallation" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, the user is prohibited from installing configuration profiles and certificates interactively. Available only in iOS 6.0 and later.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-ui-configuration-profile-installation" type="checkbox"
+                   class="operationDataKeys"
+                   data-key="restrictionsAllowUIConfigurationProfileInstallation"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, the user is prohibited from installing configuration profiles and certificates interactively. Available only in iOS 6.0 and later.">
                                             &nbsp;&nbsp;&nbsp;Allow user prompted profile installation
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-untrusted-tls-prompt" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowUntrustedTLSPrompt" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, automatically rejects untrusted HTTPS certificates without prompting the user. Available only in iOS 5.0 and later.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-untrusted-tls-prompt" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowUntrustedTLSPrompt"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, automatically rejects untrusted HTTPS certificates without prompting the user. Available only in iOS 5.0 and later.">
                                             &nbsp;&nbsp;&nbsp;Allow untrusted TLS prompt
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-video-conferencing" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowVideoConferencing" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, video conferencing is disabled.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-video-conferencing" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowVideoConferencing"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, video conferencing is disabled.">
                                             &nbsp;&nbsp;&nbsp;Allow video conferencing
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-voice-dialing" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowVoiceDialing" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, voice dialing is disabled.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-voice-dialing" type="checkbox" class="operationDataKeys"
+                   data-key="restrictionsAllowVoiceDialing" data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, voice dialing is disabled.">
                                             &nbsp;&nbsp;&nbsp;Allow voice dialing
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-force-encrypted-backup" type="checkbox" class="operationDataKeys" data-key="restrictionsForceEncryptedBackup" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would force encrypting all backups.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-force-encrypted-backup" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsForceEncryptedBackup"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would force encrypting all backups.">
                                             &nbsp;&nbsp;&nbsp;Force encrypting all backups
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-force-limit-ad-tracking" type="checkbox" class="operationDataKeys" data-key="restrictionsForceLimitAdTracking" data-default="false" />
-                                        <span class="helper" title="Having this checked would limit ad tracking. Available only in iOS 7.0 and later.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-force-limit-ad-tracking" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsForceLimitAdTracking"
+                   data-default="false"/>
+                                        <span class="helper"
+                                              title="Having this checked would limit ad tracking. Available only in iOS 7.0 and later.">
                                             &nbsp;&nbsp;&nbsp;Limit ad tracking
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-force-airplay-outgoing-requests-pairing-password" type="checkbox" class="operationDataKeys" data-key="restrictionsForceAirPlayOutgoingRequestsPairingPassword" data-default="false" />
-                                        <span class="helper" title="Having this checked would force all devices receiving AirPlay requests from this device to use a pairing password. Available only in iOS 7.1 and later.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-force-airplay-outgoing-requests-pairing-password"
+                   type="checkbox" class="operationDataKeys"
+                   data-key="restrictionsForceAirPlayOutgoingRequestsPairingPassword"
+                   data-default="false"/>
+                                        <span class="helper"
+                                              title="Having this checked would force all devices receiving AirPlay requests from this device to use a pairing password. Available only in iOS 7.1 and later.">
                                             &nbsp;&nbsp;&nbsp;Force a pairing password for Airplay outgoing requests
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-force-airplay-incoming-requests-pairing-password" type="checkbox" class="operationDataKeys" data-key="restrictionsForceAirPlayIncomingRequestsPairingPassword" data-default="false" />
-                                        <span class="helper" title="Having this checked would force all devices sending AirPlay requests to this device to use a pairing password. Available only in Apple TV 6.1 and later.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-force-airplay-incoming-requests-pairing-password"
+                   type="checkbox" class="operationDataKeys"
+                   data-key="restrictionsForceAirPlayIncomingRequestsPairingPassword"
+                   data-default="false"/>
+                                        <span class="helper"
+                                              title="Having this checked would force all devices sending AirPlay requests to this device to use a pairing password. Available only in Apple TV 6.1 and later.">
                                             &nbsp;&nbsp;&nbsp;Force a pairing password for Airplay incoming requests
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li style="visibility:hidden; position:absolute">
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-erase-content-and-settings" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowEraseContentAndSettings" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, “Erase All Content And Settings” option in the Reset UI is disabled.">
+        </label>
+    </div>
+</li>
+<li style="visibility:hidden; position:absolute">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-erase-content-and-settings" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowEraseContentAndSettings"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, “Erase All Content And Settings” option in the Reset UI is disabled.">
                                             &nbsp;&nbsp;&nbsp;Allow Erase All Content And Settings ( Supervised only )
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li style="visibility:hidden; position:absolute">
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-spotlight-internet-results" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowSpotlightInternetResults" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, Spotlight will not return Internet search results.">
+        </label>
+    </div>
+</li>
+<li style="visibility:hidden; position:absolute">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-spotlight-internet-results" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowSpotlightInternetResults"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, Spotlight will not return Internet search results.">
                                             &nbsp;&nbsp;&nbsp;Allow Spotlight Internet results ( Supervised only )
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li style="visibility:hidden; position:absolute">
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictionsAllowEnablingRestrictions" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowEnablingRestrictions" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, “Enable Restrictions” option in the Restrictions UI in Settings is disabled.">
+        </label>
+    </div>
+</li>
+<li style="visibility:hidden; position:absolute">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictionsAllowEnablingRestrictions" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowEnablingRestrictions"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, “Enable Restrictions” option in the Restrictions UI in Settings is disabled.">
                                             &nbsp;&nbsp;&nbsp;Allow Enable Restrictions option ( Supervised only )
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-activity-continuation" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowActivityContinuation" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, Activity Continuation will be disabled.">
+        </label>
+    </div>
+</li>
+<li>
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-activity-continuation" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowActivityContinuation"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, Activity Continuation will be disabled.">
                                             &nbsp;&nbsp;&nbsp;Allow Activity Continuation
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li style="visibility:hidden; position:absolute">
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-definition-lookup" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowDefinitionLookup" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, definition lookup is disabled.">
+        </label>
+    </div>
+</li>
+<li style="visibility:hidden; position:absolute">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-definition-lookup" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowDefinitionLookup"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, definition lookup is disabled.">
                                             &nbsp;&nbsp;&nbsp;Allow definition lookup
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li style="visibility:hidden; position:absolute">
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-predictive-keyboard" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowPredictiveKeyboard" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, predictive keyboards are disabled. Available in iOS 8.1.3 and later.">
+        </label>
+    </div>
+</li>
+<li style="visibility:hidden; position:absolute">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-predictive-keyboard" type="checkbox"
+                   class="operationDataKeys" data-key="restrictionsAllowPredictiveKeyboard"
+                   data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, predictive keyboards are disabled. Available in iOS 8.1.3 and later.">
                                             &nbsp;&nbsp;&nbsp;Allow predictive keyboard ( Supervised only )
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li style="visibility:hidden; position:absolute">
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-auto-correction" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowAutoCorrection" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, keyboard auto-correction is disabled. Available in iOS 8.1.3 and later.">
+        </label>
+    </div>
+</li>
+<li style="visibility:hidden; position:absolute">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-auto-correction" type="checkbox" class="operationDataKeys"
+                   data-key="restrictionsAllowAutoCorrection" data-default="true"
+                   checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, keyboard auto-correction is disabled. Available in iOS 8.1.3 and later.">
                                             &nbsp;&nbsp;&nbsp;Allow keyboard auto-correction ( Supervised only )
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li style="visibility:hidden; position:absolute">
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-spell-check" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowSpellCheck" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, keyboard spell-check is disabled. Available in iOS 8.1.3 and later.">
+        </label>
+    </div>
+</li>
+<li style="visibility:hidden; position:absolute">
+    <div class="wr-input-control">
+        <label class="wr-input-control checkbox">
+            <input id="restrictions-allow-spell-check" type="checkbox" class="operationDataKeys"
+                   data-key="restrictionsAllowSpellCheck" data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, keyboard spell-check is disabled. Available in iOS 8.1.3 and later.">
                                             &nbsp;&nbsp;&nbsp;Allow keyboard spell-check ( Supervised only )
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                        </ul>
-                    </div>
-                    <br>
-                    Restrictions on Applications :
-                    <hr>
-                    <div id="restrictions-applications">
-                        <ul class="listing">
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-itunes" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowITunes" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would allow use of iTunes store in the device.">
+        </label>
+    </div>
+</li>
+</ul>
+</div>
+<br>
+Restrictions on Applications :
+<hr>
+<div id="restrictions-applications">
+    <ul class="listing">
+        <li>
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="restrictions-allow-itunes" type="checkbox" class="operationDataKeys"
+                           data-key="restrictionsAllowITunes" data-default="true"
+                           checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would allow use of iTunes store in the device.">
                                             &nbsp;&nbsp;&nbsp;Allow use of iTunes Store
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li style="visibility:hidden; position:absolute">
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-podcasts" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowPodcasts" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would allow use of Podcasts in the device.">
+                </label>
+            </div>
+        </li>
+        <li style="visibility:hidden; position:absolute">
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="restrictions-allow-podcasts" type="checkbox"
+                           class="operationDataKeys" data-key="restrictionsAllowPodcasts"
+                           data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would allow use of Podcasts in the device.">
                                             &nbsp;&nbsp;&nbsp;Allow use of Podcasts ( Supervised only )
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li class="grouped-input">
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-safari" type="checkbox" class="parent-input operationDataKeys" data-key="restrictionsAllowSafari" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would allow use of Safari in the device.">
+                </label>
+            </div>
+        </li>
+        <li class="grouped-input">
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="restrictions-allow-safari" type="checkbox"
+                           class="parent-input operationDataKeys" data-key="restrictionsAllowSafari"
+                           data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would allow use of Safari in the device.">
                                             &nbsp;&nbsp;&nbsp;Allow Safari
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                                <ul class="grouped-child-input">
-                                    <li>
-                                        <div class="wr-input-control">
-                                            <label class="wr-input-control checkbox">
-                                                <input id="restrictions-safari-allow-auto-fill" type="checkbox" class="child-input operationDataKeys" data-key="restrictionsSafariAllowAutoFill" data-default="true" checked="checked" />
-                                                <span class="helper" title="Having this checked would enable Safari AutoFill feature in the device.">
+                </label>
+            </div>
+            <ul class="grouped-child-input">
+                <li>
+                    <div class="wr-input-control">
+                        <label class="wr-input-control checkbox">
+                            <input id="restrictions-safari-allow-auto-fill" type="checkbox"
+                                   class="child-input operationDataKeys"
+                                   data-key="restrictionsSafariAllowAutoFill" data-default="true"
+                                   checked="checked"/>
+                                                <span class="helper"
+                                                      title="Having this checked would enable Safari AutoFill feature in the device.">
                                                     &nbsp;&nbsp;&nbsp;Enable AutoFill
                                                     <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                                 </span>
-                                            </label>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div class="wr-input-control">
-                                            <label class="wr-input-control checkbox">
-                                                <input id="restrictions-safari-force-fraud-warning" type="checkbox" class="child-input operationDataKeys" data-key="restrictionsSafariForceFraudWarning" data-default="false" />
-                                                <span class="helper" title="Having this checked would force Safari Fraud warning feature in the device.">
+                        </label>
+                    </div>
+                </li>
+                <li>
+                    <div class="wr-input-control">
+                        <label class="wr-input-control checkbox">
+                            <input id="restrictions-safari-force-fraud-warning" type="checkbox"
+                                   class="child-input operationDataKeys"
+                                   data-key="restrictionsSafariForceFraudWarning"
+                                   data-default="false"/>
+                                                <span class="helper"
+                                                      title="Having this checked would force Safari Fraud warning feature in the device.">
                                                     &nbsp;&nbsp;&nbsp;Force Fraud warning
                                                     <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                                 </span>
-                                            </label>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div class="wr-input-control">
-                                            <label class="wr-input-control checkbox">
-                                                <input id="restrictions-safari-allow-javaScript" type="checkbox" class="child-input operationDataKeys" data-key="restrictionsSafariAllowJavaScript" data-default="true" checked="checked" />
-                                                <span class="helper" title="Having this checked would enable Javascript on Safari in the device.">
+                        </label>
+                    </div>
+                </li>
+                <li>
+                    <div class="wr-input-control">
+                        <label class="wr-input-control checkbox">
+                            <input id="restrictions-safari-allow-javaScript" type="checkbox"
+                                   class="child-input operationDataKeys"
+                                   data-key="restrictionsSafariAllowJavaScript" data-default="true"
+                                   checked="checked"/>
+                                                <span class="helper"
+                                                      title="Having this checked would enable Javascript on Safari in the device.">
                                                     &nbsp;&nbsp;&nbsp;Enable Javascript
                                                     <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                                 </span>
-                                            </label>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div class="wr-input-control">
-                                            <label class="wr-input-control checkbox">
-                                                <input id="restrictions-safari-allow-popups" type="checkbox" class="child-input operationDataKeys" data-key="restrictionsSafariAllowPopups" data-default="true" checked="checked" />
-                                                <span class="helper" title="Having this checked would enable Pop-ups on Safari in the device.">
+                        </label>
+                    </div>
+                </li>
+                <li>
+                    <div class="wr-input-control">
+                        <label class="wr-input-control checkbox">
+                            <input id="restrictions-safari-allow-popups" type="checkbox"
+                                   class="child-input operationDataKeys"
+                                   data-key="restrictionsSafariAllowPopups" data-default="true"
+                                   checked="checked"/>
+                                                <span class="helper"
+                                                      title="Having this checked would enable Pop-ups on Safari in the device.">
                                                     &nbsp;&nbsp;&nbsp;Enable Pop-ups
                                                     <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                                 </span>
-                                            </label>
-                                        </div>
-                                    </li>
-                                    <li>
-                                        <div class="wr-input-control">
-                                            <label class="wr-input-label" for="restrictions-safari-accept-cookies">
-                                                Accept cookies
-                                                <span class="helper" title="Determines conditions under which the device will accept cookies.">
+                        </label>
+                    </div>
+                </li>
+                <li>
+                    <div class="wr-input-control">
+                        <label class="wr-input-label" for="restrictions-safari-accept-cookies">
+                            Accept cookies
+                                                <span class="helper"
+                                                      title="Determines conditions under which the device will accept cookies.">
                                                     <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                                 </span>
-                                            </label>
-                                            <select id="restrictions-safari-accept-cookies" class="form-control child-input operationDataKeys" data-key="restrictionsSafariAcceptCookies" data-default="2">
-                                                <option value="0">Never</option>
-                                                <option value="1">From visited sites only</option>
-                                                <option value="2" selected="selected">Always</option>
-                                            </select>
-                                        </div>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-youtube" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowYouTube" data-default="true" checked="checked" />
-                                        <span class="helper" title="When unchecked, YouTube application is disabled and its icon is removed from the Home screen. This key is ignored in iOS 6 and later because the YouTube app is not provided.">
+                        </label>
+                        <select id="restrictions-safari-accept-cookies"
+                                class="form-control child-input operationDataKeys"
+                                data-key="restrictionsSafariAcceptCookies" data-default="2">
+                            <option value="0">Never</option>
+                            <option value="1">From visited sites only</option>
+                            <option value="2" selected="selected">Always</option>
+                        </select>
+                    </div>
+                </li>
+            </ul>
+        </li>
+        <li>
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="restrictions-allow-youtube" type="checkbox" class="operationDataKeys"
+                           data-key="restrictionsAllowYouTube" data-default="true"
+                           checked="checked"/>
+                                        <span class="helper"
+                                              title="When unchecked, YouTube application is disabled and its icon is removed from the Home screen. This key is ignored in iOS 6 and later because the YouTube app is not provided.">
                                             &nbsp;&nbsp;&nbsp;Allow YouTube
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li style="visibility:hidden; position:absolute">
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-game-center" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowGameCenter" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would allow use of Game Center in the device.">
+                </label>
+            </div>
+        </li>
+        <li style="visibility:hidden; position:absolute">
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="restrictions-allow-game-center" type="checkbox"
+                           class="operationDataKeys" data-key="restrictionsAllowGameCenter"
+                           data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would allow use of Game Center in the device.">
                                             &nbsp;&nbsp;&nbsp;Allow use of Game Center ( Supervised only )
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-multiplayer-gaming" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowMultiplayerGaming" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would allow multiplayer gaming in the device.">
+                </label>
+            </div>
+        </li>
+        <li>
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="restrictions-allow-multiplayer-gaming" type="checkbox"
+                           class="operationDataKeys" data-key="restrictionsAllowMultiplayerGaming"
+                           data-default="true" checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would allow multiplayer gaming in the device.">
                                             &nbsp;&nbsp;&nbsp;Allow multiplayer gaming
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-control checkbox">
-                                        <input id="restrictions-allow-adding-game-center-friends" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowAddingGameCenterFriends" data-default="true" checked="checked" />
-                                        <span class="helper" title="Having this checked would allow adding Game Center friends in the device.">
+                </label>
+            </div>
+        </li>
+        <li>
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="restrictions-allow-adding-game-center-friends" type="checkbox"
+                           class="operationDataKeys"
+                           data-key="restrictionsAllowAddingGameCenterFriends" data-default="true"
+                           checked="checked"/>
+                                        <span class="helper"
+                                              title="Having this checked would allow adding Game Center friends in the device.">
                                             &nbsp;&nbsp;&nbsp;Allow adding Game Center friends
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                    </label>
-                                </div>
-                            </li>
-                        </ul>
-                    </div>
-
-                    <div id="restrictions-other" style="visibility:hidden; position:absolute">
-                        <br>
-                        Other Restrictions :
-                        <hr>
-                        <ul class="listing">
-                            <li>
-                                <div class="wr-input-control">
-                                    <label class="wr-input-label" for="restrictions-autonomous-single-app-mode-permitted-app-ids">
-                                        Permitted Applications in Autonomous Single App Mode
-                                        <span class="helper" title="Supervised only. If present, allows apps identified by the bundle IDs listed to autonomously enter Single App Mode. Available only in iOS 7.0 and later.">
+                </label>
+            </div>
+        </li>
+    </ul>
+</div>
+
+<div id="restrictions-other" style="visibility:hidden; position:absolute">
+    <br>
+    Other Restrictions :
+    <hr>
+    <ul class="listing">
+        <li>
+            <div class="wr-input-control">
+                <label class="wr-input-label"
+                       for="restrictions-autonomous-single-app-mode-permitted-app-ids">
+                    Permitted Applications in Autonomous Single App Mode
+                                        <span class="helper"
+                                              title="Supervised only. If present, allows apps identified by the bundle IDs listed to autonomously enter Single App Mode. Available only in iOS 7.0 and later.">
                                             <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                         </span>
-                                        <br>
-                                        <a href="#restrictions-autonomous-single-app-mode-permitted-app-ids-grid" class="grid-input-add" data-click-event="add-form">
+                    <br>
+                    <a href="#restrictions-autonomous-single-app-mode-permitted-app-ids-grid"
+                       class="grid-input-add" data-click-event="add-form">
                                             <span class="icon fw-stack">
                                                 <i class="fw fw-add fw-stack-1x"></i>
                                                 <i class="fw fw-ring fw-stack-2x"></i>
                                             </span>
-                                            &nbsp;
-                                            Add Application Bundle ID
-                                        </a>
-                                    </label>
-                                    <div id="restrictions-autonomous-single-app-mode-permitted-app-ids" class="operationDataKeys grouped-array-input one-column-input-array" data-key="restrictionsAutonomousSingleAppModePermittedAppIDs">
-                                        <table class="table table-responsive table-striped">
-                                            <thead>
-                                                <tr>
-                                                    <th>No:</th>
-                                                    <th>Application Bundle ID</th>
-                                                    <th></th>
-                                                </tr>
-                                            </thead>
-                                            <tbody data-add-form-container="#restrictions-autonomous-single-app-mode-permitted-app-ids-grid">
-                                                <tr data-help-text="add-form">
-                                                    <td colspan="3">
-                                                        No entries added yet .
-                                                    </td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-                                        <table class="template hidden">
-                                            <tbody data-add-form="#restrictions-autonomous-single-app-mode-permitted-app-ids-grid">
-                                                <tr data-add-form-element="clone">
-                                                    <td data-title="No:">
-                                                        <span class="index"></span>
-                                                    </td>
-                                                    <td data-title="Application Bundle ID">
-                                                        <input type="text" class="form-control grid-input-text" maxlength="100" data-default="" placeholder="[ Requires an Application Bundle ID ]" />
-                                                    </td>
-                                                    <td>
+                        &nbsp;
+                        Add Application Bundle ID
+                    </a>
+                </label>
+
+                <div id="restrictions-autonomous-single-app-mode-permitted-app-ids"
+                     class="operationDataKeys grouped-array-input one-column-input-array"
+                     data-key="restrictionsAutonomousSingleAppModePermittedAppIDs">
+                    <table class="table table-responsive table-striped">
+                        <thead>
+                        <tr>
+                            <th>No:</th>
+                            <th>Application Bundle ID</th>
+                            <th></th>
+                        </tr>
+                        </thead>
+                        <tbody data-add-form-container="#restrictions-autonomous-single-app-mode-permitted-app-ids-grid">
+                        <tr data-help-text="add-form">
+                            <td colspan="3">
+                                No entries added yet .
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                    <table class="template hidden">
+                        <tbody data-add-form="#restrictions-autonomous-single-app-mode-permitted-app-ids-grid">
+                        <tr data-add-form-element="clone">
+                            <td data-title="No:">
+                                <span class="index"></span>
+                            </td>
+                            <td data-title="Application Bundle ID">
+                                <input type="text" class="form-control grid-input-text"
+                                       maxlength="100" data-default=""
+                                       placeholder="[ Requires an Application Bundle ID ]"/>
+                            </td>
+                            <td>
                                                         <span class="list-group-item-actions">
-                                                            <a href="#restrictions-autonomous-single-app-mode-permitted-app-ids-grid" class="grid-input-remove" data-click-event="remove-form">
-                                                                <span class="fw-stack helper" title="Remove Entry">
+                                                            <a href="#restrictions-autonomous-single-app-mode-permitted-app-ids-grid"
+                                                               class="grid-input-remove"
+                                                               data-click-event="remove-form">
+                                                                <span class="fw-stack helper"
+                                                                      title="Remove Entry">
                                                                     <i class="fw fw-ring fw-stack-2x"></i>
                                                                     <i class="fw fw-delete fw-stack-1x"></i>
                                                                 </span>
                                                             </a>
                                                         </span>
-                                                    </td>
-                                                </tr>
-                                            </tbody>
-                                        </table>
-                                    </div>
-                                </div>
-                            </li>
-                        </ul>
-                    </div>
-
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
                 </div>
             </div>
-        </div>
-        <!-- End of Restrictions -->
-    </div>
+        </li>
+    </ul>
+</div>
+
+</div>
+</div>
+</div>
+<!-- End of Restrictions -->
+</div>
 </div>
\ No newline at end of file
diff --git a/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/public/templates/hidden-operations-windows.hbs b/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/public/templates/hidden-operations-windows.hbs
index 3b5bb3bef..16f244845 100644
--- a/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/public/templates/hidden-operations-windows.hbs
+++ b/components/mobile-plugins/mobile-base-plugin/org.wso2.carbon.device.mgt.mobile.ui/src/main/resources/jaggeryapps/devicemgt/app/units/mdm.unit.policy.edit/public/templates/hidden-operations-windows.hbs
@@ -1,460 +1,568 @@
 <div class="row no-gutter">
-    <div class="wr-hidden-operations-nav col-lg-4">
-        <a href="javascript:void(0)" onclick="showAdvanceOperation('passcode-policy', this)" class="selected">
+<div class="wr-hidden-operations-nav col-lg-4">
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('passcode-policy', this)" class="selected">
                 <span class="wr-hidden-operations-icon fw-stack">
                     <i class="fw fw-key fw-stack-2x"></i>
                 </span>
-            Passcode Policy
-            <span id="passcode-policy-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="passcode-policy-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="passcode-policy-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
-        </a>
-        <a href="javascript:void(0)" onclick="showAdvanceOperation('camera', this)">
+        Passcode Policy
+        <span id="passcode-policy-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="passcode-policy-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="passcode-policy-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('camera', this)">
                 <span class="wr-hidden-operations-icon fw-stack">
                     <i class="fw fw-block fw-stack-2x"></i>
                 </span>
-            Restrictions on Camera
-            <span id="camera-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="camera-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span class="camera-error status-icon hidden"><i class="fw fw-error"></i></span>
-        </a>
-        <a href="javascript:void(0)" onclick="showAdvanceOperation('encrypt-storage', this)">
+        Restrictions on Camera
+        <span id="camera-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="camera-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span class="camera-error status-icon hidden"><i class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('encrypt-storage', this)">
                 <span class="wr-hidden-operations-icon fw-stack">
                     <i class="fw fw-security fw-stack-2x"></i>
                 </span>
-            Encryption Settings
-            <span id="encrypt-storage-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="encrypt-storage-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
-            <span id="encrypt-storage-error" class="encryption-error status-icon hidden"><i class="fw fw-error"></i></span>
-        </a>
-        <!--<a href="javascript:void(0)" onclick="showAdvanceOperation('wifi', this)">-->
-                <!--<span class="wr-hidden-operations-icon fw-stack">-->
-                    <!--<i class="fw fw-wifi fw-stack-2x"></i>-->
-                <!--</span>-->
-            <!--Wi-Fi Settings-->
-            <!--<span id="wifi-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>-->
-            <!--<span id="wifi-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>-->
-            <!--<span id="wifi-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>-->
-        <!--</a>-->
-        <!--<a href="javascript:void(0)" onclick="showAdvanceOperation('install-apps', this)">-->
-                <!--<span class="wr-hidden-operations-icon fw-stack">-->
-                    <!--<i class="fw fw-application fw-stack-2x"></i>-->
-                <!--</span>-->
-            <!--App Installations-->
-        <!--</a>-->
-        <!--<a href="javascript:void(0)" onclick="showAdvanceOperation('blacklist-apps', this)">-->
-                <!--<span class="wr-hidden-operations-icon fw-stack">-->
-                    <!--<i class="fw fw-block fw-stack-2x"></i>-->
-                <!--</span>-->
-            <!--App Blacklisting-->
-        <!--</a>-->
-        <!--<a href="javascript:void(0)" onclick="showAdvanceOperation('web-clips', this)">-->
-                <!--<span class="wr-hidden-operations-icon fw-stack">-->
-                    <!--<i class="fw fw-website fw-stack-2x"></i>-->
-                <!--</span>-->
-            <!--Web clips-->
-        <!--</a>-->
-    </div>
+        Encryption Settings
+        <span id="encrypt-storage-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="encrypt-storage-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="encrypt-storage-error" class="encryption-error status-icon hidden"><i class="fw fw-error"></i></span>
+    </a>
+    <a href="javascript:void(0)" onclick="showAdvanceOperation('app-restriction', this)">
+                <span class="fw-stack fw-lg">
+                    <i class="fw fw-application fw-stack-1x"></i>
+                    <i class="fw fw-block fw-stack-2x"></i>
+                </span>
+        Applications Restrictions
+        <span id="app-restriction-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="app-restriction-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>
+        <span id="app-restriction-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>
+    </a>
+    <!--<a href="javascript:void(0)" onclick="showAdvanceOperation('wifi', this)">-->
+    <!--<span class="wr-hidden-operations-icon fw-stack">-->
+    <!--<i class="fw fw-wifi fw-stack-2x"></i>-->
+    <!--</span>-->
+    <!--Wi-Fi Settings-->
+    <!--<span id="wifi-configured" class="has-configured status-icon hidden"><i class="fw fw-ok"></i></span>-->
+    <!--<span id="wifi-ok" class="has-success status-icon hidden"><i class="fw fw-ok"></i></span>-->
+    <!--<span id="wifi-error" class="has-error status-icon hidden"><i class="fw fw-error"></i></span>-->
+    <!--</a>-->
+    <!--<a href="javascript:void(0)" onclick="showAdvanceOperation('install-apps', this)">-->
+    <!--<span class="wr-hidden-operations-icon fw-stack">-->
+    <!--<i class="fw fw-application fw-stack-2x"></i>-->
+    <!--</span>-->
+    <!--App Installations-->
+    <!--</a>-->
+    <!--<a href="javascript:void(0)" onclick="showAdvanceOperation('blacklist-apps', this)">-->
+    <!--<span class="wr-hidden-operations-icon fw-stack">-->
+    <!--<i class="fw fw-block fw-stack-2x"></i>-->
+    <!--</span>-->
+    <!--App Blacklisting-->
+    <!--</a>-->
+    <!--<a href="javascript:void(0)" onclick="showAdvanceOperation('web-clips', this)">-->
+    <!--<span class="wr-hidden-operations-icon fw-stack">-->
+    <!--<i class="fw fw-website fw-stack-2x"></i>-->
+    <!--</span>-->
+    <!--Web clips-->
+    <!--</a>-->
+</div>
 
-    <div class="wr-hidden-operations-content col-lg-8">
-        <!-- passcode-policy -->
-        <div class="wr-hidden-operation" data-operation="passcode-policy" style="display: block">
-            <div class="panel panel-default operation-data" data-operation="passcode-policy" data-operation-code="PASSCODE_POLICY">
-                <div id="passcode-policy-heading" class="panel-heading" role="tab">
-                    <h2 class="sub-title panel-title">
-                        Passcode Policy
-                        <label id="passcode-policy-lbl" class="wr-input-control switch" data-toggle="collapse" data-target="#passcode-policy-body">
-                            <input type="checkbox" />
-                            <span class="helper"></span>
-                            <span class="text"></span>
-                        </label>
-                        <hr>
-                        <div class="panel-title-description">
-                            This configuration can be used to set a passcode policy to an Windows Device.
-                            Once this configuration profile is installed on a device, corresponding users will not be able
-                            to modify these settings on their devices.
-                        </div>
-                    </h2>
+<div class="wr-hidden-operations-content col-lg-8">
+<!-- passcode-policy -->
+<div class="wr-hidden-operation" data-operation="passcode-policy" style="display: block">
+    <div class="panel panel-default operation-data" data-operation="passcode-policy" data-operation-code="PASSCODE_POLICY">
+        <div id="passcode-policy-heading" class="panel-heading" role="tab">
+            <h2 class="sub-title panel-title">
+                Passcode Policy
+                <label id="passcode-policy-lbl" class="wr-input-control switch" data-toggle="collapse" data-target="#passcode-policy-body">
+                    <input type="checkbox" />
+                    <span class="helper"></span>
+                    <span class="text"></span>
+                </label>
+                <hr>
+                <div class="panel-title-description">
+                    This configuration can be used to set a passcode policy to an Windows Device.
+                    Once this configuration profile is installed on a device, corresponding users will not be able
+                    to modify these settings on their devices.
                 </div>
-                <div id="passcode-policy-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="passcode-policy-body">
+            </h2>
+        </div>
+        <div id="passcode-policy-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="passcode-policy-body">
 
-                    <div id="passcode-policy-feature-error-msg" class="alert alert-danger hidden" role="alert">
-                        <i class="icon fw fw-error"></i><span></span>
-                    </div>
+            <div id="passcode-policy-feature-error-msg" class="alert alert-danger hidden" role="alert">
+                <i class="icon fw fw-error"></i><span></span>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="passcode-policy-allow-simple" type="checkbox" class="form-control operationDataKeys" data-key="passcodePolicyAllowSimple" checked="checked" />
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="passcode-policy-allow-simple" type="checkbox" class="form-control operationDataKeys" data-key="passcodePolicyAllowSimple" checked="checked" />
                             <span class="helper" title="Permit the use of repeating, ascending and descending character sequences">
                                 &nbsp;&nbsp;&nbsp;Allow simple value
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
+                </label>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="passcode-policy-require-alphanumeric" type="checkbox" class="form-control operationDataKeys" data-key="passcodePolicyRequireAlphanumeric" checked="checked" />
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="passcode-policy-require-alphanumeric" type="checkbox" class="form-control operationDataKeys" data-key="passcodePolicyRequireAlphanumeric" checked="checked" />
                             <span class="helper" title="Require passcode to contain both letters and numbers">
                                 &nbsp;&nbsp;&nbsp;Require alphanumeric value
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
+                </label>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="passcode-policy-min-length">
-                            Minimum passcode length
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="passcode-policy-min-length">
+                    Minimum passcode length
                             <span class="helper" title="Minimum number of characters allowed in a passcode">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <select id="passcode-policy-min-length" class="form-control operationDataKeys" data-key="passcodePolicyMinLength" data-default="0">
-                            <option value="" selected="selected">
-                                None
-                            </option>
-                            <option value="4">04</option>
-                            <option value="5">05</option>
-                            <option value="6">06</option>
-                            <option value="7">07</option>
-                            <option value="8">08</option>
-                            <option value="9">09</option>
-                            <option value="10">10</option>
-                            <option value="11">11</option>
-                            <option value="12">12</option>
-                            <option value="13">13</option>
-                            <option value="14">14</option>
-                            <option value="15">15</option>
-                            <option value="16">16</option>
-                            <option value="17">17</option>
-                            <option value="18">18</option>
-                        </select>
-                    </div>
+                </label>
+                <select id="passcode-policy-min-length" class="form-control operationDataKeys" data-key="passcodePolicyMinLength" data-default="0">
+                    <option value="" selected="selected">
+                        None
+                    </option>
+                    <option value="4">04</option>
+                    <option value="5">05</option>
+                    <option value="6">06</option>
+                    <option value="7">07</option>
+                    <option value="8">08</option>
+                    <option value="9">09</option>
+                    <option value="10">10</option>
+                    <option value="11">11</option>
+                    <option value="12">12</option>
+                    <option value="13">13</option>
+                    <option value="14">14</option>
+                    <option value="15">15</option>
+                    <option value="16">16</option>
+                    <option value="17">17</option>
+                    <option value="18">18</option>
+                </select>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="passcode-policy-min-complex-chars">
-                            Minimum number of complex characters
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="passcode-policy-min-complex-chars">
+                    Minimum number of complex characters
                             <span class="helper" title="Minimum number of complex or non-alphanumeric characters allowed in a passcode">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <select id="passcode-policy-min-complex-chars" class="form-control operationDataKeys" data-key="passcodePolicyMinComplexChars" data-default="0">
-                            <option value="" selected="selected">
-                                None
-                            </option>
-                            <option value="1">01</option>
-                            <option value="2">02</option>
-                            <option value="3">03</option>
-                            <option value="4">04</option>
-                            <option value="5">05</option>
-                        </select>
-                    </div>
+                </label>
+                <select id="passcode-policy-min-complex-chars" class="form-control operationDataKeys" data-key="passcodePolicyMinComplexChars" data-default="0">
+                    <option value="" selected="selected">
+                        None
+                    </option>
+                    <option value="1">01</option>
+                    <option value="2">02</option>
+                    <option value="3">03</option>
+                    <option value="4">04</option>
+                    <option value="5">05</option>
+                </select>
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="passcode-policy-max-passcode-age-in-days">
-                            Maximum passcode age in days
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="passcode-policy-max-passcode-age-in-days">
+                    Maximum passcode age in days
                             <span class="helper" title="Number of days after which a passcode must be changed">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                            <br>
-                            ( Should be in between 1-to-730 days or none )
-                        </label>
-                        <input id="passcode-policy-max-passcode-age-in-days" type="text" class="form-control operationDataKeys" data-key="passcodePolicyMaxPasscodeAgeInDays" maxlength="3" placeholder="[ Requires Number Input ]">
-                    </div>
+                    <br>
+                    ( Should be in between 1-to-730 days or none )
+                </label>
+                <input id="passcode-policy-max-passcode-age-in-days" type="text" class="form-control operationDataKeys" data-key="passcodePolicyMaxPasscodeAgeInDays" maxlength="3" placeholder="[ Requires Number Input ]">
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="passcode-policy-passcode-history">
-                            Passcode history
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="passcode-policy-passcode-history">
+                    Passcode history
                             <span class="helper" title="Number of consequent unique passcodes to be used before reuse">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                            <br>
-                            ( Should be in between 1-to-50 passcodes or none )
-                        </label>
-                        <input id="passcode-policy-passcode-history" type="text" class="form-control operationDataKeys" data-key="passcodePolicyPasscodeHistory" maxlength="2" placeholder="[ Requires Number Input ]">
-                    </div>
+                    <br>
+                    ( Should be in between 1-to-50 passcodes or none )
+                </label>
+                <input id="passcode-policy-passcode-history" type="text" class="form-control operationDataKeys" data-key="passcodePolicyPasscodeHistory" maxlength="2" placeholder="[ Requires Number Input ]">
+            </div>
 
-                    <div class="wr-input-control">
-                        <label class="wr-input-label" for="passcodePolicyMaxFailedAttempts">
-                            Maximum number of failed attempts
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="passcodePolicyMaxFailedAttempts">
+                    Maximum number of failed attempts
                             <span class="helper" title="Maximum number of passcode entry attempts allowed before all data on a device will be erased">
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                        <select id="passcode-policy-max-failed-attempts" class="form-control operationDataKeys" data-key="passcodePolicyMaxFailedAttempts" data-default="0">
-                            <option value="" selected="selected">
-                                None
-                            </option>
-                            <option value="3">03</option>
-                            <option value="4">04</option>
-                            <option value="5">05</option>
-                            <option value="6">06</option>
-                            <option value="7">07</option>
-                            <option value="8">08</option>
-                            <option value="9">09</option>
-                            <option value="10">10</option>
-                        </select>
-                    </div>
-                </div>
+                </label>
+                <select id="passcode-policy-max-failed-attempts" class="form-control operationDataKeys" data-key="passcodePolicyMaxFailedAttempts" data-default="0">
+                    <option value="" selected="selected">
+                        None
+                    </option>
+                    <option value="3">03</option>
+                    <option value="4">04</option>
+                    <option value="5">05</option>
+                    <option value="6">06</option>
+                    <option value="7">07</option>
+                    <option value="8">08</option>
+                    <option value="9">09</option>
+                    <option value="10">10</option>
+                </select>
             </div>
         </div>
-        <!-- /passcode-policy -->
+    </div>
+</div>
+<!-- /passcode-policy -->
 
-        <!-- camera -->
-        <div class="wr-hidden-operation" data-operation="camera">
-            <div class="panel panel-default operation-data" data-operation="camera" data-operation-code="CAMERA">
-                <div id="camera-heading" class="panel-heading" role="tab">
-                    <h2 class="sub-title panel-title">
-                        Restrictions on Camera
-                        <label class="wr-input-control switch" data-toggle="collapse" data-target="#camera-body">
-                            <input type="checkbox" />
-                            <span class="helper"></span>
-                            <span class="text"></span>
-                        </label>
-                        <hr>
-                        <div class="panel-title-description">
-                            This configuration can be used to restrict the usage of camera on an Windows device together with all the applications using the camera.
-                            Once this configuration profile is installed on a device, corresponding users will not be able
-                            to modify these settings on their devices.
-                        </div>
-                    </h2>
+<!-- camera -->
+<div class="wr-hidden-operation" data-operation="camera">
+    <div class="panel panel-default operation-data" data-operation="camera" data-operation-code="CAMERA">
+        <div id="camera-heading" class="panel-heading" role="tab">
+            <h2 class="sub-title panel-title">
+                Restrictions on Camera
+                <label class="wr-input-control switch" data-toggle="collapse" data-target="#camera-body">
+                    <input type="checkbox" />
+                    <span class="helper"></span>
+                    <span class="text"></span>
+                </label>
+                <hr>
+                <div class="panel-title-description">
+                    This configuration can be used to restrict the usage of camera on an Windows device together with all the applications using the camera.
+                    Once this configuration profile is installed on a device, corresponding users will not be able
+                    to modify these settings on their devices.
                 </div>
-                <div id="camera-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="camera-body">
-                    <div id="camera-feature-error-msg" class="alert alert-danger hidden" role="alert">
-                        <i class="icon fw fw-error"></i><span></span>
-                    </div>
-                    Un-check following checkbox in case you need to disable camera.
-                    <br>
-                    <br>
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="camera-enabled" type="checkbox" class="operationDataKeys" data-key="cameraEnabled" checked="checked" />
+            </h2>
+        </div>
+        <div id="camera-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="camera-body">
+            <div id="camera-feature-error-msg" class="alert alert-danger hidden" role="alert">
+                <i class="icon fw fw-error"></i><span></span>
+            </div>
+            Un-check following checkbox in case you need to disable camera.
+            <br>
+            <br>
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="camera-enabled" type="checkbox" class="operationDataKeys" data-key="cameraEnabled" checked="checked" />
                             <span class="helper" title="Having this checked would enable Usage of phone camera in the device.">
                                 &nbsp;&nbsp;&nbsp;Allow use of camera
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
-                    <br>
-                </div>
+                </label>
             </div>
+            <br>
         </div>
-        <!-- /camera -->
+    </div>
+</div>
+<!-- /camera -->
 
-        <!-- encrypt-storage -->
-        <div class="wr-hidden-operation" data-operation="encrypt-storage">
-            <div class="panel panel-default operation-data" data-operation="encrypt-storage" data-operation-code="ENCRYPT_STORAGE">
-                <div id="encrypt-storage-heading" class="panel-heading" role="tab">
-                    <h2 class="sub-title panel-title">
-                        Encryption Settings
-                        <label class="wr-input-control switch" data-toggle="collapse" data-target="#encrypt-storage-body">
-                            <input type="checkbox" />
-                            <span class="helper"></span>
-                            <span class="text"></span>
-                        </label>
-                        <hr>
-                        <div class="panel-title-description">
-                            This configuration can be used to encrypt data on an Windows device, when the device is locked and
-                            make it readable when the passcode is entered. Once this configuration profile is installed on a device,
-                            corresponding users will not be able to modify these settings on their devices.
-                        </div>
-                    </h2>
+<!-- encrypt-storage -->
+<div class="wr-hidden-operation" data-operation="encrypt-storage">
+    <div class="panel panel-default operation-data" data-operation="encrypt-storage" data-operation-code="ENCRYPT_STORAGE">
+        <div id="encrypt-storage-heading" class="panel-heading" role="tab">
+            <h2 class="sub-title panel-title">
+                Encryption Settings
+                <label class="wr-input-control switch" data-toggle="collapse" data-target="#encrypt-storage-body">
+                    <input type="checkbox" />
+                    <span class="helper"></span>
+                    <span class="text"></span>
+                </label>
+                <hr>
+                <div class="panel-title-description">
+                    This configuration can be used to encrypt data on an Windows device, when the device is locked and
+                    make it readable when the passcode is entered. Once this configuration profile is installed on a device,
+                    corresponding users will not be able to modify these settings on their devices.
                 </div>
-                <div id="encrypt-storage-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="encrypt-storage-body">
-                    <div id="encrypt-storage-feature-error-msg" class="alert alert-danger hidden" role="alert">
-                        <i class="icon fw fw-error"></i><span></span>
-                    </div>
-                    Un-check following checkbox in case you need to disable storage-encryption.
-                    <br>
-                    <br>
-                    <div class="wr-input-control">
-                        <label class="wr-input-control checkbox">
-                            <input id="encrypt-storage-enabled" type="checkbox" class="operationDataKeys" data-key="encryptStorageEnabled" checked="checked" />
+            </h2>
+        </div>
+        <div id="encrypt-storage-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="encrypt-storage-body">
+            <div id="encrypt-storage-feature-error-msg" class="alert alert-danger hidden" role="alert">
+                <i class="icon fw fw-error"></i><span></span>
+            </div>
+            Un-check following checkbox in case you need to disable storage-encryption.
+            <br>
+            <br>
+            <div class="wr-input-control">
+                <label class="wr-input-control checkbox">
+                    <input id="encrypt-storage-enabled" type="checkbox" class="operationDataKeys" data-key="encryptStorageEnabled" checked="checked" />
                             <span class="helper" title="Having this checked would enable Storage-encryption in the device">
                                 &nbsp;&nbsp;&nbsp;Enable storage-encryption
                                 <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                             </span>
-                        </label>
-                    </div>
+                </label>
+            </div>
+            <br>
+        </div>
+    </div>
+</div>
+<!-- /encrypt-storage -->
+
+<!--app-restriction-->
+<div class="wr-hidden-operation" data-operation="app-restriction">
+    <div class="panel panel-default operation-data" data-operation="app-restriction" data-operation-code="APP-RESTRICTION">
+        <div id="app-restriction-heading" class="panel-heading" role="tab">
+            <h2 class="sub-title panel-title">
+                Application Restriction Settings
+                <label class="wr-input-control switch" data-toggle="collapse" data-target="#app-restriction-body">
+                    <input type="checkbox" />
+                    <span class="helper"></span>
+                    <span class="text"></span>
+                </label>
+                <hr>
+                <div class="panel-title-description">
+                    This configuration can be used to create a black list or white list of applications.
+                </div>
+            </h2>
+        </div>
+        <div id="app-restriction-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="app-restriction-body">
+
+            <div id="app-restriction-feature-error-msg" class="alert alert-danger hidden" role="alert">
+                <i class="icon fw fw-error"></i><span></span>
+            </div>
+
+            <select id="app-restriction-type" class="form-control operationDataKeys" data-key="restrictionType">
+                <option value="" selected="selected">
+                    None
+                </option>
+                <option value="black-list">Black List</option>
+                <option value="white-list">White List</option>
+            </select>
+
+            <div class="wr-input-control">
+                <label class="wr-input-label" for="restricted-applications">
+                    Restricted Application List
+                            <span class="helper" title="Add an application to restrict.">
+                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
+                            </span>
                     <br>
+                    <a href="#restricted-applications-grid" class="grid-input-add" data-click-event="add-form">
+                                <span class="icon fw-stack">
+                                    <i class="fw fw-add fw-stack-1x"></i>
+                                    <i class="fw fw-ring fw-stack-2x"></i>
+                                </span>
+                        &nbsp;
+                        Add Application
+                    </a>
+                </label>
+                <div id="restricted-applications" class="operationDataKeys grouped-array-input multi-column-key-value-pair-array" data-key="restrictedApplications" data-column-count="2">
+                    <table class="table table-responsive table-striped">
+                        <thead>
+                        <tr>
+                            <th>No:</th>
+                            <th>Application Name/Description</th>
+                            <th>Package Name</th>
+                            <th></th>
+                        </tr>
+                        </thead>
+                        <tbody data-add-form-container="#restricted-applications-grid">
+                        <tr data-help-text="add-form">
+                            <td colspan="4">
+                                No entries added yet .
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                    <table class="template hidden">
+                        <tbody data-add-form="#restricted-applications-grid">
+                        <tr data-add-form-element="clone">
+                            <td data-title="No:">
+                                <span class="index"></span>
+                            </td>
+                            <td data-title="App Name">
+                                <input type="text" class="form-control grid-input-text" data-child-key="appName" maxlength="100" data-default="" placeholder="[ Application Name or Description ]" />
+                            </td>
+                            <td data-title="Package Name">
+                                <input type="text" class="form-control grid-input-text" data-child-key="packageName" maxlength="100" data-default="" placeholder="[ Package Name of Application ]" />
+                            </td>
+                            <td>
+                                            <span class="list-group-item-actions">
+                                                <a href="#restricted-applications-grid" class="grid-input-remove" data-click-event="remove-form">
+                                                    <span class="fw-stack helper" title="Remove Entry">
+                                                        <i class="fw fw-ring fw-stack-2x"></i>
+                                                        <i class="fw fw-delete fw-stack-1x"></i>
+                                                    </span>
+                                                </a>
+                                            </span>
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
                 </div>
             </div>
         </div>
-        <!-- /encrypt-storage -->
+    </div>
+</div>
+<!--/app-restriction-->
 
-        <!-- wi-fi -->
-        <!--<div class="wr-hidden-operation" data-operation="wifi">-->
-            <!--<div class="panel panel-default operation-data" data-operation="wifi" data-operation-code="WIFI">-->
-                <!--<div id="wifi-heading" class="panel-heading" role="tab">-->
-                    <!--<h2 class="sub-title panel-title">-->
-                        <!--Wi-Fi Settings-->
-                        <!--<label class="wr-input-control switch" data-toggle="collapse" data-target="#wifi-body">-->
-                            <!--<input type="checkbox" />-->
-                            <!--<span class="helper"></span>-->
-                            <!--<span class="text"></span>-->
-                        <!--</label>-->
-                        <!--<hr>-->
-                        <!--<div class="panel-title-description">-->
-                            <!--This configurations can be used to configure Wi-Fi access on an Android device.-->
-                            <!--Once this configuration profile is installed on a device, corresponding users will not be able-->
-                            <!--to modify these settings on their devices.-->
-                        <!--</div>-->
-                    <!--</h2>-->
-                <!--</div>-->
-                <!--<div id="wifi-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="wifi-body">-->
-                    <!--&lt;!&ndash;<div class="cloneable">&ndash;&gt;-->
-                        <!--&lt;!&ndash;<a href="#" class="multi-view add enabled">&ndash;&gt;-->
-                            <!--&lt;!&ndash;<span class="icon fw-stack">&ndash;&gt;-->
-                                <!--&lt;!&ndash;<i class="fw fw-add fw-stack-1x"></i>&ndash;&gt;-->
-                                <!--&lt;!&ndash;<i class="fw fw-ring fw-stack-2x"></i>&ndash;&gt;-->
-                            <!--&lt;!&ndash;</span>&ndash;&gt;-->
-                        <!--&lt;!&ndash;</a>&ndash;&gt;-->
-                        <!--&lt;!&ndash;<a href="#" class="multi-view remove disabled">&ndash;&gt;-->
-                            <!--&lt;!&ndash;<span class="icon fw-stack">&ndash;&gt;-->
-                                <!--&lt;!&ndash;<i class="fw fw-minus fw-stack-1x"></i>&ndash;&gt;-->
-                                <!--&lt;!&ndash;<i class="fw fw-ring fw-stack-2x"></i>&ndash;&gt;-->
-                            <!--&lt;!&ndash;</span>&ndash;&gt;-->
-                        <!--&lt;!&ndash;</a>&ndash;&gt;-->
-                        <!--&lt;!&ndash;Wi-Fi Setting :&ndash;&gt;-->
-                        <!--&lt;!&ndash;<br>&ndash;&gt;-->
-                        <!--&lt;!&ndash;<br>&ndash;&gt;-->
-                        <!--Please note that * sign represents required fields of data.-->
-                        <!--<br>-->
-                        <!--<br>-->
-                        <!--<div id="wifi-feature-error-msg" class="alert alert-danger hidden" role="alert">-->
-                            <!--<i class="icon fw fw-error"></i><span></span>-->
-                        <!--</div>-->
-                        <!--<div class="wr-input-control">-->
-                            <!--<label class="wr-input-label" for="wifi-ssid">-->
-                                <!--Service Set Identifier (SSID) *-->
-                                <!--<span class="helper" title="Identification of the wireless network to be configured.">-->
-                                    <!--<span class="wr-help-tip glyphicon glyphicon-question-sign"></span>-->
-                                <!--</span>-->
-                                <!--<br>-->
-                                <!--( should be 1-to-30 characters long )-->
-                            <!--</label>-->
-                            <!--<input id="wifi-ssid" type="text" class="form-control operationDataKeys" data-key="wifiSSID" maxlength="100" placeholder="[ Required field ]"/>-->
-                        <!--</div>-->
-                        <!--<div class="wr-input-control">-->
-                            <!--<label class="wr-input-label" for="wifi-password">-->
-                                <!--Password-->
-                                <!--<span class="helper" title="Password for the wireless network.">-->
-                                    <!--<span class="wr-help-tip glyphicon glyphicon-question-sign"></span>-->
-                                <!--</span>-->
-                            <!--</label>-->
-                            <!--<input id="wifi-password" type="text" class="form-control operationDataKeys" data-key="wifiPassword" maxlength="100" placeholder="[ Optional field ]"/>-->
-                        <!--</div>-->
-                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
-                <!--</div>-->
-            <!--</div>-->
-        <!--</div>-->
-        <!-- /wi-fi -->
 
-        <!-- install-applications -->
-        <!--<div class="wr-hidden-operation" data-operation="install-apps">-->
-            <!--<div class="panel panel-default operation-data" data-operation="INSTALL_APPLICATION">-->
-                <!--<div class="panel-heading" role="tab">-->
-                    <!--<h2 class="sub-title panel-title">-->
-                        <!--<br>-->
-                        <!--&nbsp;&nbsp;&nbsp;App Installations-->
-                        <!--<label class="wr-input-control switch" data-toggle="collapse" data-target="#installApp">-->
-                            <!--<input type="checkbox" />-->
-                            <!--<span class="helper"></span>-->
-                            <!--<span class="text"></span>-->
-                        <!--</label>-->
-                        <!--<br>-->
-                        <!--<br>-->
-                    <!--</h2>-->
-                <!--</div>-->
-                <!--<div id="installApp" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="installApp">-->
-                    <!--<div id="install-app-feature-error-msg" class="alert alert-danger hidden" role="alert">-->
-                        <!--<i class="icon fw fw-error"></i><span></span>-->
-                    <!--</div>-->
-                    <!--<label class="wr-input-label" title="Application Identifier">App Identifier<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
+<!-- wi-fi -->
+<!--<div class="wr-hidden-operation" data-operation="wifi">-->
+<!--<div class="panel panel-default operation-data" data-operation="wifi" data-operation-code="WIFI">-->
+<!--<div id="wifi-heading" class="panel-heading" role="tab">-->
+<!--<h2 class="sub-title panel-title">-->
+<!--Wi-Fi Settings-->
+<!--<label class="wr-input-control switch" data-toggle="collapse" data-target="#wifi-body">-->
+<!--<input type="checkbox" />-->
+<!--<span class="helper"></span>-->
+<!--<span class="text"></span>-->
+<!--</label>-->
+<!--<hr>-->
+<!--<div class="panel-title-description">-->
+<!--This configurations can be used to configure Wi-Fi access on an Android device.-->
+<!--Once this configuration profile is installed on a device, corresponding users will not be able-->
+<!--to modify these settings on their devices.-->
+<!--</div>-->
+<!--</h2>-->
+<!--</div>-->
+<!--<div id="wifi-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="wifi-body">-->
+<!--&lt;!&ndash;<div class="cloneable">&ndash;&gt;-->
+<!--&lt;!&ndash;<a href="#" class="multi-view add enabled">&ndash;&gt;-->
+<!--&lt;!&ndash;<span class="icon fw-stack">&ndash;&gt;-->
+<!--&lt;!&ndash;<i class="fw fw-add fw-stack-1x"></i>&ndash;&gt;-->
+<!--&lt;!&ndash;<i class="fw fw-ring fw-stack-2x"></i>&ndash;&gt;-->
+<!--&lt;!&ndash;</span>&ndash;&gt;-->
+<!--&lt;!&ndash;</a>&ndash;&gt;-->
+<!--&lt;!&ndash;<a href="#" class="multi-view remove disabled">&ndash;&gt;-->
+<!--&lt;!&ndash;<span class="icon fw-stack">&ndash;&gt;-->
+<!--&lt;!&ndash;<i class="fw fw-minus fw-stack-1x"></i>&ndash;&gt;-->
+<!--&lt;!&ndash;<i class="fw fw-ring fw-stack-2x"></i>&ndash;&gt;-->
+<!--&lt;!&ndash;</span>&ndash;&gt;-->
+<!--&lt;!&ndash;</a>&ndash;&gt;-->
+<!--&lt;!&ndash;Wi-Fi Setting :&ndash;&gt;-->
+<!--&lt;!&ndash;<br>&ndash;&gt;-->
+<!--&lt;!&ndash;<br>&ndash;&gt;-->
+<!--Please note that * sign represents required fields of data.-->
+<!--<br>-->
+<!--<br>-->
+<!--<div id="wifi-feature-error-msg" class="alert alert-danger hidden" role="alert">-->
+<!--<i class="icon fw fw-error"></i><span></span>-->
+<!--</div>-->
+<!--<div class="wr-input-control">-->
+<!--<label class="wr-input-label" for="wifi-ssid">-->
+<!--Service Set Identifier (SSID) *-->
+<!--<span class="helper" title="Identification of the wireless network to be configured.">-->
+<!--<span class="wr-help-tip glyphicon glyphicon-question-sign"></span>-->
+<!--</span>-->
+<!--<br>-->
+<!--( should be 1-to-30 characters long )-->
+<!--</label>-->
+<!--<input id="wifi-ssid" type="text" class="form-control operationDataKeys" data-key="wifiSSID" maxlength="100" placeholder="[ Required field ]"/>-->
+<!--</div>-->
+<!--<div class="wr-input-control">-->
+<!--<label class="wr-input-label" for="wifi-password">-->
+<!--Password-->
+<!--<span class="helper" title="Password for the wireless network.">-->
+<!--<span class="wr-help-tip glyphicon glyphicon-question-sign"></span>-->
+<!--</span>-->
+<!--</label>-->
+<!--<input id="wifi-password" type="text" class="form-control operationDataKeys" data-key="wifiPassword" maxlength="100" placeholder="[ Optional field ]"/>-->
+<!--</div>-->
+<!--&lt;!&ndash;</div>&ndash;&gt;-->
+<!--</div>-->
+<!--</div>-->
+<!--</div>-->
+<!-- /wi-fi -->
 
-                    <!--<div class="wr-input-control">-->
-                        <!--<input type="text" class="form-control operationDataKeys" id="package-name" data-key="packageName" placeholder="Enter App Identifier"/>-->
-                    <!--</div>-->
-                    <!--<div class="wr-input-control">-->
-                        <!--<label class="wr-input-control dropdown">-->
-                            <!--<span class="helper" title="App Type">App Type<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></span>-->
-                            <!--<select class="form-control col-sm-8 operationDataKeys appTypesInput" id="type" data-key="type">-->
-                                <!--<option>Public</option>-->
-                                <!--<option>Enterprise</option>-->
-                            <!--</select>-->
-                        <!--</label>-->
-                    <!--</div>-->
-                    <!--<label class="wr-input-label" title="URL">URL<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
+<!-- install-applications -->
+<!--<div class="wr-hidden-operation" data-operation="install-apps">-->
+<!--<div class="panel panel-default operation-data" data-operation="INSTALL_APPLICATION">-->
+<!--<div class="panel-heading" role="tab">-->
+<!--<h2 class="sub-title panel-title">-->
+<!--<br>-->
+<!--&nbsp;&nbsp;&nbsp;App Installations-->
+<!--<label class="wr-input-control switch" data-toggle="collapse" data-target="#installApp">-->
+<!--<input type="checkbox" />-->
+<!--<span class="helper"></span>-->
+<!--<span class="text"></span>-->
+<!--</label>-->
+<!--<br>-->
+<!--<br>-->
+<!--</h2>-->
+<!--</div>-->
+<!--<div id="installApp" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="installApp">-->
+<!--<div id="install-app-feature-error-msg" class="alert alert-danger hidden" role="alert">-->
+<!--<i class="icon fw fw-error"></i><span></span>-->
+<!--</div>-->
+<!--<label class="wr-input-label" title="Application Identifier">App Identifier<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
 
-                    <!--<div class="wr-input-control">-->
-                        <!--<input type="text" class="form-control operationDataKeys" id="url" data-key="url" placeholder="Enter URL"/>-->
-                    <!--</div>-->
-                <!--</div>-->
-            <!--</div>-->
-        <!--</div>-->
-        <!-- /install-applications -->
+<!--<div class="wr-input-control">-->
+<!--<input type="text" class="form-control operationDataKeys" id="package-name" data-key="packageName" placeholder="Enter App Identifier"/>-->
+<!--</div>-->
+<!--<div class="wr-input-control">-->
+<!--<label class="wr-input-control dropdown">-->
+<!--<span class="helper" title="App Type">App Type<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></span>-->
+<!--<select class="form-control col-sm-8 operationDataKeys appTypesInput" id="type" data-key="type">-->
+<!--<option>Public</option>-->
+<!--<option>Enterprise</option>-->
+<!--</select>-->
+<!--</label>-->
+<!--</div>-->
+<!--<label class="wr-input-label" title="URL">URL<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
 
-        <!-- /uninstall-applications -->
-        <!--<div class="wr-hidden-operation" data-operation="uninstall-apps">-->
-            <!--<div class="panel panel-default operation-data" data-operation="UNINSTALL_APPLICATION">-->
-                <!--<div class="panel-heading" role="tab">-->
-                    <!--<h2 class="sub-title panel-title">-->
-                        <!--<br>-->
-                        <!--&nbsp;&nbsp;&nbsp;App Uninstallations-->
-                        <!--<label class="wr-input-control switch" data-toggle="collapse" data-target="#uninstallApp">-->
-                            <!--<input type="checkbox" />-->
-                            <!--<span class="helper"></span>-->
-                            <!--<span class="text"></span>-->
-                        <!--</label>-->
-                        <!--<br>-->
-                        <!--<br>-->
-                    <!--</h2>-->
-                <!--</div>-->
-                <!--<div id="uninstallApp" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="uninstallApp">-->
-                    <!--<div id="uninstall-app-feature-error-msg" class="alert alert-danger hidden" role="alert">-->
-                        <!--<i class="icon fw fw-error"></i><span></span>-->
-                    <!--</div>-->
-                    <!--<label class="wr-input-label" title="Application Identifier">App Identifier<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
-                    <!--<!--span>Identification of the wireless network to connect to</span-->
-                    <!--<div class="wr-input-control">-->
-                        <!--<input type="text" class="form-control operationDataKeys" id="package-name" data-key="packageName" placeholder="Enter App Identifier"/>-->
-                    <!--</div>-->
-                <!--</div>-->
-            <!--</div>-->
-        <!--</div>-->
-        <!-- /uninstall-applications -->
+<!--<div class="wr-input-control">-->
+<!--<input type="text" class="form-control operationDataKeys" id="url" data-key="url" placeholder="Enter URL"/>-->
+<!--</div>-->
+<!--</div>-->
+<!--</div>-->
+<!--</div>-->
+<!-- /install-applications -->
 
-        <!-- /web-clips -->
-        <!--<div class="wr-hidden-operation" data-operation="web-clips">-->
-            <!--<div class="panel panel-default operation-data" data-operation="WEBCLIP">-->
-                <!--<div class="panel-heading" role="tab">-->
-                    <!--<h2 class="sub-title panel-title">-->
-                        <!--<br>-->
-                        <!--&nbsp;&nbsp;&nbsp;Web clips-->
-                        <!--<label class="wr-input-control switch" data-toggle="collapse" data-target="#installWebClip">-->
-                            <!--<input type="checkbox" />-->
-                            <!--<span class="helper"></span>-->
-                            <!--<span class="text"></span>-->
-                        <!--</label>-->
-                        <!--<br>-->
-                        <!--<br>-->
-                    <!--</h2>-->
-                <!--</div>-->
-                <!--<div id="installWebClip" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="installWebClip">-->
-                    <!--<div id="install-webclip-feature-error-msg" class="alert alert-danger hidden" role="alert">-->
-                        <!--<i class="icon fw fw-error"></i><span></span>-->
-                    <!--</div>-->
-                    <!--<label class="wr-input-label" title="Title of the web clip">Title<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
-                    <!--<div class="wr-input-control">-->
-                        <!--<input type="text" class="form-control operationDataKeys" id="title" data-key="title" placeholder="Enter Title"/>-->
-                    <!--</div>-->
-                    <!--<label class="wr-input-label" title="URL">URL<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
-                    <!--<div class="wr-input-control">-->
-                        <!--<input type="text" class="form-control operationDataKeys" id="url" data-key="url" placeholder="Enter URL"/>-->
-                    <!--</div>-->
-                <!--</div>-->
-            <!--</div>-->
-        <!--</div>-->
-        <!-- /web-clips -->
-    </div>
+<!-- /uninstall-applications -->
+<!--<div class="wr-hidden-operation" data-operation="uninstall-apps">-->
+<!--<div class="panel panel-default operation-data" data-operation="UNINSTALL_APPLICATION">-->
+<!--<div class="panel-heading" role="tab">-->
+<!--<h2 class="sub-title panel-title">-->
+<!--<br>-->
+<!--&nbsp;&nbsp;&nbsp;App Uninstallations-->
+<!--<label class="wr-input-control switch" data-toggle="collapse" data-target="#uninstallApp">-->
+<!--<input type="checkbox" />-->
+<!--<span class="helper"></span>-->
+<!--<span class="text"></span>-->
+<!--</label>-->
+<!--<br>-->
+<!--<br>-->
+<!--</h2>-->
+<!--</div>-->
+<!--<div id="uninstallApp" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="uninstallApp">-->
+<!--<div id="uninstall-app-feature-error-msg" class="alert alert-danger hidden" role="alert">-->
+<!--<i class="icon fw fw-error"></i><span></span>-->
+<!--</div>-->
+<!--<label class="wr-input-label" title="Application Identifier">App Identifier<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
+<!--<!--span>Identification of the wireless network to connect to</span-->
+<!--<div class="wr-input-control">-->
+<!--<input type="text" class="form-control operationDataKeys" id="package-name" data-key="packageName" placeholder="Enter App Identifier"/>-->
+<!--</div>-->
+<!--</div>-->
+<!--</div>-->
+<!--</div>-->
+<!-- /uninstall-applications -->
+
+<!-- /web-clips -->
+<!--<div class="wr-hidden-operation" data-operation="web-clips">-->
+<!--<div class="panel panel-default operation-data" data-operation="WEBCLIP">-->
+<!--<div class="panel-heading" role="tab">-->
+<!--<h2 class="sub-title panel-title">-->
+<!--<br>-->
+<!--&nbsp;&nbsp;&nbsp;Web clips-->
+<!--<label class="wr-input-control switch" data-toggle="collapse" data-target="#installWebClip">-->
+<!--<input type="checkbox" />-->
+<!--<span class="helper"></span>-->
+<!--<span class="text"></span>-->
+<!--</label>-->
+<!--<br>-->
+<!--<br>-->
+<!--</h2>-->
+<!--</div>-->
+<!--<div id="installWebClip" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="installWebClip">-->
+<!--<div id="install-webclip-feature-error-msg" class="alert alert-danger hidden" role="alert">-->
+<!--<i class="icon fw fw-error"></i><span></span>-->
+<!--</div>-->
+<!--<label class="wr-input-label" title="Title of the web clip">Title<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
+<!--<div class="wr-input-control">-->
+<!--<input type="text" class="form-control operationDataKeys" id="title" data-key="title" placeholder="Enter Title"/>-->
+<!--</div>-->
+<!--<label class="wr-input-label" title="URL">URL<span class="wr-help-tip glyphicon glyphicon-question-sign"></span></label>-->
+<!--<div class="wr-input-control">-->
+<!--<input type="text" class="form-control operationDataKeys" id="url" data-key="url" placeholder="Enter URL"/>-->
+<!--</div>-->
+<!--</div>-->
+<!--</div>-->
+<!--</div>-->
+<!-- /web-clips -->
+</div>
 </div>
\ No newline at end of file