<fieldset>
    <legend>General</legend>

    <div class="control-group">
        <label class="control-label">Download Client</label>

        <div class="controls">
            <select class="inputClass x-download-client" name="downloadClient">
                <option value="0">SABnzbd</option>
                <option value="1">Blackhole</option>
                <option value="2">Pneumatic</option>
                <option value="3">NZBGet</option>
            </select>
            <span class="help-inline">
                <i class="icon-question-sign" title="What method do you download NZBs with?"></i>
            </span>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label">Unsorted TV Directory</label>

        <div class="controls">
            <input type="text" placeholder="C:\Unsorted TV" name="downloadClientDropDirectory" class="x-path"/>
            <span class="help-inline">
                <i class="icon-question-sign" title="The directory where your download client downloads TV shows to."></i>
            </span>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">Use Scene Name</label>

        <div class="controls">
            <label class="checkbox toggle well">
                <input type="checkbox" name="downloadClientUseSceneName"/>
                <p>
                    <span>Yes</span>
                    <span>No</span>
                </p>

                <div class="btn btn-primary slide-button"></div>
            </label>

            <span class="help-inline-checkbox">
                <i class="icon-question-sign" title="Use Scene name when adding NZB to queue?"></i>
            </span>
        </div>
    </div>
</fieldset>

<fieldset class="x-sab-config">
    <legend>SABnzbd</legend>

    <div class="control-group">
        <label class="control-label">Auto-Configure</label>

        <div class="controls">
            <input type="button" value="Auto-Configure" class="btn btn-inverse"/>
            <span class="help-inline">
                <i class="icon-question-sign"
                        title="(Windows only) If access to SABnzbd doesn't require a username & password and it is on the same system as NzbDrone, you can auto-configure it"></i>
            </span>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">Host</label>

        <div class="controls">
            <input type="text" name="sabHost"/>
            <span class="help-inline">
                <i class="icon-question-sign" title="Hostname or IP Address running SABnzbd"></i>
            </span>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">Port</label>

        <div class="controls">
            <input type="text" name="sabPort"/>
            <span class="help-inline">
                <i class="icon-question-sign" title="Port for the SABnzbd Web Interface"></i>
            </span>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">API Key</label>

        <div class="controls">
            <input type="text" name="sabApiKey"/>
            <span class="help-inline">
                <i class="icon-question-sign" title="API Key for SABnzbd<br/>Found in Config -> General"></i>
            </span>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">Username</label>

        <div class="controls">
            <input type="text" name="sabUsername"/>
            <span class="help-inline">
                <i class="icon-question-sign" title="Username for the SABnzbd web interface"></i>
            </span>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">Password</label>

        <div class="controls">
            <input type="password" name="sabPassword"/>
            <span class="help-inline">
                <i class="icon-question-sign" title="Password for the SABnzbd web interface"></i>
            </span>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">TV Category</label>

        <div class="controls">
            <input type="text" name="sabTvCategory" placeholder="This is not the dropdownlist you're looking for"/>
            <span class="help-inline">
                <i class="icon-question-sign" title="Category to use when sending NZBs to SABnzbd"></i>
            </span>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">Backlog Priority</label>

        <div class="controls">
            <select name="sabBacklogTvPriority">
                <option>Default</option>
                <option>Paused</option>
                <option>Low</option>
                <option>Normal</option>
                <option>High</option>
                <option>Force</option>
            </select>
            <span class="help-inline">
                <i class="icon-question-sign" title="Priority to use when sending episodes older than 7 days to SABnzbd"></i>
            </span>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">Recent Priority</label>

        <div class="controls">
            <select name="sabRecentTvPriority">
                <option>Default</option>
                <option>Paused</option>
                <option>Low</option>
                <option>Normal</option>
                <option>High</option>
                <option>Force</option>
            </select>
            <span class="help-inline">
                <i class="icon-question-sign" title="Priority to use when sending episodes that aired within the last 7 days to SABnzbd"></i>
            </span>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">Test</label>

        <div class="controls">
            <input type="button" value="Test" class="btn btn-inverse"/>
            <span class="help-inline">
                <i class="icon-question-sign" title="Test SABnzbd settings"></i>
            </span>
        </div>
    </div>
</fieldset>

<fieldset class="x-blackhole-config">
    <legend>Blackhole</legend>
    <div class="control-group">
        <label class="control-label">Blackhole Directory</label>

        <div class="controls">
            <input type="text" name="blackholeDirectory" class="x-path"/>
            <span class="help-inline">
                <i class="icon-question-sign" title="The directory where your download client will pickup .nzb files"></i>
            </span>
        </div>
    </div>
</fieldset>

<fieldset class="x-pneumatic-config">
    <legend>Pneumatic</legend>
    <div class="control-group">
        <label class="control-label">Nzb Directory</label>

        <div class="controls">
            <input type="text" name="pneumaticDirectory" class="x-path"/>
            <span class="help-inline">
                <i class="icon-question-sign" title="Directory to save NZBs for Pneumatic<br/>must be accessible from XBMC"></i>
            </span>
        </div>
    </div>
</fieldset>

<fieldset class="x-nzbget-config">
    <legend>NZBGet</legend>
    <div class="control-group">
        <label class="control-label">Host</label>

        <div class="controls">
            <input type="text" name="nzbgetHost"/>
            <span class="help-inline">
                <i class="icon-question-sign" title="Hostname or IP Address running NZBGet"></i>
            </span>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">Port</label>

        <div class="controls">
            <input type="text" name="nzbgetPort"/>
            <span class="help-inline">
                <i class="icon-question-sign" title="Port for the NZBGet Web Interface"></i>
            </span>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">API Key</label>

        <div class="controls">
            <input type="text" name="nzbgetApiKey"/>
            <span class="help-inline">
                <i class="icon-question-sign" title="API Key for NZBGet<br/>Found in Config -> General"></i>
            </span>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">Username</label>

        <div class="controls">
            <input type="text" name="nzbgetUsername"/>
            <span class="help-inline">
                <i class="icon-question-sign" title="Username for the NZBGet web interface"></i>
            </span>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">Password</label>

        <div class="controls">
            <input type="password" name="nzbgetPassword"/>
            <span class="help-inline">
                <i class="icon-question-sign" title="Password for the NZBGet web interface"></i>
            </span>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">TV Category</label>

        <div class="controls">
            <input type="text" name="nzbgetTvCategory"/>
            <span class="help-inline">
                <i class="icon-question-sign" title="Category to use when sending NZBs to NZBGet"></i>
            </span>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">Backlog Priority</label>

        <div class="controls">
            <select name="nzbgetBacklogTvPriority">
                <option>Default</option>
                <option>Paused</option>
                <option>Low</option>
                <option>Normal</option>
                <option>High</option>
                <option>Force</option>
            </select>
            <span class="help-inline">
                <i class="icon-question-sign" title="Priority to use when sending episodes older than 7 days to NZBGet"></i>
            </span>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">Recent Priority</label>

        <div class="controls">
            <select name="nzbgetRecentTvPriority">
                <option>Default</option>
                <option>Paused</option>
                <option>Low</option>
                <option>Normal</option>
                <option>High</option>
                <option>Force</option>
            </select>
            <span class="help-inline">
                <i class="icon-question-sign" title="Priority to use when sending episodes that aired within the last 7 days to NZBGet"></i>
            </span>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">Test</label>

        <div class="controls">
            <input type="button" value="Test" class="btn btn-inverse"/>
            <span class="help-inline">
                <i class="icon-question-sign" title="Test NZBGet settings"></i>
            </span>
        </div>
    </div>
</fieldset>