<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="MusicBox">
    <meta http-equiv="imagetoolbar" content="no"/>
    <meta content="true" name="MSSmartTagsPreventParsing"/>

    <meta http-equiv="cleartype" content="on">
    <title>MusicBox Settings</title>

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css" />
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>

    <meta name="description" content="MusicBox">
    <meta name="author" content="Wouter van Wijk">
    <meta name="copyright" content="(c) 2012-2017 Wouter van Wijk"/>
    <style>
        .ui-slider-input {
            display: block !important;
        }
        .ui-slider-track {
            margin-left: 4em;
        }
        label {
            font-weight: bold !important;
            margin-top: 1em !important;
            margin-bottom: 0.1em !important;
        }
        p {
            margin: 0 !important;
            margin-top: 0.2em !important;
        }
    </style>
</head>

<body>
  <div class="box focus">
    <h3>Settings</h3>
    <div>{{ error }}</div>
        <form action="save" method="post">

        {% if websettings__musicbox == "true" %}

        <div data-role="collapsible" class="settingscoll">
            <h2>Network</h2>
            <label for="network__wifi_network">Wifi Network Name</label>
            <input type="text" name="network__wifi_network" value="{{ network__wifi_network }}" size="15" maxlength="40"/>
            <label for="network__wifi_password">Wifi Password</label>
            <p>Enter your passphrase or 64 character hex key.</p>
            <input type="password" name="network__wifi_password" value="{{ network__wifi_password }}" size="8" maxlength="64"/>
            <label for="network__wifi_country">Wifi Country</label>
            <p>Optionally specify your <a href="https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2#Current_codes" target="_blank">country code</a>
            to ensure all available wifi channels are made enabled. For example: GB</p>
            <input type="text" name="network__wifi_country" value="{{ network__wifi_country }}" size="2" maxlength="2"/>

            <label for="network__workgroup">Workgroup</label>
            <p>Here you can change the default workgroup of the Windows network. This will set the workgroup to the name you want</p>
            <input type="text" name="network__workgroup" value="{{ network__workgroup }}" size="15" maxlength="40"/>

            <label for="network__enable_ssh">Enable SSH</label>
            <p>For security reasons, <b>ensure you have changed the root password</b> if you enable this.</p>
            <div>
                <select name="network__enable_ssh" data-role="slider"><br/>
                    <option value="false"{% if network__enable_ssh == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if network__enable_ssh == "true" %} selected="true"{% endif %}>On</option>
                </select>
            </div>

            <label for="network__enable_firewall">Enable Firewall</label>
            <p>Enable this to block network connections on ports other than those explicitly required by Musicbox.
               This may prevent any additional network programs from working correctly.
               This should be enabled <i>alongside other security hardening methods</i> if using Musicbox outside of your LAN (not recommended).</p>
            <div>
                <select name="network__enable_firewall" data-role="slider"><br/>
                    <option value="false"{% if network__enable_firewall == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if network__enable_firewall == "true" %} selected="true"{% endif %}>On</option>
                </select>
            </div>
        </div>

        <div data-role="collapsible" class="settingscoll">
            <h2>MusicBox</h2>
            <label for="musicbox__root_password">Root password</label>
            <p>To secure your device <b>you should change the default system password</b> to something else.</p>
            <input type="password" name="musicbox__root_password" value="{{ musicbox__root_password }}" size="15"/>

            <label for="network__name">Device name</label>
            <p>Set the name of the MusicBox. In this way you can create different devices on the same network (in different rooms). The webinterface is accessible via the name you use here, e.g. http://kitchen.local/, and multiple devices will show up in AirTunes. You can only use normal caracters and numbers in the name (no spaces, dots, etc). You can even have different devices with different Spotify accounts when needed.</p>
            <input type="text" name="network__name" value="{{ network__name }}" size="12" maxlength="9"/>

            <label for="musicbox__autoplay">Autoplay URI</label>
            <p>MusicBox can automatically start playing a stream or track at startup. The URI to use can be obtained from the <a href="/musicbox_webclient/index.html#stream">Streams</a> page, the track's popup menu, or <a href="#" onclick="getCurrentTrackUri()">get currently playing</a>.</p>
            <input type="text" name="musicbox__autoplay" value="{{ musicbox__autoplay }}" size="15" maxlength="300"/>

            <label for="musicbox__autoplaymaxwait">Autoplay timeout</label>
            <p>The maximum waiting time (in seconds) for the system to become ready for autoplaying. If this expires, autoplaying is skipped. Some systems are slow to start and may require longer.</p>
            <input type="range" name="musicbox__autoplaymaxwait" value="{{ musicbox__autoplaymaxwait }}" min="0" max="600">

            <label for="musicbox__webclient">Default webclient</label>
            <p>Set the default webclient.</p>
            <div>
                <select name="musicbox__webclient" data-native-menu="true">
                    <option value="musicbox_webclient"{% if musicbox__webclient == "musicbox_webclient" or musicbox__webclient == "" %} selected="true"{% endif %}>Musicbox</option>
                    <option value="kuechenradio"{% if musicbox__webclient == "kuechenradio" %} selected="true"{% endif %}>Kuechenradio</option>
                    <option value="mobile"{% if musicbox__webclient == "mobile" %} selected="true"{% endif %}>Mobile</option>
                    <option value="moped"{% if musicbox__webclient == "moped" %} selected="true"{% endif %}>Moped</option>
                    <option value="mopify"{% if musicbox__webclient == "mopify" %} selected="true"{% endif %}>Mopify</option>
                    <option value="simple-webclient"{% if musicbox__webclient == "simple-webclient" %} selected="true"{% endif %}>Simple</option>
                </select>
            </div>
            
            <label for="musicbox__enable_stream_watchdog">Stream Watchdog</label>
            <p>Monitor and automatically restart internet streams when the network connection is restored following a dropout.</p>
            <div>
                <select name="musicbox__enable_stream_watchdog" data-role="slider"><br/>
                    <option value="false"{% if musicbox__enable_stream_watchdog == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if musicbox__enable_stream_watchdog == "true" %} selected="true"{% endif %}>On</option>
                </select>
            </div>

            <label for="musicbox__enable_shairport">AirPlay Streaming</label>
            <p>Enable streaming audio to MusicBox from iPhone/iPad/Mac/iPod using ShairPort-Sync (AirPlay).</p>
            <div>
                <select name="musicbox__enable_shairport" data-role="slider"><br/>
                    <option value="false"{% if musicbox__enable_shairport == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if musicbox__enable_shairport == "true" %} selected="true"{% endif %}>On</option>
                </select>
            </div>

            <label for="musicbox__enable_upnp">DLNA/UPnP/OpenHome Streaming</label>
            <p>Enable streaming audio to MusicBox from DLNA/UPnP/OpenHome devices using upmpdcli (UPnP).</p>
            <div>
                <select name="musicbox__enable_upnp" data-role="slider"><br/>
                    <option value="false"{% if musicbox__enable_upnp == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if musicbox__enable_upnp == "true" %} selected="true"{% endif %}>On</option>
                </select>
            </div>

            <label for="logging__config_file">Mopidy logging</label>
            <p>Select the logging level required. Debug logging will be found in /tmp/mopidy-debug.log</p>
            <div>
                <select name="logging__config_file" data-native-menu="true">
                    <option value="/etc/mopidy/logging.conf"{% if logging__config_file == "/etc/mopidy/logging.conf" %} selected="true"{% endif %}>Normal</option>
                    <option value="/etc/mopidy/logging-debug.conf"{% if logging__config_file == "/etc/mopidy/logging-debug.conf" %} selected="true"{% endif %}>Debug</option>
                </select>
            </div>
        </div>

         {% endif %}

        <div data-role="collapsible" class="settingscoll">
            <h2>Audio</h2>

            <label for="audio__mixer_volume">Initial volume:</label>
            <input type="range" name="audio__mixer_volume" style=".ui-slider-input {
    display: block !important;
}" value="{{ audio__mixer_volume }}{% if (audio__mixer_volume is undefined) %}85{% endif %}" min="0" max="100">

        {% if websettings__musicbox == "true" %}

            <label for="musicbox__output">Audio output</label>
            <p>Automatic detection selects USB audio if a USB audio device is found, 
            HDMI if a HDMI device is detected at boot, otherwise analog output.
            Addon cards from JustBoom, HifiBerry, IQ Audio etc cannot be detected automatically and must be explicitly set.</p>
        <select name="musicbox__output" data-native-menu="true">
            <option value=""{% if musicbox__output == "" %} selected="true"{% endif %}>Automatic</option>
            <option value="analog"{% if musicbox__output == "analog" %} selected="true"{% endif %}>Analog</option>
            <option value="usb"{% if musicbox__output == "usb" %} selected="true"{% endif %}>USB</option>
            <option value="hdmi"{% if musicbox__output == "hdmi" %} selected="true"{% endif %}>HDMI</option>
            <option value="justboom_dac"{% if musicbox__output == "justboom_dac" %} selected="true"{% endif %}>JustBoom DAC/AMP</option>
            <option value="justboom_digi"{% if musicbox__output == "justboom_digi" %} selected="true"{% endif %}>JustBoom Digi</option>
            <option value="hifiberry_dac"{% if musicbox__output == "hifiberry_dac" %} selected="true"{% endif %}>HifiBerry DAC/DAC+ LIGHT/DAC ZERO/MINIAMP / pHAT DAC</option>
            <option value="hifiberry_digi"{% if musicbox__output == "hifiberry_digi" %} selected="true"{% endif %}>HifiBerry Digi</option>
            <option value="hifiberry_dacplus"{% if musicbox__output == "hifiberry_dacplus" %} selected="true"{% endif %}>HifiBerry DAC+/PRO/AMP2</option>
            <option value="hifiberry_amp"{% if musicbox__output == "hifiberry_amp" %} selected="true"{% endif %}>HifiBerry AMP</option>
            <option value="iqaudio_dacplus"{% if musicbox__output == "iqaudio_dacplus" %} selected="true"{% endif %}>IQ Audio DAC+/Zero/PRO/AMP+</option>
            <option value="iqaudio_digi_wm8804_audio"{% if musicbox__output == "iqaudio_digi_wm8804_audio" %} selected="true"{% endif %}>IQ Audio Digi+</option>
            <option value="allo_boss_dac_pcm512x_audio"{% if musicbox__output == "allo_boss_dac_pcm512x_audio" %} selected="true"{% endif %}>Allo Boss HiFi DAC / Mini Boss HiFi DAC</option>
            <option value="allo_piano_dac_pcm512x_audio"{% if musicbox__output == "allo_piano_dac_pcm512x_audio" %} selected="true"{% endif %}>Allo Piano DAC</option>
            <option value="allo_piano_dac_plus_pcm512x_audio"{% if musicbox__output == "allo_piano_dac_plus_pcm512x_audio" %} selected="true"{% endif %}>Allo Piano DAC+</option>
            <option value="allo_digione"{% if musicbox__output == "allo_digione" %} selected="true"{% endif %}>Allo DigiOne</option>
            <option value="audioinjector-wm8731-audio"{% if musicbox__output == "audioinjector-wm8731-audio" %} selected="true"{% endif %}>AudioInjector Stereo</option>
            <option value="audioinjector-addons"{% if musicbox__output == "audioinjector-addons" %} selected="true"{% endif %}>AudioInjector Octo</option>
        </select>

            <label for="musicbox__downsample_usb">Downsample USB</label>
            <p>Because of limitations with some USB-DACs, MusicBox downsamples USB sound to 44k by default. You can disable this here.</p>
            <div>
                <select name="musicbox__downsample_usb" data-role="slider"><br/>
                    <option value="false"{% if musicbox__downsample_usb == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if musicbox__downsample_usb == "true" %} selected="true"{% endif %}>On</option>
                </select>
            </div>

            <label for="audio__mixer">Hardware Mixer</label>
            <p>For some USB audiocards (DACs), you can enable hardware mixing of the volume.</p>
            <div>
                <select name="audio__mixer" data-role="slider"><br/>
                    <option value="software"{% if audio__mixer == "software" %} selected="true"{% endif %}>Off</option>
                    <option value="alsamixer"{% if audio__mixer == "alsamixer" %} selected="true"{% endif %}>On</option>
                </select>
            </div>

        {% endif %}

        </div>

        {% if websettings__musicbox == "true" %}

        <div data-role="collapsible" class="settingscoll">
            <h2>Music files</h2>
            <label for="musicbox__scan_always">Scan Music Files</label>
            <p>Use this setting to let Mopidy/MusicBox scan on startup for new music files on the SD Card, USB or the Network. This could take a while! This can slowdown the boot a lot. Disable it again if your music doesn't change.</p>
            <div>
                <select name="musicbox__scan_always" data-role="slider"><br/>
                    <option value="false"{% if musicbox__scan_always == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if musicbox__scan_always == "true" %} selected="true"{% endif %}>On</option>
                </select>
            </div>

            <label for="network__mount_address">Network Drive</label>
            <p>Mount Windows Network Drive on boot. Type the address exactly like this (samba mount): //servername/mountpoint/directory e.g. //192.168.1.5/musicmount or //server.local/shared/music<br/>
If the mount needs a username/password, also set it (leave empty for guest-access). Don't forget to let Mopidy/MusicBox scan the contents at first boot (see MusicBox Settings section)</p>
            <input type="text" name="network__mount_address" value="{{ network__mount_address }}" size="20" maxlength="250"/>

            <label for="network__mount_user">Username</label>
            <input type="text" name="network__mount_user" value="{{ network__mount_user }}" size="15" maxlength="50"/>

            <label for="network__mount_password">Password</label>
            <input type="password" name="network__mount_password" value="{{ network__mount_password }}" size="15"/>

        </div>

        {% endif %}

    <h3>Services</h3>
        <div data-role="collapsible" class="settingscoll">
            <h2>Spotify</h2>
            <p>Enable playing music from Spotify. This now also requires additional credentials obtained from
                <a href="https://www.mopidy.com/authenticate#spotify" target="_blank">https://www.mopidy.com/authenticate</a>
            </p>
            <div>
                <select name="spotify__enabled" data-role="slider"><br/>
                    <option value="false"{% if spotify__enabled == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if spotify__enabled == "true" %} selected="true"{% endif %}>On</option>
                </select>
            </div>
            <label for="spotify__username">Username</label>
            <input type="text" name="spotify__username" value="{{ spotify__username }}" size="15" maxlength="40"/>
            <label for="spotify__password">Password</label>
            <input type="password" name="spotify__password" value="{{ spotify__password }}" size="10"/>
            <label for="spotify__client_id">Client ID</label>
            <p>From <a href="https://www.mopidy.com/authenticate#spotify" target="_blank">https://www.mopidy.com/authenticate</a>
                e.g. 1b3c56f8-2a4e-1b3d-a9b2-1d3e56f89c</p>
            <input type="text" name="spotify__client_id" value="{{ spotify__client_id }}" size="30" maxlength="50"/>
            <label for="spotify__client_secret">Client Secret</label>
            <p>From <a href="https://www.mopidy.com/authenticate#spotify" target="_blank">https://www.mopidy.com/authenticate</a>
                e.g. aBcdEFGhj-jk12z3548d8sma-LKdDYvbR674GDGDa=</p>
            <input type="text" name="spotify__client_secret" value="{{ spotify__client_secret }}" size="40" maxlength="60"/>
            <label for="spotify__bitrate">Music Quality (bitrate)</label>
            <select name="spotify__bitrate">
                <option value="96"{% if spotify__bitrate == "96" %} selected="true"{% endif %}>Lowest, low network usage (96kbps)</option>
                <option value="160"{% if spotify__bitrate == "160" %} selected="true"{% endif %}>Medium, medium network usage (160kbps)</option>
                <option value="320"{% if spotify__bitrate == "320" %} selected="true"{% endif %}>High, higher network usage (320kbps)</option>
            </select>

            <label for="musicbox__enable_connect">Spotify Connect</label>
            <p>Enable streaming audio via Spotify Connect (librespot). ** BETA **</p>
            <select name="musicbox__enable_connect" data-role="slider"><br/>
                <option value="false"{% if musicbox__enable_connect == "false" %} selected="true"{% endif %}>Off</option>
                <option value="true"{% if musicbox__enable_connect == "true" %} selected="true"{% endif %}>On</option>
            </select>

            <label for="spotify_web__enabled">Spotify-Web</label>
            <p>Enable extended Spotify browsing</p>
            <select name="spotify_web__enabled" data-role="slider"><br/>
                <option value="false"{% if spotify_web__enabled == "false" %} selected="true"{% endif %}>Off</option>
                <option value="true"{% if spotify_web__enabled == "true" %} selected="true"{% endif %}>On</option>
            </select>
        </div>

        <div data-role="collapsible" class="settingscoll">
            <h2>AudioAddict</h2>
            <p>Enable playing music from the AudioAddict network of sites, including Digitally Imported, RadioTunes, RockRadio, JazzRadio and FrescaRadio.</p>
            <div>
                <select name="audioaddict__enabled" data-role="slider"><br/>
                    <option value="false"{% if audioaddict__enabled == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if audioaddict__enabled == "true" %} selected="true"{% endif %}>On</option>
                </select>
            </div>
            <label for="audioaddict__username">Username</label>
            <input type="text" name="audioaddict__username" value="{{ audioaddict__username }}" size="15" maxlength="40"/>
            <label for="audioaddict__password">Password</label>
            <input type="password" name="audioaddict__password" value="{{ audioaddict__password }}" size="10"/>
            <label for="audioaddict__bitrate">Music Quality (bitrate)</label>
        <select name="audioaddict__quality">
            <option value="40k"{% if audioaddict__quality == "40k" %} selected="true"{% endif %}>Lowest, low network usage (40kbps)</option>
            <option value="64k"{% if audioaddict__quality == "64k" %} selected="true"{% endif %}>Medium, medium network usage (64kbps)</option>
            <option value="128k"{% if audioaddict__quality == "128k" %} selected="true"{% endif %}>Great, higher network usage (128kbps)</option>
            <option value="320k"{% if audioaddict__quality == "320k" %} selected="true"{% endif %}>Excellent, higher network usage (320kbps)</option>
        </select>
        <div>
          <label for="audioaddict__difm">Enable DI.FM?</label>
          <select name="audioaddict__difm" data-role="slider"><br/>
            <option value="false"{% if audioaddict__difm == "false" %} selected="true"{% endif %}>Off</option>
            <option value="true"{% if audioaddict__difm == "true" %} selected="true"{% endif %}>On</option>
          </select>
        </div>
        <div>
          <label for="audioaddict__radiotunes">Enable RadioTunes?</label>
          <select name="audioaddict__radiotunes" data-role="slider"><br/>
            <option value="false"{% if audioaddict__radiotunes == "false" %} selected="true"{% endif %}>Off</option>
            <option value="true"{% if audioaddict__radiotunes == "true" %} selected="true"{% endif %}>On</option>
          </select>
        </div>
        <div>
          <label for="audioaddict__rockradio">Enable RockRadio?</label>
          <select name="audioaddict__rockradio" data-role="slider"><br/>
            <option value="false"{% if audioaddict__rockradio == "false" %} selected="true"{% endif %}>Off</option>
            <option value="true"{% if audioaddict__rockradio == "true" %} selected="true"{% endif %}>On</option>
          </select>
        </div>
        <div>
          <label for="audioaddict__jazzradio">Enable JazzRadio?</label>
          <select name="audioaddict__jazzradio" data-role="slider"><br/>
            <option value="false"{% if audioaddict__jazzradio == "false" %} selected="true"{% endif %}>Off</option>
            <option value="true"{% if audioaddict__jazzradio == "true" %} selected="true"{% endif %}>On</option>
          </select>
        </div>
        <div>
          <label for="audioaddict__frescaradio">Enable FrescaRadio?</label>
          <select name="audioaddict__frescaradio" data-role="slider"><br/>
            <option value="false"{% if audioaddict__frescaradio == "false" %} selected="true"{% endif %}>Off</option>
            <option value="true"{% if audioaddict__frescaradio == "true" %} selected="true"{% endif %}>On</option>
          </select>
        </div>
        </div>

        <div data-role="collapsible" class="settingscoll">
            <h2>SoundCloud</h2>
            <p>SoundCloud requires credentials obtained from 
                <a href="https://www.mopidy.com/authenticate" target="_blank">https://www.mopidy.com/authenticate</a>
            </p>
            <div>
                <select name="soundcloud__enabled" data-role="slider"><br/>
                    <option value="false"{% if soundcloud__enabled == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if soundcloud__enabled == "true" %} selected="true"{% endif %}>On</option>
                </select>
            </div>
            <label for="soundcloud__auth_token">Token</label>
            <p>Fill the token here e.g. 1-1111-1111111</p>
            <input type="text" name="soundcloud__auth_token" id="sc_token" value="{{ soundcloud__auth_token }}" size="15" maxlength="40"/>
        </div>

        <div data-role="collapsible" class="settingscoll">
            <h2>Google Music</h2>
            <p>Please provide your username, password to enable Google Music.</p>
            <div>
                <select name="gmusic__enabled" data-role="slider"><br/>
                    <option value="false"{% if gmusic__enabled == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if gmusic__enabled == "true" %} selected="true"{% endif %}>On</option>
                </select>
            </div>
            <label for="gmusic__username">Username</label>
            <input type="text" name="gmusic__username" value="{{ gmusic__username }}" size="15" maxlength="40"/>
            <label for="gmusic__password">Password</label>
            <p>If you use 2-way authentication, you need an application-specific password.</p>
            <input type="password" name="gmusic__password" value="{{ gmusic__password }}" size="10"/>
            <p>You may need to supply a device ID. See <a href="https://github.com/mopidy/mopidy-gmusic#configuration">here</a> for more information.</p>
            <input type="text" name="gmusic__deviceid" value="{{ gmusic__deviceid }}" size="10" maxlength="40"/>
        </div>

        <div data-role="collapsible" class="settingscoll">
            <h2>Last.FM</h2>
            <p>Please provide your username, password to enable scrobbling music to Last.FM.</p>
            <div>
                <select name="scrobbler__enabled" data-role="slider"><br/>
                    <option value="false"{% if scrobbler__enabled == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if scrobbler__enabled == "true" %} selected="true"{% endif %}>On</option>
                </select>
            </div>
            <label for="scrobbler__username">Username</label>
            <input type="text" name="scrobbler__username" value="{{ scrobbler__username }}" size="15" maxlength="40"/>
            <label for="spotify__password">Password</label>
            <input type="password" name="scrobbler__password" value="{{ scrobbler__password }}" size="10"/>
        </div>

        <div data-role="collapsible" class="settingscoll">
            <h2>YouTube</h2>
            <p>Play sound from YouTube videos (use search to find them)</p>
            <div>
                <select name="youtube__enabled" data-role="slider"><br/>
                    <option value="false"{% if youtube__enabled == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if (youtube__enabled == "true") %} selected="true"{% endif %}>On</option>
                </select>
            </div>
        </div>

        <div data-role="collapsible" class="settingscoll">
            <h2>Podcasts</h2>
            <p>Browse podcasts distributed as RSS feeds and play individual episodes in a variety of audio formats.
            Edit the subscription file at /boot/config/Podcasts.opml</p>
            <div>
                <select name="podcast__enabled" data-role="slider"><br/>
                    <option value="false"{% if podcast__enabled == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if (podcast__enabled == "true") %} selected="true"{% endif %}>On</option>
                </select>
            </div>
<!-- does work yet            <label for="podcast__feed_urls">Feed urls</label>
            <p>Give the links to podcast RSS feeds you want to use. Seperate with commas. E.g. http://www.npr.org/rss/podcast.php?id=510019, http://www.npr.org/rss/podcast.php?id=510253</p>
            <div data-role="fieldcontain">
                <textarea rows="8" cols="40" name="podcast__feed_urls">{{ podcast__feed_urls }}</textarea>
            </div>
-->
        </div>

        <div data-role="collapsible" class="settingscoll">
            <h2>TuneIn</h2>
            <p>Play radio stations from TuneIn.</p>
            <div>
                <select name="tunein__enabled" data-role="slider"><br/>
                    <option value="false"{% if tunein__enabled == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if (tunein__enabled == "true") %} selected="true"{% endif %}>On</option>
                </select>
            </div>
        </div>

        <div data-role="collapsible" class="settingscoll">
            <h2>Dirble</h2>
            <p>Play radio stations from Dirble.</p>
            <div>
                <select name="dirble__enabled" data-role="slider"><br/>
                    <option value="false"{% if dirble__enabled == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if dirble__enabled == "true" %} selected="true"{% endif %}>On</option>
                </select>
            </div>

<!-- does not work yet            <label for="dirble__countries">Countries</label>
            <p>Fill in the stations of country codes you want to see in the Dirble directory. Seperate with commas. E.g. US, NL, DE, NO, SE</p>
            <input type="text" name="dirble__countries" value="{{ dirble__countries }}" size="15" maxlength="40"/>
-->
            <label for="dirble__api_key">API-key</label>
            <p>Optionally you can get an api-key by creating an account at <a href="http://www.dirble.com/">Dirble.com</a>. Then go to the section 'Your API-Keys' and copy the key you see and fill it in e.g 473279e3fa0e7010cbbbb40ecc31890d46e57a2e</p>
            <input type="text" name="dirble__api_key" value="{{ dirble__api_key }}" size="15" maxlength="40"/>

        </div>

        <div data-role="collapsible" class="settingscoll">
            <h2>Soma FM</h2>
            <p>Play radiostations from Soma FM.</p>
            <div>
                <select name="somafm__enabled" data-role="slider"><br/>
                    <option value="false"{% if somafm__enabled == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if (somafm__enabled == "true") %} selected="true"{% endif %}>On</option>
                </select>
            </div>
        </div>

        <div data-role="collapsible" class="settingscoll">
            <h2>Local Files</h2>
            <p>Play audio files from this device or the network</p>
            <div>
                <select name="local__enabled" data-role="slider"><br/>
                    <option value="false"{% if local__enabled == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if (local__enabled == "true") %} selected="true"{% endif %}>On</option>
                </select>
            </div>
        </div>

        <div data-role="collapsible" class="settingscoll">
            <h2>The Internet Archive</h2>
            <p>Play (old) sounds, music and speech from The Internet Archive</p>
            <div>
                <select name="internetarchive__enabled" data-role="slider"><br/>
                    <option value="false"{% if internetarchive__enabled == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if internetarchive__enabled == "true" %} selected="true"{% endif %}>On</option>
                </select>
            </div>
        </div>

        <div data-role="collapsible" class="settingscoll">
            <h2>Subsonic</h2>
            <p>Enable subsonic musicstreamer support.</p>
            <div>
                <select name="subsonic__enabled" data-role="slider"><br/>
                    <option value="false"{% if subsonic__enabled == "false" %} selected="true"{% endif %}>Off</option>
                    <option value="true"{% if subsonic__enabled == "true" %} selected="true"{% endif %}>On</option>
                </select>
            </div>
            <label for="subsonic__hostname">Host url (e.g. music.myserver.org )</label>
            <input type="text" name="subsonic__hostname" value="{{ subsonic__hostname }}" size="15" maxlength="40"/>
            <label for="subsonic__port">Port (e.g. 445)</label>
            <input type="text" name="subsonic__port" value="{{ subsonic__port }}" size="6" maxlength="5"/>
            <label for="subsonic__username">Username</label>
            <input type="text" name="subsonic__username" value="{{ subsonic__username }}" size="15" maxlength="40"/>
            <label for="subsonic__api_key">Password</label>
            <input type="password" name="subsonic__password" value="{{ subsonic__password }}" size="15"/>
            <label for="subsonic__ssl">Enable SSL</label>
            <div>
                <select name="subsonic__ssl" data-role="slider"><br/>
                    <option value="no"{% if subsonic__ssl == "no" %} selected="true"{% endif %}>Off</option>
                    <option value="yes"{% if subsonic__ssl == "yes" %} selected="true"{% endif %}>On</option>
                </select>
            </div>
        </div>
        <input type="submit" value="Save" />
      </form>
      <br/><br/>
    </div>
    <script type="text/javascript" src="js/mopidy.min.js"></script>
    <script type="text/javascript" src="js/simple.js"></script>
  </body>
</html>
