<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">
            <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)">
            <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)">
            <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)">
            <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)">
            <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('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)">
            <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)">
            <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)">-->
            <!--<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)">
            <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)">
            <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>
        <!--<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 hidden"
                               data-toggle="collapse" data-target="#passcode-policy-body">
                            <input type="checkbox"/>
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                    </h2>
                    <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>
                </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" disabled/>
                            <span class="helper"
                                  title="Determines whether the user is forced to set a passcode.">
                                Force Passcode
                                <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="passcode-policy-allow-simple" type="checkbox"
                                   class="form-control operationDataKeys"
                                   data-key="passcodePolicyAllowSimple" checked="checked" disabled/>
                            <span class="helper"
                                  title="Permit the use of repeating, ascending and descending character sequences">
                                Allow simple value
                                <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="passcode-policy-require-alphanumeric" type="checkbox"
                                   class="form-control operationDataKeys"
                                   data-key="passcodePolicyRequireAlphanumeric" checked="checked" disabled/>
                            <span class="helper"
                                  title="Require passcode to contain both letters and numbers">
                                Require alphanumeric value
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </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">
                                <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" disabled>
                            <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">
                                <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" disabled>
                            <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">
                                <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 ]" disabled/>
                    </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">
                                <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 ]" disabled>
                    </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">
                                <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" disabled>
                            <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">
                                <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" disabled>
                            <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="The maximum number of failed password entry attempts. If the correct password
                                  is not entered within the defined number of attempts, the data on the 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" disabled>
                            <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 hidden" data-toggle="collapse"
                               data-target="#vpn-body">
                            <input type="checkbox"/>
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                    </h2>
                    <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>
                </div>
                <div id="vpn-body" class="panel-collapse panel-body collapse" role="tabpanel"
                     aria-labelledby="vpn-body">
                    <hr/>
                    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" disabled/>
                    </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" disabled/>
                            <span class="helper"
                                  title="Specifies whether to send all traffic through the VPN interface. If true, all
                                  network traffic is sent over VPN.">
                                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'])"
                                   disabled/>
                            <span class="helper"
                                  title="Check if the VPN connection should be brought up on demand, else leave
                                  un-checked.">
                                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" disabled>
                                <span class="icon fw-stack">
                                    <i class="fw fw-add fw-stack-1x"></i>
                                    <i class="fw fw-ring fw-stack-2x"></i>
                                </span>

                                    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 ]"
                                                   disabled/>
                                        </td>
                                        <td class="hidden">
                                            <input type="text" class="form-control grid-input-text"
                                                   data-child-key="extra" data-default="" disabled/>
                                        </td>
                                        <td>
                        <span class="list-group-item-actions">
                            <a href="#on-demand-match-domains-grid" class="grid-input-remove"
                               data-click-event="remove-form" disabled>
                                <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" disabled>
                                    <span class="icon fw-stack">
                                        <i class="fw fw-add fw-stack-1x"></i>
                                        <i class="fw fw-ring fw-stack-2x"></i>
                                    </span>

                                    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 ]"
                                                   disabled/>
                                        </td>
                                        <td class="hidden">
                                            <input type="text" class="form-control grid-input-text"
                                                   data-child-key="extra" data-default="" disabled/>
                                        </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" disabled>
                                    <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" disabled>
                                <span class="icon fw-stack">
                                    <i class="fw fw-add fw-stack-1x"></i>
                                    <i class="fw fw-ring fw-stack-2x"></i>
                                </span>

                                    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 ]"
                                                   disabled/>
                                        </td>
                                        <td class="hidden">
                                            <input type="text" class="form-control grid-input-text"
                                                   data-child-key="extra" data-default="" disabled/>
                                        </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" disabled>
                                <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" disabled/>
                        </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"
                               disabled>
                                <span class="icon fw-stack">
                                    <i class="fw fw-add fw-stack-1x"></i>
                                    <i class="fw fw-ring fw-stack-2x"></i>
                                </span>

                                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 ]"
                                               disabled/>
                                    </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 ]"
                                               disabled/>
                                    </td>
                                    <td>
                                <span class="list-group-item-actions">
                                    <a href="#vpn-vendor-configs-grid" class="grid-input-remove"
                                       data-click-event="remove-form" disabled>
                                        <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']);"
                                disabled>
                            <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 :
                        <span class="helper" title="PPTP VPN Type is no longer available from iOS 10 onwards">
                            <span class="wr-help-tip glyphicon glyphicon-info-sign"></span>
                        </span>
                        <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="" disabled/>
                        </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'])"
                                       disabled/>
                                <span class="helper"
                                      title="Whether to use a token card such as an RSA SecurID card for connecting.">
                                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="" disabled/>
                            </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="" disabled/>
                        </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" disabled/>
                                <span class="helper" title="Whether RSA Secure ID is enabled.">
                                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'])"
                                       disabled/>
                                <span class="helper" title="Enables encryption on the connection.">
                                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" disabled/>
                                    <span class="helper"
                                          title="Enables encryption on the connection. Using automatic encryption level.">
                                    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" disabled/>
                                    <span class="helper"
                                          title="Enables encryption on the connection. Using maximum encryption level.">
                                    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="" disabled/>
                        </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'])"
                                       disabled/>
                                <span class="helper"
                                      title="Whether to use a token card such as an RSA SecurID card for connecting.">
                                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="" disabled/>
                            </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="" disabled/>
                        </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" disabled/>
                                <span class="helper" title="Whether RSA Secure ID is enabled.">
                                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="" disabled/>
                        </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']);"
                                    disabled>
                                <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="" disabled/>
                            </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="" disabled/>
                            </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="" disabled/>
                            </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'])" disabled/>
                                <span class="helper" title="Whether XAuth is enabled.">
                                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="" disabled/>
                            </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" disabled/>
                                <span class="helper"
                                      title="Tells whether to prompt for a PIN when connecting. Used for Cisco IPSec.">
                                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="" disabled/>
                        </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" disabled>
                                <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" disabled>
                                <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']);"
                                    disabled>
                                <option value="SharedSecret" >Shared Secret</option>
                                <option value="Certificate">Certificate</option>
                                <option value="None" selected="selected">None</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="" disabled/>
                            </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="" disabled/>
                            </div>
                        </div>
                        <div id="ikev2-auth-mode-config-certificate-type" class="slidable-pane" style="display:none;">
                            <div class="wr-input-control">
                                <label class="wr-input-label" for="vpn-ikev2-payload-certificate-type">
                                    CertificateType*
                                    <span class="helper"
                                          title=" This key specifies the type of PayloadCertificateUUID used for IKEv2 machine authentication.">
                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                </span>
                                </label>
                                <select id="vpn-ikev2-remote-id" class="form-control operationDataKeys"
                                        data-key="ikev2CertificateType" data-default="0" disabled>
                                    <option value="RSA" selected="selected">RSA</option>
                                    <option value="ECDSA256">ECDSA256</option>
                                    <option value="ECDSA384">ECDSA384</option>
                                    <option value="ECDSA521">ECDSA521</option>
                                </select>
                            </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"
                                       disabled/>
                                <span class="helper" title="Whether XAuth is enabled.">
                                Extended Authentication 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="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="" disabled/>
                        </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="" disabled/>
                        </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" disabled>
                                <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=""
                                   disabled/>
                        </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=""
                                   disabled/>
                        </div>
                        <div class="wr-input-control">
                            <label class="wr-input-label" for="vpn-ikev2-tlsminimum">
                                TLS Minimum Version
                                <span class="helper"
                                      title=" The minimum TLS version to be used with EAP-TLS authentication
                                            Available in iOS 11.0 and macOS 10.13 and later.">
                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                </span>
                            </label>
                            <input id="vpn-ikev2-tlsminimumversion" type="text" class="form-control operationDataKeys"
                                   data-key="ikev2TLSMinimumVersion" maxlength="3" data-default="0.0" disabled/>
                        </div>
                        <div class="wr-input-control">
                            <label class="wr-input-label" for="vpn-ikev2-tlsmaximum">
                                TLS Maximum Version
                                <span class="helper"
                                      title=" The maximum TLS version to be used with EAP-TLS authentication.
                                            Available in iOS 11.0 and macOS 10.13 and later.">
                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                </span>
                            </label>
                            <input id="vpn-ikev2-tlsmaximumversion" type="text" class="form-control operationDataKeys"
                                   data-key="ikev2TLSMaximumVersion" maxlength="3" data-default="0.0" disabled/>
                        </div>
                        <div class="wr-input-control">
                            <label class="wr-input-control checkbox">
                                <input id="vpn-ikev2-nat-keepalive-offload-enabled" type="checkbox"
                                       class="form-control operationDataKeys" data-key="ikev2NATKeepaliveOffloadEnabled"
                                       data-default="true" disabled/>
                                <span class="helper" title="Whether XAuth is enabled.">
                                NAT KeepAlive Offload Enable
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                            </label>
                        </div>
                        <div class="wr-input-control">
                            <label class="wr-input-label" for="vpn-ikev2-keepalive-interval">
                                NAT KeepAlive Interval
                                <span class="helper"
                                      title="Controls the interval over which Keepalive offload packets are sent by the device">
                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                </span>
                            </label>
                            <input id="vpn-ikev2-keepalive-interval" type="text" class="form-control operationDataKeys"
                                   data-key="ikev2KeepaliveInterval" maxlength="3" data-default="20"/>
                        </div>
                        <div class="wr-input-control">
                            <label class="wr-input-control checkbox">
                                <input id="vpn-ikev2-nat-enablePFS" type="checkbox"
                                       class="form-control operationDataKeys" data-key="ikev2enablePFS"
                                       data-default="false" disabled/>
                                <span class="helper" title="Perfect Forward Secrecy.">
                                Enable PFS
                                <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-ikev2-nat-enableCRC" type="checkbox"
                                       class="form-control operationDataKeys" data-key="ikev2enableCRC"
                                       data-default="false" disabled/>
                                <span class="helper" title="Certificate Revocation Check Available in iOS 9.0 and later.">
                                Certificate Revocation Check
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                            </label>
                        </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 hidden" data-toggle="collapse"
                               data-target="#per-app-vpn-body">
                            <input type="checkbox"/>
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                    </h2>
                    <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>
                </div>
                <div id="per-app-vpn-body" class="panel-collapse panel-body collapse" role="tabpanel"
                     aria-labelledby="per-app-vpn-body">
                    <hr/>
                    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>
                    <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" disabled/>
                    </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" disabled/>
                            <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.">
                    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>
                            <br>
                            <a href="#safari-domains-grid" class="grid-input-add" data-click-event="add-form"
                               disabled>
                                <span class="icon fw-stack">
                                    <i class="fw fw-add fw-stack-1x"></i>
                                    <i class="fw fw-ring fw-stack-2x"></i>
                                </span>

                                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 ]"
                                               disabled/>
                                    </td>
                                    <td class="hidden">
                                        <input type="text" class="form-control grid-input-text"
                                               data-child-key="extra" data-default="" disabled/>
                                    </td>
                                    <td>
                                <span class="list-group-item-actions">
                                    <a href="#safari-domains-grid" class="grid-input-remove"
                                       data-click-event="remove-form" disabled>
                                        <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 hidden" 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>
                            <a href="#app-vpn-mappings-grid" class="grid-input-add" data-click-event="add-form"
                               disabled>
                                <span class="icon fw-stack">
                                    <i class="fw fw-add fw-stack-1x"></i>
                                    <i class="fw fw-ring fw-stack-2x"></i>
                                </span>

                                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 ]"
                                               disabled/>
                                    </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 ]"
                                               disabled/>
                                    </td>
                                    <td>
                                <span class="list-group-item-actions">
                                    <a href="#app-vpn-mappings-grid" class="grid-input-remove"
                                       data-click-event="remove-form" disabled>
                                        <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 -->

        <!--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 hidden" data-toggle="collapse"
                               data-target="#app-restriction-body">
                            <input type="checkbox"/>
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                    </h2>
                    <div class="panel-title-description">
                        This configuration can be used to create a black list or white list of
                        applications.
                    </div>
                </div>
                <div id="app-restriction-body" class="panel-collapse panel-body collapse" role="tabpanel"
                     aria-labelledby="app-restriction-body">
                    <hr/>
                    <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" disabled>
                        <option value="" selected="selected">
                            None
                        </option>
                        <option value="black-list">Black List</option>
                        <option value="white-list">White List</option>
                    </select>
                    <br>

                    <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>
                            <br>
                            <a href="#restricted-applications-grid" class="grid-input-add hidden"
                               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>

                                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 ]" disabled/>
                                    </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 ]" disabled/>
                                    </td>
                                    <td>
                                            <span class="list-group-item-actions hidden">
                                                <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-->

        <!-- 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 hidden" data-toggle="collapse"
                               data-target="#wifi-body">
                            <input type="checkbox"/>
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                    </h2>
                    <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>
                </div>
                <div id="wifi-body" class="panel-collapse panel-body collapse" role="tabpanel"
                     aria-labelledby="wifi-body">
                    <hr/>
                    <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 ]" disabled>
                    </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 ]" disabled>
                    </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" disabled/>
                            <span class="helper"
                                  title="Enable this if target network is not open or broadcasting">
                                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" disabled/>
                            <span class="helper"
                                  title="If checked, the network is treated as a hotspot. Available in iOS 7.0 and later
                                  .">
                                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" disabled/>
                            <span class="helper"
                                  title="Indicates if connecting to roaming service providers is allowed. Available in
                                  iOS 7.0 and later.">
                                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" disabled/>
                            <span class="helper"
                                  title="If unchecked, user has to tap the network name to join it. Available in iOS 5.0 and later.">
                                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.">
                                <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 ]" disabled>
                    </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'])"
                                disabled>
                            <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 ]" disabled/>
                        </div>

                        <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 ]" disabled/>
                        </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">
                                    <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 ]" disabled/>
                        </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">
                                    <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 ]" disabled/>
                        </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">
                                    <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 ]" disabled>
                        </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" disabled/>
                                <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.">
                                    Allow Proxy PAC Fallback
                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                </span>
                            </label>
                        </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.">
                                <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'])"
                                disabled>
                            <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 ]" disabled>
                        </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" disabled/>
                                        <span class="helper" title="">
                                    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" disabled/>
                                        <span class="helper" title="">
                                    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" disabled/>
                                        <span class="helper" title="">
                                    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" disabled/>
                                        <span class="helper" title="">
                                    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" disabled/>
                                        <span class="helper" title="">
                                    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" disabled/>
                                        <span class="helper" title="">
                                    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" disabled/>
                                        <span class="helper" title="">
                                    EAP-FAST
                                </span>
                                    </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.">
                                <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 ]" disabled/>
                            </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 ]"
                                       disabled/>
                            </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" disabled/>
                                    <span class="helper"
                                          title="If checked, the user will be prompted for a password each time they
                                          connect to the network.">
                                One Time Password
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                                </label>
                            </div>

                            <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.">
                                <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">
                                <span class="icon fw-stack">
                                    <i class="fw fw-add fw-stack-1x"></i>
                                    <i class="fw fw-ring fw-stack-2x"></i>
                                </span>

                                        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 ]"
                                                       disabled/>
                                            </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">
                                                        <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>

                            <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.">
                                <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">
                                <span class="icon fw-stack">
                                    <i class="fw fw-add fw-stack-1x"></i>
                                    <i class="fw fw-ring fw-stack-2x"></i>
                                </span>

                                        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 ]"
                                                       disabled/>
                                            </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">
                                                        <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>

                            <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" disabled/>
                                    <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 i
                                          sn't already trusted.">
                                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" disabled/>
                                    <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.">
                                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.">
                                <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" disabled>
                                    <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 ]" disabled/>
                            </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" disabled/>
                                            <span class="helper"
                                                  title="If checked, the device will use an existing PAC. Otherwise, the
                                                   server must present its identity using a certificate.">
                                        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"
                                                           disabled/>
                                                    <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.">
                                                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" disabled/>
                                                            <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.">
                                                        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
                                    <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" disabled>
                                    <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 ]" disabled/>
                        </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">
                                <span class="icon fw-stack">
                                    <i class="fw fw-add fw-stack-1x"></i>
                                    <i class="fw fw-ring fw-stack-2x"></i>
                                </span>

                                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 ]"
                                               disabled/>
                                    </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">
                                                        <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>

                    <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.">
                                <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">
                                <span class="icon fw-stack">
                                    <i class="fw fw-add fw-stack-1x"></i>
                                    <i class="fw fw-ring fw-stack-2x"></i>
                                </span>

                                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 ]" disabled/>
                                    </td>
                                    <td>
                                        <span class="list-group-item-actions">
                                            <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>

                    <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.">
                                <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">
                                <span class="icon fw-stack">
                                    <i class="fw fw-add fw-stack-1x"></i>
                                    <i class="fw fw-ring fw-stack-2x"></i>
                                </span>

                                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 ]"
                                               disabled/>
                                    </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 ]"
                                               disabled/>
                                    </td>
                                    <td>
                                        <span class="list-group-item-actions">
                                            <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>
                </div>
            </div>
        </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 hidden" data-toggle="collapse"
                               data-target="#email-body">
                            <input type="checkbox"/>
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                    </h2>
                    <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>
                </div>
                <div id="email-body" class="panel-collapse panel-body collapse" role="tabpanel"
                     aria-labelledby="email-body">
                    <hr/>
                    <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 ]" disabled/>
                    </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'])"
                                disabled>
                            <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 ]" disabled/>
                        </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.">
                                <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 ]" disabled/>
                    </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 ]" disabled/>
                    </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" disabled/>
                            <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.">
                                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" disabled/>
                            <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.">
                                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" disabled/>
                            <span class="helper"
                                  title="When checked, this account supports S/MIME. Available only in iOS 5.0 and later.">
                                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.">
                                <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 ]" disabled/>
                    </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 ]" disabled/>
                    </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" disabled/>
                            <span class="helper"
                                  title="When checked, enable per-message signing and encryption switch.">
                                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="emailDisableMailRecentSyncing"
                                   data-default="false" disabled/>
                            <span class="helper"
                                  title="When checked, this account is excluded from recent address syncing. Available
                                  only in iOS 6.0 and later.">
                                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 ).">
                                <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 ]" disabled/>
                    </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" disabled/>
                            <span class="helper"
                                  title="Designates whether the incoming mail server uses SSL for authentication.">
                                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.">
                                <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=""
                               placeholder="[ Required field which requires a number input ]" disabled/>
                    </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" disabled>
                            <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 ]" disabled>
                    </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 ]" disabled>
                    </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 ]" disabled/>
                    </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" disabled/>
                            <span class="helper"
                                  title="Designates whether the outgoing mail server uses SSL for authentication.">
                                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.">
                                <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=""
                               placeholder="[ Required field which requires a number input ]" disabled/>
                    </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" disabled>
                            <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 ]" disabled>
                    </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"
                                   disabled/>
                            <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.">
                                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.">
                                <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 ]" disabled>
                    </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 hidden"
                               data-toggle="collapse" data-target="#airplay-body">
                            <input type="checkbox"/>
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                    </h2>
                    <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>
                <div id="airplay-body" class="panel-collapse panel-body collapse" role="tabpanel"
                     aria-labelledby="airplay-body">
                    <hr/>
                    <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.">
                                <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">
                                <span class="icon fw-stack">
                                    <i class="fw fw-add fw-stack-1x"></i>
                                    <i class="fw fw-ring fw-stack-2x"></i>
                                </span>

                                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 ]"
                                               disabled/>
                                    </td>
                                    <td data-title="Password">
                                        <input type="password" class="form-control grid-input-text"
                                               data-child-key="password" maxlength="100" data-default=""
                                               placeholder="[ Optional ]" disabled/>
                                    </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">
                                                        <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>

                    <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.">
                                <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">
                                <span class="icon fw-stack">
                                    <i class="fw fw-add fw-stack-1x"></i>
                                    <i class="fw fw-ring fw-stack-2x"></i>
                                </span>

                                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 ]"
                                               disabled/>
                                    </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">
                                                        <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>
        <!-- End of AirPlay -->

        <!-- Domains -->
        <div class="wr-hidden-operation" data-operation="domain">
            <div class="panel panel-default operation-data" data-operation="domain"
                 data-operation-code="DOMAIN">
                <div id="domain-heading" class="panel-heading" role="tab">
                    <h2 class="sub-title panel-title">
                        Manage Domains
                        <label id="domain-lbl" class="wr-input-control switch" data-toggle="collapse"
                               data-target="#domain-body">
                            <input type="checkbox"/>
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                    </h2>
                    <div class="panel-title-description">
                        This payload defines web domains that are under an enterprise’s management.
                    </div>
                </div>
                <div id="domain-body" class="panel-collapse panel-body collapse" role="tabpanel"
                     aria-labelledby="domain-body">
                    <hr/>
                    <div id="DOMAIN-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="unmarked-email-domains">
                            Unmarked Email Domains
                            <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="#unmarked-email-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>

                                Add Unmarked Email Domains
                            </a>
                        </label>

                        <div id="unmarked-email-domains"
                             class="operationDataKeys grouped-array-input one-column-input-array"
                             data-key="emailDomains" data-column-count="1">
                            <table class="table table-responsive table-striped">
                                <thead>
                                <tr>
                                    <th>No:</th>
                                    <th>Email Domain</th>
                                    <th></th>
                                </tr>
                                </thead>
                                <tbody data-add-form-container="#unmarked-email-domains-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="#unmarked-email-domains-grid">
                                <tr data-add-form-element="clone">
                                    <td data-title="No:">
                                        <span class="index"></span>
                                    </td>
                                    <td data-title="Email Domain">
                                        <input type="text" class="form-control grid-input-text"
                                               data-child-key="emailDomain" maxlength="100"
                                               placeholder="[ Requires Unmarked Email Domain ]"/>
                                    </td>
                                    <td>
                                    <span class="list-group-item-actions">
                                        <a href="#unmarked-email-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>

                    <br>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="safari-web-domains">
                            Managed Safari Web Domains
                            <br>
                            <a href="#safari-web-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>

                                Add Managed Safari Web Domains
                            </a>
                        </label>

                        <div id="safari-web-domains"
                             class="operationDataKeys grouped-array-input one-column-input-array"
                             data-key="webDomains" data-column-count="1">
                            <table class="table table-responsive table-striped">
                                <thead>
                                <tr>
                                    <th>No:</th>
                                    <th>Safari Web Domain</th>
                                    <th></th>
                                </tr>
                                </thead>
                                <tbody data-add-form-container="#safari-web-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-web-domains-grid">
                                <tr data-add-form-element="clone">
                                    <td data-title="No:">
                                        <span class="index"></span>
                                    </td>
                                    <td data-title="Safari Web Domain">
                                        <input type="text" class="form-control grid-input-text"
                                               data-child-key="webDomain" maxlength="100"
                                               placeholder="[ Requires Safari Web Domain ]"/>
                                    </td>
                                    <td>
                                        <span class="list-group-item-actions">
                                            <a href="#safari-web-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>
        <!-- End of Domains -->


        <!-- 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 hidden" data-toggle="collapse"
                               data-target="#ldap-body">
                            <input type="checkbox"/>
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                    </h2>
                    <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>
                <div id="ldap-body" class="panel-collapse panel-body collapse" role="tabpanel"
                     aria-labelledby="ldap-body">
                    <hr/>
                    <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 ).">
                                <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 ]" disabled/>
                    </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.">
                                <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 ]" disabled/>
                    </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" disabled/>
                            <span class="helper"
                                  title="Having this checked, would enable Secure Socket Layer communication.">
                                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="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 ]" disabled>
                    </div>

                    <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 ]" disabled>
                    </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.">
                                <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">
                                <span class="icon fw-stack">
                                    <i class="fw fw-add fw-stack-1x"></i>
                                    <i class="fw fw-ring fw-stack-2x"></i>
                                </span>

                                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 ]" disabled/>
                                    </td>
                                    <td data-title="Search Base">
                                        <select class="form-control grid-input-select"
                                                data-child-key="searchSettingSearchBase" data-default="0"
                                                disabled>
                                            <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. ]"
                                               disabled/>
                                    </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">
                                                        <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>
        <!-- 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 hidden"
                               data-toggle="collapse" data-target="#calendar-body">
                            <input type="checkbox"/>
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                    </h2>
                    <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>
                <div id="calendar-body" class="panel-collapse panel-body collapse" role="tabpanel"
                     aria-labelledby="calendar-body">
                    <hr/>
                    <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 )">
                                <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 ]" disabled/>
                    </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.">
                                <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 ]" disabled/>
                    </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" disabled/>
                            <span class="helper"
                                  title="Having this checked, would enable Secure Socket Layer communication with CalDAV
                                   server.">
                                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="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 ]" disabled/>
                    </div>

                    <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 ]" disabled>
                    </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.">
                                <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 ]" disabled>
                    </div>

                    <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 ]" disabled>
                    </div>

                </div>
            </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 hidden"
                               data-toggle="collapse" data-target="#calendar-subscription-body">
                            <input type="checkbox"/>
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                    </h2>
                    <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>
                <div id="calendar-subscription-body" class="panel-collapse panel-body collapse"
                     role="tabpanel" aria-labelledby="calendar-subscription-body">
                    <hr/>
                    <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
                            <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 ]" disabled/>
                    </div>

                    <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 ]" disabled/>
                    </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" disabled/>
                            <span class="helper"
                                  title="Having this checked, would enable Secure Socket Layer communication.">
                                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="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 ]" disabled>
                    </div>

                    <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 ]" disabled>
                    </div>

                </div>
            </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 hidden" data-toggle="collapse"
                               data-target="#apn-body">
                            <input type="checkbox"/>
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                    </h2>
                    <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>
                <div id="apn-body" class="panel-collapse panel-body collapse" role="tabpanel"
                     aria-labelledby="apn-body">
                    <hr/>
                    <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.">
                                <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">
                                <span class="icon fw-stack">
                                    <i class="fw fw-add fw-stack-1x"></i>
                                    <i class="fw fw-ring fw-stack-2x"></i>
                                </span>

                                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 ]" disabled/>
                                    </td>
                                    <td data-title="Username">
                                        <input type="text" class="form-control grid-input-text"
                                               data-child-key="username" maxlength="100" data-default=""
                                               placeholder="[ Optional ]" disabled/>
                                    </td>
                                    <td data-title="Password">
                                        <input type="password" class="form-control grid-input-text"
                                               data-child-key="password" maxlength="100" data-default=""
                                               placeholder="[ Optional ]" disabled/>
                                    </td>
                                    <td data-title="Proxy">
                                        <input type="text" class="form-control grid-input-text"
                                               data-child-key="proxyServer" maxlength="100" data-default=""
                                               placeholder="[ Optional ]" disabled/>
                                    </td>
                                    <td data-title="Port">
                                        <input type="text" class="form-control grid-input-text"
                                               data-child-key="proxyPort" maxlength="5" data-default=""
                                               placeholder="[ Optional ]" disabled/>
                                    </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">
                                                        <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>
        <!-- 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 hidden"
                               data-toggle="collapse" data-target="#cellular-body">
                            <input type="checkbox"/>
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                    </h2>
                    <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>
                <div id="cellular-body" class="panel-collapse panel-body collapse" role="tabpanel"
                     aria-labelledby="cellular-body">
                    <hr/>
                    <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
                            <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 ]" disabled>
                    </div>

                    <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" disabled>
                            <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
                            <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 ]" disabled>
                    </div>

                    <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 ]"
                               disabled>
                    </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.">
                                <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">
                                <span class="icon fw-stack">
                                    <i class="fw fw-add fw-stack-1x"></i>
                                    <i class="fw fw-ring fw-stack-2x"></i>
                                </span>

                                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 ]" disabled/>
                                    </td>
                                    <td data-title="Auth.Type">
                                        <select class="form-control grid-input-select"
                                                data-child-key="authenticationType" data-default="0"
                                                disabled>
                                            <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 ]" disabled/>
                                    </td>
                                    <td data-title="Password">
                                        <input type="password" class="form-control grid-input-text"
                                               data-child-key="password" maxlength="100" data-default=""
                                               placeholder="[ Optional ]" disabled/>
                                    </td>
                                    <td data-title="Proxy">
                                        <input type="text" class="form-control grid-input-text"
                                               data-child-key="proxyServer" maxlength="100" data-default=""
                                               placeholder="[ Optional ]" disabled/>
                                    </td>
                                    <td data-title="Port">
                                        <input type="text" class="form-control grid-input-text"
                                               data-child-key="proxyPort" maxlength="5" data-default=""
                                               placeholder="[ Optional ]" disabled/>
                                    </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">
                                                        <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>
        <!-- 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 hidden" data-toggle="collapse"
                               data-target="#restrictions-body">
                            <input type="checkbox"/>
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                    </h2>
                    <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>
                </div>
                <div id="restrictions-body" class="panel-collapse panel-body collapse" role="tabpanel"
                     aria-labelledby="restrictions-body">
                    <hr/>
                    <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"
                                               disabled/>
                                        <span class="helper"
                                              title="Having this checked would enable Usage of phone camera in the device">
                                            Allow use of camera
                                            <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-Chat" type="checkbox" class="operationDataKeys"
                                               data-key="restrictionsAllowChat" data-default="true" checked="checked"
                                               disabled/>
                                        <span class="helper"
                                              title="Having this checked would enable use of Messages app with
                                              supervised devices. Available in iOS 6.0 and later.">
                                            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"
                                               disabled/>
                                        <span class="helper"
                                              title="Having this checked would allow taking screenshots in the device">
                                            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"
                                               disabled/>
                                        <span class="helper"
                                              title="Having this checked would allow AirDrop feature in the device.
                                              Available only in iOS 7.0 and later.">
                                            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"
                                               disabled/>
                                        <span class="helper"
                                              title="Having this checked would allow voice dialing feature in the device.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="Having this checked would enable Siri as assistant in the device.">
                                            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" disabled/>
                                                <span class="helper"
                                                      title="Having this checked would allow Siri as assistant while
                                                      device is locked. Available only in iOS 5.1 and later.">
                                                    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" disabled/>
                                                <span class="helper"
                                                      title="Having this checked would force use of Siri profanity filter.">
                                                    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" disabled/>
                                                <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.">
                                                    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" disabled/>
                                        <span class="helper"
                                              title="Having this checked would allow modifying account settings in the
                                              device. Available only in iOS 7.0 and later.">
                                            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" disabled/>
                                        <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.">
                                            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"
                                               disabled/>
                                        <span class="helper"
                                              title="Having this checked would enable iBookStore in the device.
                                              Available in iOS 6.0 and later.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="Having this checked would enable iBookStore tagged as Erotica in
                                              the device. Available in iOS 6.0 and later.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="Having this checked would allow installing apps in the device.">
                                            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"
                                               disabled/>
                                        <span class="helper"
                                              title="Having this checked would allow removal of apps in the device.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="Having this checked would allow in-app purchase in the device.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="Having this checked would force iTunes store password in the device.">
                                            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"
                                               disabled/>
                                        <span class="helper"
                                              title="Having this checked would enable iCloud backup in the device.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="Having this checked would enable syncing iCloud documents and data
                                              in the device.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="Having this checked would enable syncing iCloud keychain in the
                                              device.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="Having this checked would allow managed apps in the device to store
                                               data in iCloud.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="Having this checked would allow backup of enterprise books in the
                                              device.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="When unchecked, Enterprise books notes and highlights will not be
                                              synced.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="Having this checked would automatically submit diagnostic reports
                                              to Apple.">
                                            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" disabled/>
                                        <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.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="When unchecked, changes to Find My Friends are disabled.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="Having this unchecked would prevent Touch ID from unlocking a
                                              device.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="Having this unchecked would disable global background fetch
                                              activity when an iOS phone is roaming.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="Having this unchecked would prevent Control Center from appearing
                                              on the Lock screen. Available in iOS 7 and later.">
                                            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" disabled/>
                                        <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.">
                                            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" disabled/>
                                        <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.">
                                            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"
                                               disabled/>
                                        <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.">
                                            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" disabled/>
                                        <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.">
                                            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" disabled/>
                                        <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.">
                                            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"
                                               disabled/>
                                        <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.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="When unchecked, Passbook notifications will not be shown on the
                                              lock screen. Available only in iOS 6.0 and later.">
                                            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"
                                               disabled/>
                                        <span class="helper"
                                              title="When unchecked, Photo Stream is disabled. Available only in iOS 5.0
                                               and later.">
                                            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"
                                               disabled/>
                                        <span class="helper"
                                              title="When unchecked, Shared Photo Stream will be disabled. Available
                                              only in iOS 6.0 and later.">
                                            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" disabled/>
                                        <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.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="When unchecked, automatically rejects untrusted HTTPS certificates
                                              without prompting the user. Available only in iOS 5.0 and later.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="When unchecked, video conferencing is disabled.">
                                            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-force-encrypted-backup" type="checkbox"
                                               class="operationDataKeys" data-key="restrictionsForceEncryptedBackup"
                                               data-default="true" checked="checked" disabled/>
                                        <span class="helper"
                                              title="Having this checked would force encrypting all backups.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="Having this checked would limit ad tracking. Available only in iOS
                                              7.0 and later.">
                                            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" disabled/>
                                        <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.">
                                            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" disabled/>
                                        <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.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="When unchecked, “Erase All Content And Settings” option in the
                                              Reset UI is disabled.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="When unchecked, Spotlight will not return Internet search results.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="When unchecked, “Enable Restrictions” option in the Restrictions
                                              UI in Settings is disabled.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="When unchecked, Activity Continuation will be disabled.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="When unchecked, definition lookup is disabled.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="When unchecked, predictive keyboards are disabled. Available in
                                              iOS 8.1.3 and later.">
                                            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"
                                               disabled/>
                                        <span class="helper"
                                              title="When unchecked, keyboard auto-correction is disabled. Available in
                                              iOS 8.1.3 and later.">
                                            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"
                                               disabled/>
                                        <span class="helper"
                                              title="When unchecked, keyboard spell-check is disabled. Available in
                                              iOS 8.1.3 and later.">
                                            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"
                                               disabled/>
                                        <span class="helper"
                                              title="Having this checked would allow use of iTunes store in the device.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="Having this checked would allow use of Podcasts in the device.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="Having this checked would allow use of Safari in the device.">
                                            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" disabled/>
                                                <span class="helper"
                                                      title="Having this checked would enable Safari AutoFill feature in
                                                       the device.">
                                                    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" disabled/>
                                                <span class="helper"
                                                      title="Having this checked would force Safari Fraud warning
                                                      feature in the device.">
                                                    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" disabled/>
                                                <span class="helper"
                                                      title="Having this checked would enable Javascript on Safari in
                                                      the device.">
                                                    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" disabled/>
                                                <span class="helper"
                                                      title="Having this checked would enable Pop-ups on Safari in the
                                                      device.">
                                                    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.">
                                                    <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"
                                                    disabled>
                                                <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"
                                               disabled/>
                                        <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.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="Having this checked would allow use of Game Center in the device.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="Having this checked would allow multiplayer gaming in the device.">
                                            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" disabled/>
                                        <span class="helper"
                                              title="Having this checked would allow adding Game Center friends in the
                                              device.">
                                            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.">
                                            <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">
                                            <span class="icon fw-stack">
                                                <i class="fw fw-add fw-stack-1x"></i>
                                                <i class="fw fw-ring fw-stack-2x"></i>
                                            </span>

                                            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 ]"
                                                               disabled/>
                                                    </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">
                                                                    <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>

                </div>
            </div>
        </div>
        <!-- End of Restrictions -->
    </div>
</div>