<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="basic-setting x-basic-naming"></div>

        <div class="control-group advanced-setting">
            <label class="control-label">Standard Episode Format</label>

            <div class="controls">
                <div class="input-append x-helper-input">
                    <input type="text" class="naming-format" name="standardEpisodeFormat" data-onkeyup="true" />
                    <div class="btn-group x-naming-token-helper">
                        <button class="btn btn-icon-only dropdown-toggle" data-toggle="dropdown">
                            <i class="icon-plus"></i>
                        </button>
                        <ul class="dropdown-menu">
                            {{> SeriesTitleNamingPartial}}
                            {{> SeasonNamingPartial}}
                            {{> EpisodeNamingPartial}}
                            {{> EpisodeTitleNamingPartial}}
                            {{> QualityTitleNamingPartial}}
                            {{> SeparatorNamingPartial}}
                        </ul>
                    </div>
                </div>
                <span class="help-inline">
                    <i class="icon-nd-form-info" title="" data-original-title="All caps or all lower-case can also be used"></i>
                    <a href="https://github.com/NzbDrone/NzbDrone/wiki/Sorting-and-Renaming" class="help-link" title="More information"><i class="icon-nd-form-info-link"/></a>
                </span>
            </div>
        </div>

        <div class="control-group advanced-setting">
            <label class="control-label">Daily Episode Format</label>

            <div class="controls">
                <div class="input-append x-helper-input">
                    <input type="text" class="naming-format" name="dailyEpisodeFormat" data-onkeyup="true" />
                    <div class="btn-group x-naming-token-helper">
                        <button class="btn btn-icon-only dropdown-toggle" data-toggle="dropdown">
                            <i class="icon-plus"></i>
                        </button>
                        <ul class="dropdown-menu">
                            {{> SeriesTitleNamingPartial}}
                            {{> AirDateNamingPartial}}
                            {{> SeasonNamingPartial}}
                            {{> EpisodeNamingPartial}}
                            {{> EpisodeTitleNamingPartial}}
                            {{> QualityTitleNamingPartial}}
                            {{> SeparatorNamingPartial}}
                        </ul>
                    </div>
                </div>
                <span class="help-inline">
                    <i class="icon-nd-form-info" title="" data-original-title="All caps or all lower-case can also be used"></i>
                    <a href="https://github.com/NzbDrone/NzbDrone/wiki/Sorting-and-Renaming" class="help-link" title="More information"><i class="icon-nd-form-info-link"/></a>
                </span>
            </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">Season Folder Format</label>

        <div class="controls">
            <div class="input-append x-helper-input">
                <input type="text" class="naming-format" name="seasonFolderFormat"/>
                <div class="btn-group x-naming-token-helper">
                    <button class="btn btn-icon-only dropdown-toggle" data-toggle="dropdown">
                        <i class="icon-plus"></i>
                    </button>
                    <ul class="dropdown-menu">
                        {{> SeriesTitleNamingPartial}}
                        {{> SeasonNamingPartial}}
                        {{> SeparatorNamingPartial}}
                    </ul>
                </div>
            </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>

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

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