<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('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>
        -->
    </div>

    <div class="wr-hidden-operations-content col-lg-8">
        <!-- Passcode policy -->
        <div class="wr-hidden-operation" data-operation="passcode-policy" style="display: block">
            <div class="panel panel-default operation-data" data-operation="passcode-policy" data-operation-code="PASSCODE_POLICY">
                <div id="passcode-policy-heading" class="panel-heading" role="tab">
                    <h2 class="sub-title panel-title">
                        Passcode Policy
                        <label id="passcode-policy-lbl" class="wr-input-control switch" data-toggle="collapse" data-target="#passcode-policy-body">
                            <input type="checkbox" />
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                        <hr>
                        <div class="panel-title-description">
                            This configuration can be used to set a passcode policy to an iOS Device.
                            Once this configuration profile is installed on a device, corresponding users will not be able
                            to modify these settings on their devices.
                        </div>
                    </h2>
                </div>
                <div id="passcode-policy-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="passcode-policy-body">

                    <div id="passcode-policy-feature-error-msg" class="alert alert-danger hidden" role="alert">
                        <i class="icon fw fw-error"></i><span></span>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-control checkbox">
                            <input id="passcode-policy-force-pin" type="checkbox" class="form-control operationDataKeys" data-key="passcodePolicyForcePIN" checked="checked" />
                            <span class="helper" title="Determines whether the user is forced to set a passcode.">
                                &nbsp;&nbsp;&nbsp;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" />
                            <span class="helper" title="Permit the use of repeating, ascending and descending character sequences">
                                &nbsp;&nbsp;&nbsp;Allow simple value
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-control checkbox">
                            <input id="passcode-policy-require-alphanumeric" type="checkbox" class="form-control operationDataKeys" data-key="passcodePolicyRequireAlphanumeric" checked="checked" />
                            <span class="helper" title="Require passcode to contain both letters and numbers">
                                &nbsp;&nbsp;&nbsp;Require alphanumeric value
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="passcode-policy-min-length">
                            Minimum passcode length
                            <span class="helper" title="Minimum number of characters allowed in a passcode">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <select id="passcode-policy-min-length" class="form-control operationDataKeys" data-key="passcodePolicyMinLength" data-default="0">
                            <option value="" selected="selected">
                                None
                            </option>
                            <option value="1">01</option>
                            <option value="2">02</option>
                            <option value="3">03</option>
                            <option value="4">04</option>
                            <option value="5">05</option>
                            <option value="6">06</option>
                            <option value="7">07</option>
                            <option value="8">08</option>
                            <option value="9">09</option>
                            <option value="10">10</option>
                            <option value="11">11</option>
                            <option value="12">12</option>
                            <option value="13">13</option>
                            <option value="14">14</option>
                            <option value="15">15</option>
                            <option value="16">16</option>
                        </select>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="passcode-policy-min-complex-chars">
                            Minimum number of complex characters
                            <span class="helper" title="Minimum number of complex or non-alphanumeric characters allowed in a passcode">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <select id="passcode-policy-min-complex-chars" class="form-control operationDataKeys" data-key="passcodePolicyMinComplexChars" data-default="0">
                            <option value="" selected="selected">
                                None
                            </option>
                            <option value="1">01</option>
                            <option value="2">02</option>
                            <option value="3">03</option>
                            <option value="4">04</option>
                        </select>
                    </div>

                    <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=""/>
                    </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="">
                    </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">
                            <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">
                            <option value="" selected="selected">
                                None
                            </option>
                            <option value="0">Immediately</option>
                            <option value="1">01</option>
                            <option value="5">05</option>
                            <option value="10">10</option>
                            <option value="15">15</option>
                            <option value="30">30</option>
                            <option value="60">60</option>
                        </select>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="passcode-policy-max-failed-attempts">
                            Maximum number of failed attempts*
                            <span class="helper" title="Maximum number of passcode entry attempts allowed before all data on a device will be erased">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <select id="passcode-policy-max-failed-attempts" class="form-control operationDataKeys" data-key="passcodePolicyMaxFailedAttempts" data-default="0">
                            <option value="" selected="selected">
                                None
                            </option>
                            <option value="3">03</option>
                            <option value="4">04</option>
                            <option value="5">05</option>
                            <option value="6">06</option>
                            <option value="7">07</option>
                            <option value="8">08</option>
                            <option value="9">09</option>
                            <option value="10">10</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <!-- End of Passcode policy -->

        <!-- Wifi -->
        <div class="wr-hidden-operation" data-operation="wifi">
            <div class="panel panel-default operation-data" data-operation="wifi" data-operation-code="WIFI">
                <div id="wifi-heading" class="panel-heading" role="tab">
                    <h2 class="sub-title panel-title">
                        Wi-Fi Settings
                        <label class="wr-input-control switch" data-toggle="collapse" data-target="#wifi-body">
                            <input type="checkbox" />
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                        <hr>
                        <div class="panel-title-description">
                            These configurations can be used to set how devices connect to your wireless network(s), including the necessary authentication
                            information. Once this configuration profile is installed on an iOS device, corresponding users will not be able
                            to modify these settings on their devices.
                        </div>
                    </h2>
                </div>
                <div id="wifi-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="wifi-body">
                    <div id="wifi-feature-error-msg" class="alert alert-danger hidden" role="alert">
                        <i class="icon fw fw-error"></i><span></span>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="wifi-ssid">
                            Service Set Identifier (SSID)
                            <span class="helper" title="Identification of the wireless network to connect">
                                <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="">
                    </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="">
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-control checkbox">
                            <input id="wifi-hidden-network" type="checkbox" class="form-control operationDataKeys" data-key="wifiHiddenNetwork" data-default="false" />
                            <span class="helper" title="Enable this if target network is not open or broadcasting">
                                &nbsp;&nbsp;&nbsp;Hidden Network
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-control checkbox">
                            <input id="wifi-is-hot-spot" type="checkbox" class="form-control operationDataKeys" data-key="wifiIsHotSpot" data-default="false" />
                            <span class="helper" title="If checked, the network is treated as a hotspot. Available in iOS 7.0 and later.">
                                &nbsp;&nbsp;&nbsp;Hot Spot
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-control checkbox">
                            <input id="wifi-service-provider-roaming-enabled" type="checkbox" class="form-control operationDataKeys" data-key="wifiServiceProviderRoamingEnabled" data-default="false" />
                            <span class="helper" title="Indicates if connecting to roaming service providers is allowed. Available in iOS 7.0 and later.">
                                &nbsp;&nbsp;&nbsp;Enable Service Provider Roaming
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-control checkbox">
                            <input id="wifi-auto-join" type="checkbox" class="form-control operationDataKeys" data-key="wifiAutoJoin" data-default="true" checked="checked" />
                            <span class="helper" title="If unchecked, user has to tap the network name to join it. Available in iOS 5.0 and later.">
                                &nbsp;&nbsp;&nbsp;Auto Join
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="wifi-displayed-operator-name">
                            Displayed Operator Name
                            <span class="helper" title="Operator name to display. Available in iOS 7.0 and later.">
                                <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="">
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="wifi-proxy-type">
                            Proxy Setup
                            <span class="helper" title="Configures type of proxy setup to be used with this network. Available in iOS 5.0 and later.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <select id="wifi-proxy-type" class="form-control operationDataKeys" data-key="wifiProxyType" data-default="0" onchange="slideDownPaneAgainstValueSet(this, 'manual-proxy-setup', ['Manual'])">
                            <option value="None" selected="selected">
                                None
                            </option>
                            <option value="Manual">Manual</option>
                            <option value="Auto">Automatic</option>
                        </select>
                    </div>

                    <div id="manual-proxy-setup" class="slidable-pane" style="display:none;">

                        For Manual Proxy Setup :
                        <br>
                        <br>

                        <div class="wr-input-control">
                            <label class="wr-input-label" for="wifi-proxy-server">
                                Proxy Server <br>
                                ( Server URL or IP Address )
                                <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=""/>
                        </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=""/>
                        </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 ]" />
                        </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 ]" />
                        </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 ]">
                        </div>

                        <div class="wr-input-control">
                            <label class="wr-input-control checkbox">
                                <input id="wifi-proxy-pac-fallback-allowed" type="checkbox" class="form-control operationDataKeys" data-key="wifiProxyPACFallbackAllowed" data-default="true" checked="checked"/>
                                <span class="helper" title="If unchecked, prevents a device from connecting directly to the destination if the PAC file is unreachable. Available in iOS 7 and later.">
                                    &nbsp;&nbsp;&nbsp;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'])">
                            <option value="None" selected="selected">None</option>
                            <option value="WEP">WEP</option>
                            <option value="WPA">WPA</option>
                            <option value="Any">ANY</option>
                        </select>
                    </div>

                    <div id="advanced-security-config" class="slidable-pane" style="display:none;">

                    For WEP, WPA or ANY Encryption Security Type :
                    <br>
                    <br>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="wifi-password">
                            Wi-Fi Password
                            <span class="helper" title="Password used for encryption security. Absence of a password does not prevent a network from being added to the list of known networks. The user is eventually prompted to provide the password when connecting to that network.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="wifi-password" type="password" class="form-control operationDataKeys" data-key="wifiPassword" maxlength="100" placeholder="[ Optional field ]">
                    </div>

                    <div class="eap-client-config">

                    EAP Client Configuration ( Optional ) :
                    <br>
                    <br>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="wifi-accepted-eap-types">
                            Accepted EAP Types
                            <span class="helper" title="Authentication protocols supported on target network.">
                                <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"/>
                                <span class="helper" title="">
                                    &nbsp;&nbsp;&nbsp;TLS
                                </span>
                            </label>
                            <br/><br/>
                            <label class="wr-input-control checkbox">
                                <input type="checkbox" class="form-control child-input" data-default="false" data-value="17"/>
                                <span class="helper" title="">
                                    &nbsp;&nbsp;&nbsp;LEAP
                                </span>
                            </label>
                            <br/><br/>
                            <label class="wr-input-control checkbox">
                                <input type="checkbox" class="form-control child-input" data-default="false" data-value="18"/>
                                <span class="helper" title="">
                                    &nbsp;&nbsp;&nbsp;EAP-SIM
                                </span>
                            </label>
                            <br/><br/>
                            <label class="wr-input-control checkbox">
                                <input type="checkbox" class="form-control child-input" data-default="false" data-value="21"/>
                                <span class="helper" title="">
                                    &nbsp;&nbsp;&nbsp;TTLS
                                </span>
                            </label>
                            <br/><br/>
                            <label class="wr-input-control checkbox">
                                <input type="checkbox" class="form-control child-input" data-default="false" data-value="23"/>
                                <span class="helper" title="">
                                    &nbsp;&nbsp;&nbsp;EAP-AKA
                                </span>
                            </label>
                            <br/><br/>
                            <label class="wr-input-control checkbox">
                                <input type="checkbox" class="form-control child-input" data-default="false" data-value="25"/>
                                <span class="helper" title="">
                                    &nbsp;&nbsp;&nbsp;PEAP
                                </span>
                            </label>
                            <br/><br/>
                            <label class="wr-input-control checkbox">
                                <input type="checkbox" class="form-control child-input" data-default="false" data-value="43"/>
                                <span class="helper" title="">
                                    &nbsp;&nbsp;&nbsp;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 ]" />
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="wifi-eap-password">
                            Password
                            <span class="helper" title="If not provided, the user will be prompted during login.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="wifi-eap-password" type="password" class="form-control operationDataKeys" data-key="wifiEAPPassword" maxlength="100" placeholder="[ Optional field ]" />
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-control checkbox">
                            <input id="wifi-eap-one-time-password" type="checkbox" class="form-control operationDataKeys" data-key="wifiEAPOneTimePassword" data-default="false" />
                            <span class="helper" title="If checked, the user will be prompted for a password each time they connect to the network.">
                                &nbsp;&nbsp;&nbsp;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>
                                &nbsp;
                                Add Certificate Payload Anchor UUID
                            </a>
                        </label>
                        <div id="wifi-payload-certificate-anchor-uuids" class="operationDataKeys grouped-array-input one-column-input-array" data-key="wifiPayloadCertificateAnchorUUIDs">
                            <table class="table table-responsive table-striped">
                                <thead>
                                    <tr>
                                        <th>No:</th>
                                        <th>Certificate Payload Anchor UUID</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody data-add-form-container="#wifi-payload-certificate-anchor-uuids-grid">
                                    <tr data-help-text="add-form">
                                        <td colspan="3">
                                            No entries added yet .
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <table class="template hidden">
                                <tbody data-add-form="#wifi-payload-certificate-anchor-uuids-grid">
                                    <tr data-add-form-element="clone">
                                        <td data-title="No:">
                                            <span class="index"></span>
                                        </td>
                                        <td data-title="Certificate Payload Anchor UUID">
                                            <input type="text" class="form-control grid-input-text" maxlength="100" data-default="" placeholder="[ Requires a Certificate Payload UUID ]" />
                                        </td>
                                        <td>
                                            <span class="list-group-item-actions">
                                                <a href="#wifi-payload-certificate-anchor-uuids-grid" class="grid-input-remove" data-click-event="remove-form">
                                                    <span class="fw-stack helper" title="Remove Entry">
                                                        <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>
                                &nbsp;
                                Add TLS Trusted Server Certificate Name
                            </a>
                        </label>
                        <div id="wifi-tls-trusted-server-names" class="operationDataKeys grouped-array-input one-column-input-array" data-key="wifiTLSTrustedServerNames">
                            <table class="table table-responsive table-striped">
                                <thead>
                                    <tr>
                                        <th>No:</th>
                                        <th>TLS Trusted Server Certificate Name</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody data-add-form-container="#wifi-tls-trusted-server-names-grid">
                                    <tr data-help-text="add-form">
                                        <td colspan="3">
                                            No entries added yet .
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <table class="template hidden">
                                <tbody data-add-form="#wifi-tls-trusted-server-names-grid">
                                    <tr data-add-form-element="clone">
                                        <td data-title="No:">
                                            <span class="index"></span>
                                        </td>
                                        <td data-title="TLS Trusted Server Certificate Name">
                                            <input type="text" class="form-control grid-input-text" maxlength="100" data-default="" placeholder="[ Requires a Certificate Common Name ]" />
                                        </td>
                                        <td>
                                            <span class="list-group-item-actions">
                                                <a href="#wifi-tls-trusted-server-names-grid" class="grid-input-remove" data-click-event="remove-form">
                                                    <span class="fw-stack helper" title="Remove Entry">
                                                        <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"/>
                            <span class="helper" title="Allows / disallows a dynamic trust decision by the user. The dynamic trust is the certificate dialogue that appears when a certificate isn't trusted. If this is unchecked, the authentication fails if the certificate isn't already trusted.">
                                &nbsp;&nbsp;&nbsp;Allow TLS Trust Exceptions
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                </span>
                        </label>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-control checkbox">
                            <input id="wifi-eap-tls-cert-is-required" type="checkbox" class="form-control operationDataKeys" data-key="wifiEAPTLSCertIsRequired" data-default="true" checked="checked"/>
                            <span class="helper" title="If checked, allows for two-factor authentication for EAP-TTLS, PEAP or EAP-FAST. If unchecked, allows for zero factor authentication for EAP-TLS. By default this is enabled for EAP-TLS and disabled for other EAP types. Available in iOS 7.0 and later.">
                                &nbsp;&nbsp;&nbsp;Require TLS Certificate
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="wifi-eap-tls-inner-auth-type">
                            TTLS Inner Authentication Type
                            <span class="helper" title="This is the inner authentication used by the TTLS module.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <select id="wifi-eap-tls-inner-auth-type" class="form-control operationDataKeys" data-key="wifiEAPTLSInnerAuthType" data-default="3">
                            <option value="PAP">PAP</option>
                            <option value="CHAP">CHAP</option>
                            <option value="MSCHAP">MSCHAP</option>
                            <option value="MSCHAPv2" selected="selected">MSCHAPv2</option>
                        </select>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="wifi-eap-outer-identity">
                            Outer Identity
                            <span class="helper" title="This allows the user to hide his or her identity. The user's actual name appears only inside the encrypted tunnel. For example, it could be set to 'anonymous' or 'anon', or 'anon@my-company.net'. It can increase security because an attacker can't see the authenticating user's name in the clear.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                            <br>
                            ( Only relevant to TTLS, PEAP and EAP-FAST )
                        </label>
                        <input id="wifi-eap-outer-identity" type="text" class="form-control operationDataKeys" data-key="wifiEAPOuterIdentity" maxlength="100" data-default="" placeholder="[ Optional field ]" />
                    </div>

                    EAP-Fast Support :
                    <br>
                    <br>

                    <ul class="listing">
                        <li class="grouped-input">
                            <div class="wr-input-control">
                                <label class="wr-input-control checkbox">
                                    <input id="wifi-eap-fast-use-pac" type="checkbox" class="parent-input form-control operationDataKeys" data-key="wifiEAPFastUsePAC" data-default="false" />
                                    <span class="helper" title="If checked, the device will use an existing PAC. Otherwise, the server must present its identity using a certificate.">
                                        &nbsp;&nbsp;&nbsp;Use existing PAC for EAP-FAST
                                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                    </span>
                                </label>
                            </div>
                            <ul class="grouped-child-input">
                                <li class="grouped-input">
                                    <div class="wr-input-control">
                                        <label class="wr-input-control checkbox">
                                            <input id="wifi-eap-fast-provision-pac" type="checkbox" class="parent-input child-input form-control operationDataKeys" data-key="wifiEAPFastProvisionPAC" data-default="false" />
                                            <span class="helper" title="Used only if above is enabled. If checked, allows PAC provisioning. This particular attribute must be enabled for EAP-FAST PAC usage to succeed, because there is no other way to provision a PAC.">
                                                &nbsp;&nbsp;&nbsp;Allow PAC Provisioning
                                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                            </span>
                                        </label>
                                    </div>
                                    <ul class="grouped-child-input">
                                        <li>
                                            <div class="wr-input-control">
                                                <label class="wr-input-control checkbox">
                                                    <input id="wifi-eap-fast-provision-pac-anonymously" type="checkbox" class="child-input form-control operationDataKeys" data-key="wifiEAPFastProvisionPACAnonymously" data-default="false" />
                                                    <span class="helper" title="Used only if above is enabled. If checked, provisions the device anonymously. Note that there are known man-in-the-middle attacks for anonymous provisioning.">
                                                        &nbsp;&nbsp;&nbsp;Allow Anonymous PAC Provisioning
                                                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                                    </span>
                                                </label>
                                            </div>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                    </ul>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="wifi-eap-sim-no-of-rands">
                            Number of expected RANDs for EAP-SIM
                            <span class="helper" title="Valid values are 2 and 3. Default is 3">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <select id="wifi-eap-sim-no-of-rands" class="form-control operationDataKeys" data-key="wifiEAPSIMNoOfRands" data-default="1">
                            <option value="2">2</option>
                            <option value="3" selected="selected">3</option>
                        </select>
                    </div>

                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="wifi-payload-cert-uuid">
                            Certificate Payload UUID
                            <span class="helper" title="UUID of the certificate payload to use for the identity credential. As with VPN configurations, it is possible to associate a certificate identity configuration with a Wi-Fi configuration. This is useful when defining credentials for a secure enterprise network.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="wifi-payload-cert-uuid" type="text" class="form-control operationDataKeys" data-key="wifiPayloadCertUUID" maxlength="100" data-default="" placeholder="[ Optional field ]" />
                    </div>

                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="wifi-roaming-consortium-ois">
                            Roaming Consortium OIs
                            <span class="helper" title="Roaming Consortium Organization Identifiers used for Wi-Fi Hotspot 2.0 negotiation. Available in iOS 7.0 and later.">
                                <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>
                                &nbsp;
                                Add Roaming Consortium OI
                            </a>
                        </label>
                        <div id="wifi-roaming-consortium-ois" class="operationDataKeys grouped-array-input one-column-input-array" data-key="wifiRoamingConsortiumOIs">
                            <table class="table table-responsive table-striped">
                                <thead>
                                <tr>
                                    <th>No:</th>
                                    <th>Roaming Consortium OI</th>
                                    <th></th>
                                </tr>
                                </thead>
                                <tbody data-add-form-container="#wifi-roaming-consortium-ois-grid">
                                <tr data-help-text="add-form">
                                    <td colspan="3">
                                        No entries added yet .
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <table class="template hidden">
                                <tbody data-add-form="#wifi-roaming-consortium-ois-grid">
                                    <tr data-add-form-element="clone">
                                        <td data-title="No:">
                                            <span class="index"></span>
                                        </td>
                                        <td data-title="Roaming Consortium OI">
                                            <input type="text" class="form-control grid-input-text" maxlength="10" data-default="" placeholder="[ Requires 6 or 10 hexadecimal characters ]" />
                                        </td>
                                        <td>
                                            <span class="list-group-item-actions">
                                                <a href="#wifi-roaming-consortium-ois-grid" class="grid-input-remove" data-click-event="remove-form">
                                                    <span class="fw-stack helper" title="Remove Entry">
                                                        <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>
                                &nbsp;
                                Add NAI Realm Name
                            </a>
                        </label>
                        <div id="wifi-nai-realm-names" class="operationDataKeys grouped-array-input one-column-input-array" data-key="wifiNAIRealmNames">
                            <table class="table table-responsive table-striped">
                                <thead>
                                    <tr>
                                        <th>No:</th>
                                        <th>NAI Realm Name</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody data-add-form-container="#wifi-nai-realm-names-grid">
                                    <tr data-help-text="add-form">
                                        <td colspan="3">
                                            No entries added yet .
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <table class="template hidden">
                                <tbody data-add-form="#wifi-nai-realm-names-grid">
                                <tr data-add-form-element="clone">
                                    <td data-title="No:">
                                        <span class="index"></span>
                                    </td>
                                    <td data-title="NAI Realm Name">
                                        <input type="text" class="form-control grid-input-text" maxlength="100" data-default="" placeholder="[ Requires unique name ]" />
                                    </td>
                                    <td>
                                        <span class="list-group-item-actions">
                                            <a href="#wifi-nai-realm-names-grid" class="grid-input-remove" data-click-event="remove-form">
                                                <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>
                                &nbsp;
                                Add MCC/MNC Pair
                            </a>
                        </label>
                        <div id="wifi-mcc-and-mncs" class="operationDataKeys grouped-array-input multi-column-joined-input-array" data-key="wifiMCCAndMNCs" data-column-count="2">
                            <table class="table table-responsive table-striped">
                                <thead>
                                <tr>
                                    <th>No:</th>
                                    <th>Mobile Country Code ( MCC )</th>
                                    <th>Mobile Network Code ( MNC )</th>
                                    <th></th>
                                </tr>
                                </thead>
                                <tbody data-add-form-container="#wifi-mcc-and-mncs-grid">
                                <tr data-help-text="add-form">
                                    <td colspan="4">
                                        No entries added yet .
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <table class="template hidden">
                                <tbody data-add-form="#wifi-mcc-and-mncs-grid">
                                <tr data-add-form-element="clone">
                                    <td data-title="No:">
                                        <span class="index"></span>
                                    </td>
                                    <td data-title="Mobile Country Code ( MCC )">
                                        <input type="text" class="form-control grid-input-text" maxlength="3" data-default="" placeholder="[ Requires 3-digit-input ]" />
                                    </td>
                                    <td data-title="Mobile Network Code ( MNC )">
                                        <input type="text" class="form-control grid-input-text" maxlength="3" data-default="" placeholder="[ Requires 3-digit-input ]" />
                                    </td>
                                    <td>
                                        <span class="list-group-item-actions">
                                            <a href="#wifi-mcc-and-mncs-grid" class="grid-input-remove" data-click-event="remove-form">
                                                <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" data-toggle="collapse" data-target="#email-body">
                            <input type="checkbox" />
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                        <hr>
                        <div class="panel-title-description">
                            These configurations can be used to define settings for connecting
                            to your POP or IMAP email accounts.
                            Once this configuration profile is installed on an iOS device,
                            corresponding users will not be able to modify these settings on their devices.
                        </div>
                    </h2>
                </div>
                <div id="email-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="email-body">

                    <div id="email-feature-error-msg" class="alert alert-danger hidden" role="alert">
                        <i class="icon fw fw-error"></i><span></span>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="email-account-description">
                            Account Description
                            <span class="helper" title="Display name of the account. ( e.g. Company Mail Account )">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="email-account-description" type="text" class="form-control operationDataKeys" data-key="emailAccountDescription" maxlength="100" data-default="" placeholder="[ Optional field ]" />
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="email-account-type">
                            Account Type
                            <span class="helper" title="Protocol for accessing the email account.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <select id="email-account-type" class="form-control operationDataKeys" data-key="emailAccountType" data-default="0" onchange="slideDownPaneAgainstValueSet(this, 'imap-account-type', ['EmailTypeIMAP'])">
                            <option value="EmailTypeIMAP" selected="selected">IMAP</option>
                            <option value="EmailTypePOP">POP</option>
                        </select>
                    </div>

                    <div id="imap-account-type" class="slidable-pane">

                        <div class="wr-input-control">
                            <label class="wr-input-label" for="email-incoming-mail-server-imap-path-prefix">
                                Path Prefix
                            </label>
                            <input id="email-incoming-mail-server-imap-path-prefix" type="text" class="form-control operationDataKeys" data-key="emailIncomingMailServerIMAPPathPrefix" maxlength="100" data-default="" placeholder="[ Optional field ]" />
                        </div>

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

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="email-address">
                            Email Address
                            <span class="helper" title="Address of the account. Designates the full email address for the account. If not present in the payload, the device prompts for this string during profile installation.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="email-address" type="text" class="form-control operationDataKeys" data-key="emailAddress" maxlength="100" data-default="" placeholder="[ Optional field. Set On Device ]" />
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-control checkbox">
                            <input id="email-prevent-move" type="checkbox" class="form-control operationDataKeys" data-key="emailPreventMove" data-default="false" />
                            <span class="helper" title="When checked, messages may not be moved out of this email account into another account. Also prevents forwarding or replying from a different account than the message was originated from. Available only in iOS 5.0 and later.">
                                &nbsp;&nbsp;&nbsp;Prevent Move
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-control checkbox">
                            <input id="email-prevent-app-sheet" type="checkbox" class="form-control operationDataKeys" data-key="emailPreventAppSheet" data-default="false" />
                            <span class="helper" title="When checked, this account is not available for sending mail in third-party applications. Available only in iOS 5.0 and later.">
                                &nbsp;&nbsp;&nbsp;Prevent App Sheet
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-control checkbox">
                            <input id="email-smime-enabled" type="checkbox" class="form-control operationDataKeys" data-key="emailSMIMEEnabled" data-default="false" />
                            <span class="helper" title="When checked, this account supports S/MIME. Available only in iOS 5.0 and later.">
                                &nbsp;&nbsp;&nbsp;Enable S/MIME
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="email-smime-signing-certificate-uuid">
                            S/MIME Signing Certificate UUID
                            <span class="helper" title="Payload UUID of the identity certificate used to sign messages sent from this account. Available only in iOS 5.0 and later.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="email-smime-signing-certificate-uuid" type="text" class="form-control operationDataKeys" data-key="emailSMIMESigningCertificateUUID" maxlength="100" data-default="" placeholder="[ Optional field ]" />
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="email-smime-encryption-certificate-uuid">
                            S/MIME Encryption Certificate UUID
                            <span class="helper" title="PayloadUUID of the identity certificate used to decrypt messages coming into this account. Available only in iOS 5.0 and later.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="email-smime-encryption-certificate-uuid" type="text" class="form-control operationDataKeys" data-key="emailSMIMEEncryptionCertificateUUID" maxlength="100" data-default="" placeholder="[ Optional field ]" />
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-control checkbox">
                            <input id="email-smime-enable-per-message-switch" type="checkbox" class="form-control operationDataKeys" data-key="emailSMIMEEnablePerMessageSwitch" data-default="false" />
                            <span class="helper" title="When checked, enable per-message signing and encryption switch.">
                                &nbsp;&nbsp;&nbsp;Enable Per-Message Signing and Encryption Switch
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-control checkbox">
                            <input id="email-disable-mail-recent-syncing" type="checkbox" class="form-control operationDataKeys" data-key="emailDisableMailRecentsSyncing" data-default="false" />
                            <span class="helper" title="When checked, this account is excluded from recent address syncing. Available only in iOS 6.0 and later.">
                                &nbsp;&nbsp;&nbsp;Allow Recent Address syncing
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                    </div>

                    <br>
                    Incoming Mail Settings :
                    <hr>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="email-incoming-mail-server-hostname">
                            Mail Server Hostname
                            <span class="helper" title="Designates the incoming mail server host name ( or IP address ).">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="email-incoming-mail-server-hostname" type="text" class="form-control operationDataKeys" data-key="emailIncomingMailServerHostname" maxlength="100" data-default="" placeholder="[ Required field ]" />
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-control checkbox">
                            <input id="email-incoming-use-ssl" type="checkbox" class="form-control operationDataKeys" data-key="emailIncomingUseSSL" data-default="true" checked="checked" />
                            <span class="helper" title="Designates whether the incoming mail server uses SSL for authentication.">
                                &nbsp;&nbsp;&nbsp;Use Secure Socket Layer ( SSL )
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="email-incoming-mail-server-port">
                            Mail Server Port
                            <span class="helper" title="Designates the incoming mail server port number. If no port number is specified, the default port for a given protocol is used.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="email-incoming-mail-server-port" type="text" class="form-control operationDataKeys" data-key="emailIncomingMailServerPort" maxlength="5" data-default="" />
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="email-incoming-mail-server-authentication">
                            Authentication Type
                            <span class="helper" title="Designates the authentication scheme for incoming mail.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <select id="email-incoming-mail-server-authentication" class="form-control operationDataKeys" data-key="emailIncomingMailServerAuthentication" data-default="0">
                            <option value="EmailAuthNone" selected="selected">None</option>
                            <option value="EmailAuthPassword">Password</option>
                        </select>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="email-incoming-mail-server-username">
                            Username
                            <span class="helper" title="Designates the user name for the email account, usually the same as the email address up to the @ character. If not present in the payload, and the account is set up to require authentication for incoming email, the device will prompt for this string during profile installation.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="email-incoming-mail-server-username" type="text" class="form-control operationDataKeys" data-key="emailIncomingMailServerUsername" maxlength="100" data-default="" placeholder="[ Optional field ]">
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="email-incoming-mail-server-password">
                            Password
                            <span class="helper" title="Password for the Incoming Mail Server. Use only with encrypted profiles.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="email-incoming-mail-server-password" type="password" class="form-control operationDataKeys" data-key="emailIncomingMailServerPassword" maxlength="100" data-default="" placeholder="[ Optional field ]">
                    </div>

                    <br>
                    Outgoing Mail Settings :
                    <hr>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="email-outgoing-mail-server-hostname">
                            Mail Server Hostname
                            <span class="helper" title="Designates the outgoing mail server host name ( or IP address ).">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="email-outgoing-mail-server-hostname" type="text" class="form-control operationDataKeys" data-key="emailOutgoingMailServerHostname" maxlength="100" data-default="" placeholder="[ Required field ]" />
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-control checkbox">
                            <input id="email-outgoing-use-ssl" type="checkbox" class="form-control operationDataKeys" data-key="emailOutgoingUseSSL" data-default="true" checked="checked" />
                            <span class="helper" title="Designates whether the outgoing mail server uses SSL for authentication.">
                                &nbsp;&nbsp;&nbsp;Use Secure Socket Layer ( SSL )
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="email-outgoing-mail-server-port">
                            Mail Server Port
                            <span class="helper" title="Designates the outgoing mail server port number. If no port number is specified, the default port for a given protocol is used.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="email-outgoing-mail-server-port" type="text" class="form-control operationDataKeys" data-key="emailOutgoingMailServerPort" maxlength="5" data-default="" />
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="email-outgoing-mail-server-authentication">
                            Authentication Type
                            <span class="helper" title="Designates the authentication scheme for outgoing mail.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <select id="email-outgoing-mail-server-authentication" class="form-control operationDataKeys" data-key="emailOutgoingMailServerAuthentication" data-default="0">
                            <option value="EmailAuthNone" selected="selected">None</option>
                            <option value="EmailAuthPassword">Password</option>
                        </select>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="email-outgoing-mail-server-username">
                            Username
                            <span class="helper" title="Designates the user name for the email account, usually the same as the email address up to the @ character. If not present in the payload, and the account is set up to require authentication for outgoing email, the device will prompt for this string during profile installation.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="email-outgoing-mail-server-username" type="text" class="form-control operationDataKeys" data-key="emailOutgoingMailServerUsername" maxlength="100" data-default="" placeholder="[ Optional field ]">
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-control checkbox">
                            <input id="email-outgoing-password-same-as-incoming-password" type="checkbox" class="form-control operationDataKeys" data-key="emailOutgoingPasswordSameAsIncomingPassword" data-default="false" />
                            <span class="helper" title="When checked, the user will be prompted for the password only once and it will be used for both outgoing and incoming mail.">
                                &nbsp;&nbsp;&nbsp;Outgoing password same as incoming password
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="email-outgoing-mail-server-password">
                            Password
                            <span class="helper" title="Password for the Outgoing Mail Server. Use only with encrypted profiles.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="email-outgoing-mail-server-password" type="password" class="form-control operationDataKeys" data-key="emailOutgoingMailServerPassword" maxlength="100" data-default="" placeholder="[ Optional field ]">
                    </div>

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

        <!-- AirPlay -->
        <div class="wr-hidden-operation" data-operation="airplay">
            <div class="panel panel-default operation-data" data-operation="airplay" data-operation-code="AIR_PLAY">
                <div id="airplay-heading" class="panel-heading" role="tab">
                    <h2 class="sub-title panel-title">
                        AirPlay Settings
                        <label id="airplay-lbl" class="wr-input-control switch" data-toggle="collapse" data-target="#airplay-body">
                            <input type="checkbox" />
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                        <hr>
                        <div class="panel-title-description">
                            This configuration can be used to define settings for connecting to AirPlay destinations.
                            Once this configuration profile is installed on an iOS device,
                            corresponding users will not be able to modify these settings on their devices.
                            <br><br>(This feature is supported only on iOS 7.0 and later.)
                        </div>
                    </h2>
                </div>
                <div id="airplay-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="airplay-body">

                    <div id="airplay-feature-error-msg" class="alert alert-danger hidden" role="alert">
                        <i class="icon fw fw-error"></i><span></span>
                    </div>

                    <div 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>
                                &nbsp;
                                Add Credential
                            </a>
                        </label>
                        <div id="airplay-credentials" class="operationDataKeys grouped-array-input multi-column-key-value-pair-array" data-key="airplayCredentials" data-column-count="2">
                            <table class="table table-responsive table-striped">
                                <thead>
                                    <tr>
                                        <th>No:</th>
                                        <th>Device Name</th>
                                        <th>Password</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody data-add-form-container="#airplay-credentials-grid">
                                    <tr data-help-text="add-form">
                                        <td colspan="4">
                                            No entries added yet .
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <table class="template hidden">
                                <tbody data-add-form="#airplay-credentials-grid">
                                    <tr data-add-form-element="clone">
                                        <td data-title="No:">
                                            <span class="index"></span>
                                        </td>
                                        <td data-title="Device Name">
                                            <input type="text" class="form-control grid-input-text" data-child-key="deviceName" maxlength="100" data-default="" placeholder="[ Requires AirPlay destination name ]" />
                                        </td>
                                        <td data-title="Password">
                                            <input type="password" class="form-control grid-input-text" data-child-key="password" maxlength="100" data-default="" placeholder="[ Optional ]" />
                                        </td>
                                        <td>
                                            <span class="list-group-item-actions">
                                                <a href="#airplay-credentials-grid" class="grid-input-remove" data-click-event="remove-form">
                                                    <span class="fw-stack helper" title="Remove Entry">
                                                        <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>
                                &nbsp;
                                Add Destination
                            </a>
                        </label>
                        <div id="airplay-destinations" class="operationDataKeys grouped-array-input one-column-input-array" data-key="airplayDestinations">
                            <table class="table table-responsive table-striped">
                                <thead>
                                    <tr>
                                        <th>No:</th>
                                        <th>Destination</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody data-add-form-container="#airplay-destinations-grid">
                                    <tr data-help-text="add-form">
                                        <td colspan="3">
                                            No entries added yet .
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <table class="template hidden">
                                <tbody data-add-form="#airplay-destinations-grid">
                                    <tr data-add-form-element="clone">
                                        <td data-title="No:">
                                            <span class="index"></span>
                                        </td>
                                        <td data-title="Destination">
                                            <input type="text" class="form-control grid-input-text" maxlength="17" data-default="00:00:00:00:00:00" value="00:00:00:00:00:00" placeholder="[ Requires Device ID of AirPlay destination ]" />
                                        </td>
                                        <td>
                                            <span class="list-group-item-actions">
                                                <a href="#airplay-destinations-grid" class="grid-input-remove" data-click-event="remove-form">
                                                    <span class="fw-stack helper" title="Remove Entry">
                                                        <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 -->

        <!-- LDAP -->
        <div class="wr-hidden-operation" data-operation="ldap">
            <div class="panel panel-default operation-data" data-operation="ldap" data-operation-code="LDAP">
                <div id="ldap-heading" class="panel-heading" role="tab">
                    <h2 class="sub-title panel-title">
                        LDAP Settings
                        <label id="ldap-lbl" class="wr-input-control switch" data-toggle="collapse" data-target="#ldap-body">
                            <input type="checkbox" />
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                        <hr>
                        <div class="panel-title-description">
                            This configuration can be used to define settings for connecting to LDAP servers.
                            Once this configuration profile is installed on an iOS device,
                            corresponding users will not be able to modify these settings on their devices.
                        </div>
                    </h2>
                </div>
                <div id="ldap-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="ldap-body">

                    <div id="ldap-feature-error-msg" class="alert alert-danger hidden" role="alert">
                        <i class="icon fw fw-error"></i><span></span>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="ldap-account-description">
                            Account Description
                            <span class="helper" title="Display name of the account ( e.g. Company LDAP Account ).">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="ldap-account-description" type="text" class="form-control operationDataKeys" data-key="ldapAccountDescription" maxlength="100" data-default="Company LDAP Account" value="Company LDAP Account" placeholder="[ Optional field ]" />
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="ldap-account-hostname">
                            Account Hostname
                            <span class="helper" title="LDAP hostname or IP address is required here.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="ldap-account-hostname" type="text" class="form-control operationDataKeys" data-key="ldapAccountHostname" maxlength="100" data-default="" placeholder="[ Required field ]" />
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-control checkbox">
                            <input id="ldap-use-ssl" type="checkbox" class="form-control operationDataKeys" data-key="ldapUseSSL" data-default="true" checked="checked" />
                            <span class="helper" title="Having this checked, would enable Secure Socket Layer communication.">
                                &nbsp;&nbsp;&nbsp;Use Secure Socket Layer ( SSL )
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="ldap-account-username">
                            Account Username
                            <span class="helper" title="Username for this LDAP account.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="ldap-account-username" type="text" class="form-control operationDataKeys" data-key="ldapAccountUsername" maxlength="100" data-default="" placeholder="[ Optional field ]">
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="ldap-account-password">
                            Account Password
                            <span class="helper" title="Password for this LDAP account.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="ldap-account-password" type="password" class="form-control operationDataKeys" data-key="ldapAccountPassword" maxlength="100" placeholder="[ Optional field ]">
                    </div>

                    <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>
                                &nbsp;
                                Add Search Setting
                            </a>
                        </label>
                        <div id="ldap-search-settings" class="operationDataKeys grouped-array-input multi-column-key-value-pair-array" data-key="ldapSearchSettings" data-column-count="3">
                            <table class="table table-responsive table-striped">
                                <thead>
                                    <tr>
                                        <th>No:</th>
                                        <th>Description</th>
                                        <th>Search Base</th>
                                        <th>Scope</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody data-add-form-container="#ldap-search-settings-grid">
                                    <tr data-help-text="add-form">
                                        <td colspan="5">
                                            No entries added yet .
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <table class="template hidden">
                                <tbody data-add-form="#ldap-search-settings-grid">
                                    <tr data-add-form-element="clone">
                                        <td data-title="No:">
                                            <span class="index"></span>
                                        </td>
                                        <td data-title="Description">
                                            <input type="text" class="form-control grid-input-text" data-child-key="searchSettingDescription" maxlength="100" data-default="LDAP Search" value="LDAP Search" placeholder="[ Optional field ]" />
                                        </td>
                                        <td data-title="Search Base">
                                            <select class="form-control grid-input-select" data-child-key="searchSettingSearchBase" data-default="0">
                                                <option value="LDAPSearchSettingScopeBase" selected="selected">
                                                    Base
                                                </option>
                                                <option value="LDAPSearchSettingScopeOneLevel">One Level</option>
                                                <option value="LDAPSearchSettingScopeSubtree">Subtree</option>
                                            </select>
                                        </td>
                                        <td data-title="Scope">
                                            <input type="text" class="form-control grid-input-text" data-child-key="searchSettingScope" maxlength="100" data-default="ou=department, o=company" value="ou=department, o=company" placeholder="[ Requires path to node where a search should start. ]" />
                                        </td>
                                        <td>
                                            <span class="list-group-item-actions">
                                                <a href="#ldap-search-settings-grid" class="grid-input-remove" data-click-event="remove-form">
                                                    <span class="fw-stack helper" title="Remove Entry">
                                                        <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" data-toggle="collapse" data-target="#calendar-body">
                            <input type="checkbox" />
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                        <hr>
                        <div class="panel-title-description">
                            This configuration can be used to define settings for connecting to CalDAV servers.
                            Once this configuration profile is installed on an iOS device,
                            corresponding users will not be able to modify these settings on their devices.
                        </div>
                    </h2>
                </div>
                <div id="calendar-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="calendar-body">

                    <div id="calendar-feature-error-msg" class="alert alert-danger hidden" role="alert">
                        <i class="icon fw fw-error"></i><span></span>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="calendar-account-description">
                            Account Description
                            <span class="helper" title="Display name of the account (e.g. Company CalDAV Account )">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="calendar-account-description" type="text" class="form-control operationDataKeys" data-key="calendarAccountDescription" maxlength="100" data-default="Company CalDAV Account" value="Company CalDAV Account" placeholder="[ Optional field ]" />
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="calendar-account-hostname">
                            Account Hostname
                            <span class="helper" title="CalDAV account hostname or IP address is required here.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="calendar-account-hostname" type="text" class="form-control operationDataKeys" data-key="calendarAccountHostname" maxlength="100" data-default="" placeholder="[ Required field ]" />
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-control checkbox">
                            <input id="calendar-use-ssl" type="checkbox" class="form-control operationDataKeys" data-key="calendarUseSSL" checked="checked" />
                            <span class="helper" title="Having this checked, would enable Secure Socket Layer communication with CalDAV server.">
                                &nbsp;&nbsp;&nbsp;Use Secure Socket Layer ( SSL )
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="calendar-account-port">
                            Account Port
                            <span class="helper" title="CalDAV account host port number is required here.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="calendar-account-port" type="text" class="form-control operationDataKeys" data-key="calendarAccountPort" maxlength="5" data-default="" placeholder="[ Required field which requires Number Input ]" />
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="calendar-principal-url">
                            Principal URL
                            <span class="helper" title="Principal URL for the CalDAV account.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="calendar-principal-url" type="text" class="form-control operationDataKeys" data-key="calendarPrincipalURL" maxlength="100" data-default="" placeholder="[ Optional field ]">
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="calendar-account-username">
                            Account Username
                            <span class="helper" title="CalDAV account username is required for devices being prepared or supervised.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="calendar-account-username" type="text" class="form-control operationDataKeys" data-key="calendarAccountUsername" maxlength="100" data-default="" placeholder="[ Optional field. Set On Device ]">
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="calendar-account-password">
                            Account Password
                            <span class="helper" title="Password for CalDAV account.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="calendar-account-password" type="password" class="form-control operationDataKeys" data-key="calendarAccountPassword" maxlength="100" placeholder="[ Optional field ]">
                    </div>

                </div>
            </div>
        </div>
        <!-- End of Calendar (calDAV) -->

        <!-- Calendar subscription -->
        <div class="wr-hidden-operation" data-operation="calendar-subscription">
            <div class="panel panel-default operation-data" data-operation="calendar-subscription" data-operation-code="CALENDAR_SUBSCRIPTION">
                <div id="calendar-subscription-heading" class="panel-heading" role="tab">
                    <h2 class="sub-title panel-title">
                        Calendar Subscription
                        <label id="subscribed-calendars-lbl" class="wr-input-control switch" data-toggle="collapse" data-target="#calendar-subscription-body">
                            <input type="checkbox" />
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                        <hr>
                        <div class="panel-title-description">
                            This configuration can be used to define settings for calendar subscriptions.
                            Once this configuration profile is installed on an iOS device,
                            corresponding users will not be able to modify these settings on their devices.
                        </div>
                    </h2>
                </div>
                <div id="calendar-subscription-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="calendar-subscription-body">

                    <div id="calendar-subscription-feature-error-msg" class="alert alert-danger hidden" role="alert">
                        <i class="icon fw fw-error"></i><span></span>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="calendar-subscription-description">
                            Description
                            <span class="helper" title="Description of the calendar subscription.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="calendar-subscription-description" type="text" class="form-control operationDataKeys" data-key="calendarSubscriptionDescription" maxlength="100" data-default="Subscribed Calendar" value="Company Subscribed Calendar" placeholder="[ Optional field ]" />
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="calendar-subscription-hostname">
                            Account Hostname URL
                            <span class="helper" title="URL of the calendar file is required here.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="calendar-subscription-hostname" type="text" class="form-control operationDataKeys" data-key="calendarSubscriptionHostname" maxlength="100" data-default="" placeholder="[ Required field ]" />
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-control checkbox">
                            <input id="calendar-subscription-use-ssl" type="checkbox" class="form-control operationDataKeys" data-key="calendarSubscriptionUseSSL" checked="checked" />
                            <span class="helper" title="Having this checked, would enable Secure Socket Layer communication.">
                                &nbsp;&nbsp;&nbsp;Use Secure Socket Layer ( SSL )
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="calendar-subscription-username">
                            Username
                            <span class="helper" title="Username for this calendar subscription.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="calendar-subscription-username" type="text" class="form-control operationDataKeys" data-key="calendarSubscriptionUsername" maxlength="100" data-default="" placeholder="[ Optional field ]">
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="calendar-subscription-password">
                            Password
                            <span class="helper" title="Password for this calendar subscription.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="calendar-subscription-password" type="password" class="form-control operationDataKeys" data-key="calendarSubscriptionPassword" maxlength="100" placeholder="[ Optional field ]">
                    </div>

                </div>
            </div>
        </div>
        <!-- End of Calendar subscription -->

        <!-- APN -->
        <div class="wr-hidden-operation" data-operation="apn">
            <div class="panel panel-default operation-data" data-operation="apn" data-operation-code="APN">
                <div id="apn-heading" class="panel-heading" role="tab">
                    <h2 class="sub-title panel-title">
                        Access Point Names ( APN )
                        <label id="apn-lbl" class="wr-input-control switch" data-toggle="collapse" data-target="#apn-body">
                            <input type="checkbox" />
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                        <hr>
                        <div class="panel-title-description">
                            These configurations can be used to specify Access Point Names ( APN ).
                            Once this configuration profile is installed on an iOS device, corresponding users will not
                            be able to modify these settings on their devices.
                            <br><br>(This feature is not supported on iOS 7.0 and later.)
                        </div>
                    </h2>
                </div>
                <div id="apn-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="apn-body">

                    <div id="apn-feature-error-msg" class="alert alert-danger hidden" role="alert">
                        <i class="icon fw fw-error"></i><span></span>
                    </div>

                    <div 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>
                                &nbsp;
                                Add APN Configuration
                            </a>
                        </label>
                        <div id="apn-configurations" class="operationDataKeys grouped-array-input multi-column-key-value-pair-array" data-key="apnConfigurations" data-column-count="5">
                            <table class="table table-responsive table-striped">
                                <thead>
                                    <tr>
                                        <th>No:</th>
                                        <th>APN</th>
                                        <th>Username</th>
                                        <th>Password</th>
                                        <th>Proxy</th>
                                        <th>Port</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody data-add-form-container="#apn-configurations-grid">
                                    <tr data-help-text="add-form">
                                        <td colspan="7">
                                            No entries added yet .
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <table class="template hidden">
                                <tbody data-add-form="#apn-configurations-grid">
                                    <tr data-add-form-element="clone">
                                        <td data-title="No:">
                                            <span class="index"></span>
                                        </td>
                                        <td data-title="APN">
                                            <input type="text" class="form-control grid-input-text" data-child-key="apn" maxlength="100" data-default="" placeholder="[ Required ]" />
                                        </td>
                                        <td data-title="Username">
                                            <input type="text" class="form-control grid-input-text" data-child-key="username" maxlength="100" data-default="" placeholder="[ Optional ]" />
                                        </td>
                                        <td data-title="Password">
                                            <input type="password" class="form-control grid-input-text" data-child-key="password" maxlength="100" data-default="" placeholder="[ Optional ]" />
                                        </td>
                                        <td data-title="Proxy">
                                            <input type="text" class="form-control grid-input-text" data-child-key="proxyServer" maxlength="100" data-default="" placeholder="[ Optional ]" />
                                        </td>
                                        <td data-title="Port">
                                            <input type="text" class="form-control grid-input-text" data-child-key="proxyPort" maxlength="5" data-default="" placeholder="[ Optional ]" />
                                        </td>
                                        <td>
                                            <span class="list-group-item-actions">
                                                <a href="#apn-configurations-grid" class="grid-input-remove" data-click-event="remove-form">
                                                    <span class="fw-stack helper" title="Remove Entry">
                                                        <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" data-toggle="collapse" data-target="#cellular-body">
                            <input type="checkbox" />
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                        <hr>
                        <div class="panel-title-description">
                            These configurations can be used to specify Cellular Network Settings on an iOS device.
                            Cellular settings cannot be installed if an APN setting is already installed and
                            upon successful installation, corresponding users will not be able to modify these
                            settings on their devices.
                            <br><br>(This feature is supported only on iOS 7.0 and later.)
                        </div>
                    </h2>
                </div>
                <div id="cellular-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="cellular-body">

                    <div id="cellular-feature-error-msg" class="alert alert-danger hidden" role="alert">
                        <i class="icon fw fw-error"></i><span></span>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="cellular-attach-apn-name">
                            Cellular Configuration Name
                            <span class="helper" title="Name for this configuration.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="cellular-attach-apn-name" type="text" class="form-control operationDataKeys" data-key="cellularAttachAPNName" maxlength="100" data-default="" placeholder="[ Required field ]">
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="cellular-authentication-type">
                            Authentication Type
                            <span class="helper" title="Cellular Settings Authentication Type.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <select id="cellular-authentication-type" class="form-control operationDataKeys" data-key="cellularAuthenticationType" data-default="0">
                            <option value="PAP" selected="selected">PAP</option>
                            <option value="CHAP">CHAP</option>
                        </select>
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="cellular-username">
                            Username
                            <span class="helper" title="Username used for authentication.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="cellular-username" type="text" class="form-control operationDataKeys" data-key="cellularUsername" maxlength="100" data-default="" placeholder="[ Optional field ]">
                    </div>

                    <div class="wr-input-control">
                        <label class="wr-input-label" for="cellular-password">
                            Password
                            <span class="helper" title="Password used for authentication.">
                                <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                            </span>
                        </label>
                        <input id="cellular-password" type="password" class="form-control operationDataKeys" data-key="cellularPassword" maxlength="100" placeholder="[ Optional field ]">
                    </div>

                    <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>
                                &nbsp;
                                Add APN Configuration
                            </a>
                        </label>
                        <div id="cellular-apn-configurations" class="operationDataKeys grouped-array-input multi-column-key-value-pair-array" data-key="cellularAPNConfigurations" data-column-count="6">
                            <table class="table table-responsive table-striped">
                                <thead>
                                    <tr>
                                        <th>No:</th>
                                        <th>APN</th>
                                        <th>Auth.Type</th>
                                        <th>Username</th>
                                        <th>Password</th>
                                        <th>Proxy</th>
                                        <th>Port</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody data-add-form-container="#cellular-apn-configurations-grid">
                                    <tr data-help-text="add-form">
                                        <td colspan="8">
                                            No entries added yet .
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <table class="template hidden">
                                <tbody data-add-form="#cellular-apn-configurations-grid">
                                    <tr data-add-form-element="clone">
                                        <td data-title="No:">
                                            <span class="index"></span>
                                        </td>
                                        <td data-title="APN">
                                            <input type="text" class="form-control grid-input-text" data-child-key="configurationName" maxlength="100" data-default="" placeholder="[ Required ]" />
                                        </td>
                                        <td data-title="Auth.Type">
                                            <select class="form-control grid-input-select" data-child-key="authenticationType" data-default="0">
                                                <option value="PAP" selected="selected">PAP</option>
                                                <option value="CHAP">CHAP</option>
                                            </select>
                                        </td>
                                        <td data-title="Username">
                                            <input type="text" class="form-control grid-input-text" data-child-key="username" maxlength="100" data-default="" placeholder="[ Optional ]" />
                                        </td>
                                        <td data-title="Password">
                                            <input type="password" class="form-control grid-input-text" data-child-key="password" maxlength="100" data-default="" placeholder="[ Optional ]" />
                                        </td>
                                        <td data-title="Proxy">
                                            <input type="text" class="form-control grid-input-text" data-child-key="proxyServer" maxlength="100" data-default="" placeholder="[ Optional ]" />
                                        </td>
                                        <td data-title="Port">
                                            <input type="text" class="form-control grid-input-text" data-child-key="proxyPort" maxlength="5" data-default="" placeholder="[ Optional ]" />
                                        </td>
                                        <td>
                                            <span class="list-group-item-actions">
                                                <a href="#cellular-apn-configurations-grid" class="grid-input-remove" data-click-event="remove-form">
                                                    <span class="fw-stack helper" title="Remove Entry">
                                                        <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" data-toggle="collapse" data-target="#restrictions-body">
                            <input type="checkbox" />
                            <span class="helper"></span>
                            <span class="text"></span>
                        </label>
                        <hr>
                        <div class="panel-title-description">
                            These configurations can be used to restrict apps, device features and
                            media content available on an iOS device. Once this configuration profile is installed
                            on a device, corresponding users will not be able to modify these settings on their devices.
                        </div>
                    </h2>
                </div>
                <div id="restrictions-body" class="panel-collapse panel-body collapse" role="tabpanel" aria-labelledby="restrictions-body">

                    <div id="restrictions-feature-error-msg" class="alert alert-danger hidden" role="alert">
                        <i class="icon fw fw-error"></i><span></span>
                    </div>

                    Restrictions on Device Functionality :
                    <hr>
                    <div id="restrictions-device-functionality">
                        <ul class="listing">
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-camera" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowCamera" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would enable Usage of phone camera in the device">
                                            &nbsp;&nbsp;&nbsp;Allow use of camera
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-Chat" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowChat" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would enable use of Messages app with supervised devices. Available in iOS 6.0 and later.">
                                            &nbsp;&nbsp;&nbsp;Allow Chat
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-screen-shot" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowScreenShot" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would allow taking screenshots in the device">
                                            &nbsp;&nbsp;&nbsp;Allow screenshots
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="visibility:hidden; position:absolute">
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-air-drop" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowAirDrop" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would allow AirDrop feature in the device. Available only in iOS 7.0 and later.">
                                            &nbsp;&nbsp;&nbsp;Allow AirDrop ( Supervised only )
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-voice-dialing" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowVoiceDialing" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would allow voice dialing feature in the device.">
                                            &nbsp;&nbsp;&nbsp;Allow voice dialing while device is locked
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li class="grouped-input">
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-assistant" type="checkbox" class="parent-input operationDataKeys" data-key="restrictionsAllowAssistant" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would enable Siri as assistant in the device.">
                                            &nbsp;&nbsp;&nbsp;Allow Siri
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                                <ul class="grouped-child-input">
                                    <li>
                                        <div class="wr-input-control">
                                            <label class="wr-input-control checkbox">
                                                <input id="restrictions-allow-assistant-while-locked" type="checkbox" class="child-input operationDataKeys" data-key="restrictionsAllowAssistantWhileLocked" data-default="true" checked="checked" />
                                                <span class="helper" title="Having this checked would allow Siri as assistant while device is locked. Available only in iOS 5.1 and later.">
                                                    &nbsp;&nbsp;&nbsp;Allow Siri while device is locked
                                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                                </span>
                                            </label>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="wr-input-control">
                                            <label class="wr-input-control checkbox">
                                                <input id="restrictions-force-assistant-profanity-filter" type="checkbox" class="child-input operationDataKeys" data-key="restrictionsForceAssistantProfanityFilter" data-default="true" checked="checked" />
                                                <span class="helper" title="Having this checked would force use of Siri profanity filter.">
                                                    &nbsp;&nbsp;&nbsp;Force use of Siri profanity filter
                                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                                </span>
                                            </label>
                                        </div>
                                    </li>
                                    <li style="visibility:hidden; position:absolute">
                                        <div class="wr-input-control">
                                            <label class="wr-input-control checkbox">
                                                <input id="restrictions-allow-assistant-user-generated-content" type="checkbox" class="child-input operationDataKeys" data-key="restrictionsAllowAssistantUserGeneratedContent" data-default="true" checked="checked" />
                                                <span class="helper" title="Having this checked would allow Siri to query user-generated content from web in the device. Available in iOS 7 and later.">
                                                    &nbsp;&nbsp;&nbsp;Allow Siri to query user-generated content from web ( Supervised only )
                                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                                </span>
                                            </label>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                            <li style="visibility:hidden; position:absolute">
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-account-modification" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowAccountModification" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would allow modifying account settings in the device. Available only in iOS 7.0 and later.">
                                            &nbsp;&nbsp;&nbsp;Allow modifying account settings ( Supervised only )
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="visibility:hidden; position:absolute">
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-app-cellular-data-modification" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowAppCellularDataModification" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would allow changes to cellular data usage for apps in the device. Available only in iOS 7.0 and later.">
                                            &nbsp;&nbsp;&nbsp;Allow modifying cellular data app settings ( Supervised only )
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="visibility:hidden; position:absolute">
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-bookstore" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowBookstore" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would enable iBookStore in the device. Available in iOS 6.0 and later.">
                                            &nbsp;&nbsp;&nbsp;Enable iBookStore ( Supervised only )
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="visibility:hidden; position:absolute">
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-bookstore-erotica" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowBookstoreErotica" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would enable iBookStore tagged as Erotica in the device. Available in iOS 6.0 and later.">
                                            &nbsp;&nbsp;&nbsp;Enable iBookStore Erotica ( Supervised only prior to iOS 6.1 )
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-app-installation" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowAppInstallation" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would allow installing apps in the device.">
                                            &nbsp;&nbsp;&nbsp;Allow installing apps
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="visibility:hidden; position:absolute" >
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-app-removal" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowAppRemoval" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would allow removal of apps in the device.">
                                            &nbsp;&nbsp;&nbsp;Allow removing apps
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-in-app-purchases" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowInAppPurchases" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would allow in-app purchase in the device.">
                                            &nbsp;&nbsp;&nbsp;Allow in-app purchase
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-force-itunes-store-password-entry" type="checkbox" class="operationDataKeys" data-key="restrictionsForceITunesStorePasswordEntry" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would force iTunes store password in the device.">
                                            &nbsp;&nbsp;&nbsp;Require iTunes store password for all purchases
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-cloud-backup" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowCloudBackup" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would enable iCloud backup in the device.">
                                            &nbsp;&nbsp;&nbsp;Allow iCloud backup
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-cloud-document-sync" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowCloudDocumentSync" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would enable syncing iCloud documents and data in the device.">
                                            &nbsp;&nbsp;&nbsp;Allow iCloud documents and data
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-cloud-keychain-sync" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowCloudKeychainSync" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would enable syncing iCloud keychain in the device.">
                                            &nbsp;&nbsp;&nbsp;Allow iCloud keychain
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-managed-apps-cloud-sync" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowManagedAppsCloudSync" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would allow managed apps in the device to store data in iCloud.">
                                            &nbsp;&nbsp;&nbsp;Allow managed apps to store data in iCloud
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-enterprise-book-backup" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowEnterpriseBookBackup" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would allow backup of enterprise books in the device.">
                                            &nbsp;&nbsp;&nbsp;Allow backup of enterprise books
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-enterprise-book-metadata-sync" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowEnterpriseBookMetadataSync" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, Enterprise books notes and highlights will not be synced.">
                                            &nbsp;&nbsp;&nbsp;Allow enterprise books data sync
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-diagnostic-submission" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowDiagnosticSubmission" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would automatically submit diagnostic reports to Apple.">
                                            &nbsp;&nbsp;&nbsp;Allow diagnostic submission
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-explicit-content" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowExplicitContent" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this unchecked would hide explicit music or video content purchased from the iTunes Store. Explicit content is marked as such by content providers, such as record labels, when sold through the iTunes Store.">
                                            &nbsp;&nbsp;&nbsp;Allow explicit content
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="visibility:hidden; position:absolute">
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-find-my-friends-modification" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowFindMyFriendsModification" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, changes to Find My Friends are disabled.">
                                            &nbsp;&nbsp;&nbsp;Allow Find My Friends modification
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-fingerprint-for-unlock" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowFingerprintForUnlock" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this unchecked would prevent Touch ID from unlocking a device.">
                                            &nbsp;&nbsp;&nbsp;Allow fingerprint for unlock
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-global-background-fetch-when-roaming" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowGlobalBackgroundFetchWhenRoaming" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this unchecked would disable global background fetch activity when an iOS phone is roaming.">
                                            &nbsp;&nbsp;&nbsp;Allow global background fetch when roaming
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-lock-screen-control-center" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowLockScreenControlCenter" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this unchecked would prevent Control Center from appearing on the Lock screen. Available in iOS 7 and later.">
                                            &nbsp;&nbsp;&nbsp;Show Control Center in lock screen
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-lock-screen-notifications-view" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowLockScreenNotificationsView" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this unchecked would disable Notifications view in Notification Center on the lock screen. Available only in iOS 7.0 and later.">
                                            &nbsp;&nbsp;&nbsp;Show Notifications Center in lock screen
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-lock-screen-today-view" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowLockScreenTodayView" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this unchecked would disable Today view in Notification Center on the lock screen. Available only in iOS 7.0 and later.">
                                            &nbsp;&nbsp;&nbsp;Show Today view in lock screen
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="visibility:hidden; position:absolute">
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-host-pairing" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowHostPairing" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this unchecked would disable host pairing with the exception of the supervision host. If no supervision host certificate has been configured, all pairing is disabled. Host pairing lets the administrator control which devices an iOS 7 device can pair with. Available only in iOS 7.0 and later.">
                                            &nbsp;&nbsp;&nbsp;Allow Host Pairing ( Supervised only )
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-open-from-managed-to-unmanaged" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowOpenFromManagedToUnmanaged" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, documents in managed apps and accounts only open in other managed apps and accounts. Available only in iOS 7.0 and later.">
                                            &nbsp;&nbsp;&nbsp;Allow documents from managed sources in unmanaged destinations
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-open-from-unmanaged-to-managed" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowOpenFromUnmanagedToManaged" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, documents in unmanaged apps and accounts will only open in other unmanaged apps and accounts. Available only in iOS 7.0 and later.">
                                            &nbsp;&nbsp;&nbsp;Allow documents from unmanaged sources in managed destinations
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-ota-pki-updates" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowOTAPKIUpdates" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, over-the-air PKI updates are disabled. Setting this restriction to false does not disable CRL and OCSP checks. Available only in iOS 7.0 and later.">
                                            &nbsp;&nbsp;&nbsp;Allow over-the-air PKI updates
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictionsAllowPassbookWhileLocked" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowPassbookWhileLocked" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, Passbook notifications will not be shown on the lock screen. Available only in iOS 6.0 and later.">
                                            &nbsp;&nbsp;&nbsp;Show Passbook notifications in lock screen
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-photo-stream" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowPhotoStream" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, Photo Stream is disabled. Available only in iOS 5.0 and later.">
                                            &nbsp;&nbsp;&nbsp;Allow Photo Stream
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-shared-stream" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowSharedStream" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, Shared Photo Stream will be disabled. Available only in iOS 6.0 and later.">
                                            &nbsp;&nbsp;&nbsp;Allow Shared Photo Stream
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-ui-configuration-profile-installation" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowUIConfigurationProfileInstallation" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, the user is prohibited from installing configuration profiles and certificates interactively. Available only in iOS 6.0 and later.">
                                            &nbsp;&nbsp;&nbsp;Allow user prompted profile installation
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-untrusted-tls-prompt" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowUntrustedTLSPrompt" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, automatically rejects untrusted HTTPS certificates without prompting the user. Available only in iOS 5.0 and later.">
                                            &nbsp;&nbsp;&nbsp;Allow untrusted TLS prompt
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-video-conferencing" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowVideoConferencing" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, video conferencing is disabled.">
                                            &nbsp;&nbsp;&nbsp;Allow video conferencing
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-voice-dialing" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowVoiceDialing" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, voice dialing is disabled.">
                                            &nbsp;&nbsp;&nbsp;Allow voice dialing
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-force-encrypted-backup" type="checkbox" class="operationDataKeys" data-key="restrictionsForceEncryptedBackup" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would force encrypting all backups.">
                                            &nbsp;&nbsp;&nbsp;Force encrypting all backups
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-force-limit-ad-tracking" type="checkbox" class="operationDataKeys" data-key="restrictionsForceLimitAdTracking" data-default="false" />
                                        <span class="helper" title="Having this checked would limit ad tracking. Available only in iOS 7.0 and later.">
                                            &nbsp;&nbsp;&nbsp;Limit ad tracking
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-force-airplay-outgoing-requests-pairing-password" type="checkbox" class="operationDataKeys" data-key="restrictionsForceAirPlayOutgoingRequestsPairingPassword" data-default="false" />
                                        <span class="helper" title="Having this checked would force all devices receiving AirPlay requests from this device to use a pairing password. Available only in iOS 7.1 and later.">
                                            &nbsp;&nbsp;&nbsp;Force a pairing password for Airplay outgoing requests
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-force-airplay-incoming-requests-pairing-password" type="checkbox" class="operationDataKeys" data-key="restrictionsForceAirPlayIncomingRequestsPairingPassword" data-default="false" />
                                        <span class="helper" title="Having this checked would force all devices sending AirPlay requests to this device to use a pairing password. Available only in Apple TV 6.1 and later.">
                                            &nbsp;&nbsp;&nbsp;Force a pairing password for Airplay incoming requests
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="visibility:hidden; position:absolute">
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-erase-content-and-settings" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowEraseContentAndSettings" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, “Erase All Content And Settings” option in the Reset UI is disabled.">
                                            &nbsp;&nbsp;&nbsp;Allow Erase All Content And Settings ( Supervised only )
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="visibility:hidden; position:absolute">
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-spotlight-internet-results" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowSpotlightInternetResults" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, Spotlight will not return Internet search results.">
                                            &nbsp;&nbsp;&nbsp;Allow Spotlight Internet results ( Supervised only )
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="visibility:hidden; position:absolute">
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictionsAllowEnablingRestrictions" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowEnablingRestrictions" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, “Enable Restrictions” option in the Restrictions UI in Settings is disabled.">
                                            &nbsp;&nbsp;&nbsp;Allow Enable Restrictions option ( Supervised only )
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-activity-continuation" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowActivityContinuation" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, Activity Continuation will be disabled.">
                                            &nbsp;&nbsp;&nbsp;Allow Activity Continuation
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="visibility:hidden; position:absolute">
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-definition-lookup" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowDefinitionLookup" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, definition lookup is disabled.">
                                            &nbsp;&nbsp;&nbsp;Allow definition lookup
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="visibility:hidden; position:absolute">
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-predictive-keyboard" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowPredictiveKeyboard" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, predictive keyboards are disabled. Available in iOS 8.1.3 and later.">
                                            &nbsp;&nbsp;&nbsp;Allow predictive keyboard ( Supervised only )
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="visibility:hidden; position:absolute">
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-auto-correction" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowAutoCorrection" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, keyboard auto-correction is disabled. Available in iOS 8.1.3 and later.">
                                            &nbsp;&nbsp;&nbsp;Allow keyboard auto-correction ( Supervised only )
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="visibility:hidden; position:absolute">
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-spell-check" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowSpellCheck" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, keyboard spell-check is disabled. Available in iOS 8.1.3 and later.">
                                            &nbsp;&nbsp;&nbsp;Allow keyboard spell-check ( Supervised only )
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <br>
                    Restrictions on Applications :
                    <hr>
                    <div id="restrictions-applications">
                        <ul class="listing">
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-itunes" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowITunes" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would allow use of iTunes store in the device.">
                                            &nbsp;&nbsp;&nbsp;Allow use of iTunes Store
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="visibility:hidden; position:absolute">
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-podcasts" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowPodcasts" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would allow use of Podcasts in the device.">
                                            &nbsp;&nbsp;&nbsp;Allow use of Podcasts ( Supervised only )
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li class="grouped-input">
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-safari" type="checkbox" class="parent-input operationDataKeys" data-key="restrictionsAllowSafari" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would allow use of Safari in the device.">
                                            &nbsp;&nbsp;&nbsp;Allow Safari
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                                <ul class="grouped-child-input">
                                    <li>
                                        <div class="wr-input-control">
                                            <label class="wr-input-control checkbox">
                                                <input id="restrictions-safari-allow-auto-fill" type="checkbox" class="child-input operationDataKeys" data-key="restrictionsSafariAllowAutoFill" data-default="true" checked="checked" />
                                                <span class="helper" title="Having this checked would enable Safari AutoFill feature in the device.">
                                                    &nbsp;&nbsp;&nbsp;Enable AutoFill
                                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                                </span>
                                            </label>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="wr-input-control">
                                            <label class="wr-input-control checkbox">
                                                <input id="restrictions-safari-force-fraud-warning" type="checkbox" class="child-input operationDataKeys" data-key="restrictionsSafariForceFraudWarning" data-default="false" />
                                                <span class="helper" title="Having this checked would force Safari Fraud warning feature in the device.">
                                                    &nbsp;&nbsp;&nbsp;Force Fraud warning
                                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                                </span>
                                            </label>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="wr-input-control">
                                            <label class="wr-input-control checkbox">
                                                <input id="restrictions-safari-allow-javaScript" type="checkbox" class="child-input operationDataKeys" data-key="restrictionsSafariAllowJavaScript" data-default="true" checked="checked" />
                                                <span class="helper" title="Having this checked would enable Javascript on Safari in the device.">
                                                    &nbsp;&nbsp;&nbsp;Enable Javascript
                                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                                </span>
                                            </label>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="wr-input-control">
                                            <label class="wr-input-control checkbox">
                                                <input id="restrictions-safari-allow-popups" type="checkbox" class="child-input operationDataKeys" data-key="restrictionsSafariAllowPopups" data-default="true" checked="checked" />
                                                <span class="helper" title="Having this checked would enable Pop-ups on Safari in the device.">
                                                    &nbsp;&nbsp;&nbsp;Enable Pop-ups
                                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                                </span>
                                            </label>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="wr-input-control">
                                            <label class="wr-input-label" for="restrictions-safari-accept-cookies">
                                                Accept cookies
                                                <span class="helper" title="Determines conditions under which the device will accept cookies.">
                                                    <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                                </span>
                                            </label>
                                            <select id="restrictions-safari-accept-cookies" class="form-control child-input operationDataKeys" data-key="restrictionsSafariAcceptCookies" data-default="2">
                                                <option value="0">Never</option>
                                                <option value="1">From visited sites only</option>
                                                <option value="2" selected="selected">Always</option>
                                            </select>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-youtube" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowYouTube" data-default="true" checked="checked" />
                                        <span class="helper" title="When unchecked, YouTube application is disabled and its icon is removed from the Home screen. This key is ignored in iOS 6 and later because the YouTube app is not provided.">
                                            &nbsp;&nbsp;&nbsp;Allow YouTube
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="visibility:hidden; position:absolute">
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-game-center" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowGameCenter" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would allow use of Game Center in the device.">
                                            &nbsp;&nbsp;&nbsp;Allow use of Game Center ( Supervised only )
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-multiplayer-gaming" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowMultiplayerGaming" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would allow multiplayer gaming in the device.">
                                            &nbsp;&nbsp;&nbsp;Allow multiplayer gaming
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-control checkbox">
                                        <input id="restrictions-allow-adding-game-center-friends" type="checkbox" class="operationDataKeys" data-key="restrictionsAllowAddingGameCenterFriends" data-default="true" checked="checked" />
                                        <span class="helper" title="Having this checked would allow adding Game Center friends in the device.">
                                            &nbsp;&nbsp;&nbsp;Allow adding Game Center friends
                                            <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                                        </span>
                                    </label>
                                </div>
                            </li>
                        </ul>
                    </div>

                    <div id="restrictions-other" style="visibility:hidden; position:absolute">
                        <br>
                        Other Restrictions :
                        <hr>
                        <ul class="listing">
                            <li>
                                <div class="wr-input-control">
                                    <label class="wr-input-label" for="restrictions-autonomous-single-app-mode-permitted-app-ids">
                                        Permitted Applications in Autonomous Single App Mode
                                        <span class="helper" title="Supervised only. If present, allows apps identified by the bundle IDs listed to autonomously enter Single App Mode. Available only in iOS 7.0 and later.">
                                            <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>
                                            &nbsp;
                                            Add Application Bundle ID
                                        </a>
                                    </label>
                                    <div id="restrictions-autonomous-single-app-mode-permitted-app-ids" class="operationDataKeys grouped-array-input one-column-input-array" data-key="restrictionsAutonomousSingleAppModePermittedAppIDs">
                                        <table class="table table-responsive table-striped">
                                            <thead>
                                                <tr>
                                                    <th>No:</th>
                                                    <th>Application Bundle ID</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody data-add-form-container="#restrictions-autonomous-single-app-mode-permitted-app-ids-grid">
                                                <tr data-help-text="add-form">
                                                    <td colspan="3">
                                                        No entries added yet .
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <table class="template hidden">
                                            <tbody data-add-form="#restrictions-autonomous-single-app-mode-permitted-app-ids-grid">
                                                <tr data-add-form-element="clone">
                                                    <td data-title="No:">
                                                        <span class="index"></span>
                                                    </td>
                                                    <td data-title="Application Bundle ID">
                                                        <input type="text" class="form-control grid-input-text" maxlength="100" data-default="" placeholder="[ Requires an Application Bundle ID ]" />
                                                    </td>
                                                    <td>
                                                        <span class="list-group-item-actions">
                                                            <a href="#restrictions-autonomous-single-app-mode-permitted-app-ids-grid" class="grid-input-remove" data-click-event="remove-form">
                                                                <span class="fw-stack helper" title="Remove Entry">
                                                                    <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>