{{!
  Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.

  WSO2 Inc. licenses this file to you under the Apache License,
  Version 2.0 (the "License"); you may not use this file except
  in compliance with the License.
  You may obtain a copy of the License at

  http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing,
  software distributed under the License is distributed on an
  "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  KIND, either express or implied. See the License for the
  specific language governing permissions and limitations
  under the License.
}}
<!-- ios -->
<div class="panel panel-default operation-data" data-operation="wifi" data-operation-code="WIFI">
    <div id="wifi-body" class="panel-collapse panel-body" role="tabpanel" aria-labelledby="ios-body">
        <div id="ios-config-error-msg" class="alert alert-danger hidden" role="alert">
            <i class="icon fw fw-error"></i><span></span>
        </div>
        <h4 class="{{#if isCloud}}hidden{{/if}}">
            iOS SCEP Certificate Configurations
        </h4>
        <hr>
        <div id="ios-scep-config-error-msg" class="alert alert-danger hidden" role="alert">
            <i class="icon fw fw-error"></i><span></span>
        </div>

        <div class="wr-input-control {{#if isCloud}}hidden{{/if}}">
            <label class="wr-input-label" for="ios-config-country">
                Country (C)*
                    <span class="helper" title="Country code (ex: LK, US)">
                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                    </span>
            </label>
            <input id="ios-config-country" type="text" class="form-control">
        </div>

        <div class="wr-input-control {{#if isCloud}}hidden{{/if}}">
            <label class="wr-input-label" for="ios-config-state">
                State (ST)*
                    <span class="helper" title="State">
                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                    </span>
            </label>
            <input id="ios-config-state" type="text" class="form-control">
        </div>

        <div class="wr-input-control {{#if isCloud}}hidden{{/if}}">
            <label class="wr-input-label" for="ios-config-locality">
                Locality (L)*
                    <span class="helper" title="Locality">
                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                    </span>
            </label>
            <input id="ios-config-locality" type="text" class="form-control">
        </div>

        <div class="wr-input-control {{#if isCloud}}hidden{{/if}}">
            <label class="wr-input-label" for="ios-config-organization">
                Organization (O)*
                    <span class="helper" title="Organization Name">
                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                    </span>
            </label>
            <input id="ios-config-organization" type="text" class="form-control">
        </div>

        <div class="wr-input-control {{#if isCloud}}hidden{{/if}}">
            <label class="wr-input-label" for="ios-config-organization-unit">
                Organization Unit (OU)*
                    <span class="helper" title="Organization Unit">
                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                    </span>
            </label>
            <input id="ios-config-organization-unit" type="text" class="form-control">
        </div>

        <h4>
            iOS Profile Configurations
        </h4>
        <hr>

        <div id="ios-profile-conf-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="ios-org-display-name">
                Organization Display Name*
                    <span class="helper" title="Organization display name">
                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                    </span>
            </label>
            <input id="ios-org-display-name" type="text" class="form-control">
        </div>

        <h4>
            iOS MDM Configurations
        </h4>
        <hr>

        <div id="ios-mdm-config-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="ios-config-mdm-certificate">
                MDM Certificate*
                    <span class="helper" title="Upload MDM Certificate">
                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                    </span>
            </label><br>
            <label class="wr-input-label" id="mdm-cert-file-name">
            </label>
            <input id="ios-config-mdm-certificate" type="file" class="form-control">
        </div>

        <div class="wr-input-control">
            <label class="wr-input-label" for="ios-config-mdm-certificate-password">
                MDM Certificate Password*
                    <span class="helper" title="MDM Certificate Password">
                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                    </span>
            </label>
            <input id="ios-config-mdm-certificate-password" type="password" class="form-control">
        </div>

        <div class="wr-input-control">
            <label class="wr-input-label" for="ios-config-mdm-certificate-topic-id">
                MDM Certificate Topic ID*
                    <span class="helper" title="MDM Certificate Topic ID">
                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                    </span>
            </label>
            <input id="ios-config-mdm-certificate-topic-id" type="text" class="form-control">
        </div>

        <div class="wr-input-control">
            <label class="wr-input-label" for="ios-config-mdm-mode">
                Mode
                    <span class="helper" title="Release mode">
                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                    </span>
            </label>
            <select id="ios-config-mdm-mode" class="form-control" data-default="0">
                <option value="1">Production</option>
                <option value="2">Developer</option>
            </select>
        </div>

        <h4 {{#if isCloud}} class="hidden"{{/if}}>
            iOS APNS Configurations
            <hr>
        </h4>

        <div id="ios-apns-config-error-msg" class="alert alert-danger hidden" role="alert">
            <i class="icon fw fw-error"></i><span></span>
        </div>
        <div class="wr-input-control {{#if isCloud}}hidden{{/if}}">
            <label class="wr-input-label" for="ios-config-apns-certificate">
                APNS Certificate
                    <span class="helper" title="Upload APNS Certificate">
                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                    </span>
            </label><br>
            <label class="wr-input-label" id="apns-cert-file-name">
            </label>
            <input id="ios-config-apns-certificate" type="file" class="form-control">
        </div>

        <div class="wr-input-control {{#if isCloud}}hidden{{/if}}">
            <label class="wr-input-label" for="ios-config-apns-certificate-password">
                APNS Certificate Password
                    <span class="helper" title="APNS Certificate Password">
                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                    </span>
            </label>
            <input id="ios-config-apns-certificate-password" type="password" class="form-control">
        </div>

        <div class="wr-input-control {{#if isCloud}}hidden{{/if}} ">
            <label class="wr-input-label" for="ios-config-apns-mode">
                Mode
                    <span class="helper" title="Release mode">
                        <span class="wr-help-tip glyphicon glyphicon-question-sign"></span>
                    </span>
            </label>
            <select id="ios-config-apns-mode" class="form-control" data-default="0">
                <option value="1">Production</option>
                <option value="2">Developer</option>
            </select>
        </div>

        <h4 {{#if isCloud}}class = "hidden"{{/if}}>
            End User License Agreement (EULA)
        </h4>
        <hr>

        <div class="wr-input-control {{#if isCloud}}hidden{{/if}} ">
            <textarea id="ios-eula" type="text" class="form-control"></textarea>
        </div>
        <div class="wr-input-control wr-btn-grp">
            <button id="save-ios-btn" class="wr-btn">Save</button>
        </div>

    </div>
</div>
<!-- /ios -->
{{#zone "bottomJs"}}
    {{js "js/platform-configuration.js"}}
{{/zone}}
