<!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>StreamDeck Remote - Server</title>
        <link rel="stylesheet" href="css/sdpi.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">Host</div>
                <input class="sdpi-item-value" id="remote_host" value="" placeholder="e.g. 192.168.61.1:21" required>
            </div>

            <div class="sdpi-item" id="ssh_password_container">
                <div class="sdpi-item-label">Token</div>
                <input type="text" id="remote_token" class="sdpi-item-value" value="" required>
            </div>

            <div class="sdpi-item hidden" id="url_container" data-action="tf.meow.remote.website">
                <div class="sdpi-item-label">URL</div>
                <input type="text" id="url" class="sdpi-item-value" value="" required>
            </div>

            <div id="url_background_container" data-action="tf.meow.remote.website" type="checkbox" class="sdpi-item hidden">
                <div class="sdpi-item-label">Options</div>
                <input class="sdpi-item-value" id="background" type="checkbox" value="true">
                <label for="background"><span></span>Access in background</label>
            </div>

            <div class="sdpi-item hidden" id="path_container" data-action="tf.meow.remote.open">
                <div class="sdpi-item-label">App / File</div>
                <input type="text" id="path" class="sdpi-item-value" value="" 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="index_pi.js"></script>

    </body>

</html>