Mini Shell

<div class="x_panel">
    <div class="x_content">
        <h2 style="font-size: 28px; border-bottom: 1px solid #E6E9ED; padding-bottom: 10px; margin-bottom: 10px;">{{ lang.t("Step 2 of 3: Grant remote access to your server") }}</h2>
        <p style="font-size: 18px;">
            {{ lang.t("As part of our diagnostic and support procedure, JetApps staff will need remote access to your server.") }}
            <br />
            {{ lang.t("Please note that all connections made by JetApps staff to your server are secure and monitored.") }}
            <br />
            {{ lang.t("Remote login will be preformed from a dedicated \"jumpbox\" with a unique authorized key.") }}
        </p>

        <div style="font-size: 15px; margin-top: 20px;">
            <div style="margin-bottom: 5px;">
                <div class="pretty p-default p-curve p-smooth">
                    <input type="checkbox" ng-model="options.access" id="access" ng-checked="options.access" />
                    <div class="state p-primary"><label for="access">{{ lang.t("I allow JetApps staff to access my server") }}</label></div>
                </div>
            </div>


            <div ng-show="options.access" style="margin-top: 20px;">

                <div style="margin-bottom: 5px;">
                    <h4>{{ lang.t("Apply JetApp's \"jumpbox\" SSH key to your server") }}</h4>
                    <div class="pretty p-default p-round p-smooth">
                        <input type="radio" ng-model="options.sshkey" id="sshkey_1" ng-checked="options.sshkey == 1" value="1" />
                        <div class="state p-primary"><label for="sshkey_1">{{ lang.t("Try to apply automatically") }}</label></div>
                    </div>
                    <div class="pretty p-default p-round p-smooth">
                        <input type="radio" ng-model="options.sshkey" id="sshkey_0" ng-checked="options.sshkey == 0" value="0" />
                        <div class="state p-primary"><label for="sshkey_0">{{ lang.t("Apply manually") }}</label></div>
                    </div>

                    <div style="padding: 10px; border: 1px solid #ccc; background: #f5f5f5; border-radius: 4px; margin-top: 10px; margin-bottom: 10px; max-width: 1000px; overflow-x: auto;" ng-show="options.sshkey == 0">{{info.sshkey}}</div>
                </div>

                <div style="margin-bottom: 5px;">
                    <div class="pretty p-default p-curve p-smooth">
                        <input type="checkbox" ng-model="options.whitelisted" id="whitelisted" ng-checked="options.whitelisted" />
                        <div class="state p-primary"><label for="whitelisted">{{ lang.t("I have whitelisted the following JetApps support team IP addresses to access this server:") }}</label></div>
                    </div>
                    <ul style="margin-left: 30px;">
                        <li ng-repeat="ip in info.ips">{{ip}}</li>
                    </ul>
                </div>

            </div>
        </div>

        <div class="ln_solid"></div>
        <div class="form-group">
            <div class="col-md-12 col-sm-12 col-xs-12" style="text-align: end;">
                <a href="" class="btn btn-default" ng-click="cancel()">{{ lang.t("Cancel") }}</a>
                <a href="" class="btn btn-primary" ng-click="addSSHKey()">{{ lang.t("Next") }}</a>
            </div>
        </div>

    </div>
</div>