<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui,viewport-fit=cover">
        <meta name=apple-mobile-web-app-capable content=yes>
        <meta name=apple-mobile-web-app-status-bar-style content=black>
        <title>Property Inspector Samples PI</title>
        <link rel="stylesheet" href="css/sdpi.css">
        <!--link rel="stylesheet"
              media="screen and (max-width: 1025px)"
              href="css/local.css" -->

    </head>

    <body>
        <div class="sdpi-wrapper">

            <div class="sdpi-item" id="host" title="IP or Hostname of the server, with optional port.">
                <div class="sdpi-item-label">SSH IP/Host</div>
                <input class="sdpi-item-value" id="ssh_host" value="" placeholder="e.g. 192.168.61.1:21" required>
            </div>

            <div class="sdpi-item" id="user" title="SSH Username">
                <div class="sdpi-item-label">Username</div>
                <input class="sdpi-item-value" id="ssh_user" value="" required>
            </div>

            <div class="sdpi-item" id="ssh_password_container">
                <div class="sdpi-item-label">Password</div>
                <input type="password" id="ssh_password" class="sdpi-item-value" value="">
            </div>

            <div class="sdpi-item" id="my_private_file_selector">
                <div class="sdpi-item-label">SSH Key</div>
                <div class="sdpi-item-group file" id="filepickergroup">
                    <input class="sdpi-item-value" type="file" id="ssh_key">
                    <label class="sdpi-file-info" for="ssh_key">no file...</label>
                    <label class="sdpi-file-label" for="ssh_key">Choose file...</label>
                </div>
            </div>

            <div class="sdpi-item" id="ssh_key_passphrase_container" style="display: none;">
                <div class="sdpi-item-label">Key Passphrase</div>
                <input type="password" id="ssh_key_passphrase" class="sdpi-item-value" value="">
            </div>

            <div class="sdpi-item" id="command">
                <div class="sdpi-item-label">Command</div>
                <input class="sdpi-item-value" id="ssh_command" value="" placeholder="" required>
            </div>


        </div>
        <!-- <script src="echomd.js"></script> -->
        <script
                src="https://code.jquery.com/jquery-3.3.1.min.js"
                integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
                crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/node-forge@0.7.0/dist/forge.min.js"></script>
        <script src="index_pi.js"></script>

    </body>

</html>