<!DOCTYPE html>
<html lang="de">
<head>
    <title>StammTV Helper — Dashboard</title>
    <meta charset="UTF-8"/>
    <link rel="icon" type="image/x-icon" href="../stammtv-bitty.png">
    <link rel="stylesheet" href="/style.css"/>
</head>
<body style="width: 80%; margin: 0 auto">
<div style="display: grid">
    <h1 class="mb-5 text-center"><span class="i18n-target"
                                       data-id="settingsHeading">StammTV Helper — Settings</span> <img
            src="/stammtv-large.png" alt="StammTV Logo"/></h1>

    <form>
        <div class="form-group row mb-3">
            <label for="stammtv-base-url" class="col-sm-2 col-form-label">
                <span class="i18n-target" data-id="settingsFormLabelBaseURL">StammTV Base URL</span>
            </label>
            <div class="col-sm-10">
                <input id="stammtv-base-url" type="url" class="form-control dark"
                       placeholder="https://..." aria-label="Add" required>
                <small class="form-text text-white" id="stammtv-base-url-small">
                    <span class="i18n-target" data-id="settingsFormHelptextBaseURL">Enter the StammTV Base URL, beginning with http:// or https://</span>
                </small>
            </div>

        </div>
        <div class="form-group row mb-3">
            <label for="stammtv-wss-url" class="col-sm-2 col-form-label">
                <span class="i18n-target" data-id="settingsFormLabelWSSURL">StammTV WSS URL</span>
            </label>
            <div class="col-sm-10">
                <input id="stammtv-wss-url" type="url" class="form-control dark"
                       placeholder="wss://..." aria-label="Add" required>
                <small class="form-text text-white" id="stammtv-wss-url-small">
                    <span class="i18n-target" data-id="settingsFormHelptextWSSURL">Enter the StammTV WSS URL, beginning with wss://</span>
                </small>
            </div>
        </div>
        <button class="btn btn-primary" type="button" id="save" title="Submit and save">
            <span class="i18n-target" data-id="settingsSaveButtonCaption">💾 Save</span>
        </button>
    </form>
</div>

<script src="/i18n.js"></script>
<script src="settings.js"></script>
</body>
</html>