<fieldset>
    <legend>Episode Naming</legend>

    <div class="control-group">
        <label class="control-label">Rename Episodes</label>

        <div class="controls">
            <label class="checkbox toggle well">
                <input type="checkbox" name="renameEpisodes" class="x-rename-episodes"/>

                <p>
                    <span>Yes</span>
                    <span>No</span>
                </p>

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

            <span class="help-inline-checkbox">
                <i class="icon-nd-form-warning" title="NzbDrone will use the existing file name if set to no"/>
            </span>
        </div>
    </div>

    <div class="x-naming-options">
        <div class="control-group">
            <label class="control-label">Include Series Title</label>

            <div class="controls">
                <label class="checkbox toggle well">
                    <input type="checkbox" name="includeSeriesTitle"/>

                    <p>
                        <span>Yes</span>
                        <span>No</span>
                    </p>

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

        <div class="control-group">
            <label class="control-label">Include Episode Title</label>

            <div class="controls">
                <label class="checkbox toggle well">
                    <input type="checkbox" name="includeEpisodeTitle"/>

                    <p>
                        <span>Yes</span>
                        <span>No</span>
                    </p>

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

        <div class="control-group">
            <label class="control-label">Include Quality</label>

            <div class="controls">
                <label class="checkbox toggle well">
                    <input type="checkbox" name="includeQuality"/>

                    <p>
                        <span>Yes</span>
                        <span>No</span>
                    </p>

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

        <div class="control-group">
            <label class="control-label">Replace Spaces</label>

            <div class="controls">
                <label class="checkbox toggle well">
                    <input type="checkbox" name="replaceSpaces"/>

                    <p>
                        <span>Yes</span>
                        <span>No</span>
                    </p>

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

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

            <div class="controls">
                <select class="inputClass" name="separator">
                    <option value=" - ">Dash</option>
                    <option value=" ">Space</option>
                    <option value=".">Period</option>
                </select>
            </div>
        </div>

        <div class="control-group">
            <label class="control-label">Numbering Style</label>

            <div class="controls">
                <select class="inputClass" name="numberStyle">
                    <option value="0">1x05</option>
                    <option value="1">01x05</option>
                    <option value="2">S01E05</option>
                    <option value="3">s01e05</option>
                </select>
            </div>
        </div>

        <div class="control-group">
            <label class="control-label">Multi-Episode Style</label>

            <div class="controls">
                <select class="inputClass" name="multiEpisodeStyle">
                    <option value="0">Extend</option>
                    <option value="1">Duplicate</option>
                    <option value="2">Repeat</option>
                    <option value="3">Scene</option>
                </select>
            </div>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">Single Episode Example</label>

        <div class="controls">
            <span class="x-single-episode-example naming-example"></span>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">Multi-Episode Example</label>

        <div class="controls">
            <span class="x-multi-episode-example naming-example"></span>
        </div>
    </div>
</fieldset>