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

    <div class="form-group">
        <label class="col-sm-3 control-label">Rename Episodes</label>

        <div class="col-sm-8">
            <div class="input-group">
                <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-sonarr-form-warning" title="Sonarr will use the existing file name if set to no"/>
                </span>
            </div>
        </div>
    </div>

    <div class="form-group advanced-setting">
        <label class="col-sm-3 control-label">Replace Illegal Characters</label>

        <div class="col-sm-8">
            <div class="input-group">
                <label class="checkbox toggle well">
                    <input type="checkbox" name="replaceIllegalCharacters" />

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

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

                <span class="help-inline-checkbox">
                    <i class="icon-sonarr-form-info" title="Replace or Remove illegal characters"/>
                </span>
            </div>
        </div>
    </div>

    <div class="x-naming-options">
        <div class="basic-setting x-basic-naming"></div>

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

            <div class="col-sm-1 col-sm-push-8 help-inline">
                <i class="icon-sonarr-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-sonarr-form-info-link"/></a>
            </div>

            <div class="col-sm-8 col-sm-pull-1">
                <div class="input-group x-helper-input">
                    <input type="text" class="form-control naming-format" name="standardEpisodeFormat" data-onkeyup="true" />
                    <div class="input-group-btn btn-group x-naming-token-helper">
                        <button class="btn btn-icon-only dropdown-toggle" data-toggle="dropdown">
                            <i class="icon-sonarr-add"></i>
                        </button>
                        <ul class="dropdown-menu">
                            {{> SeriesTitleNamingPartial}}
                            {{> SeasonNamingPartial}}
                            {{> EpisodeNamingPartial}}
                            {{> EpisodeTitleNamingPartial}}
                            {{> QualityNamingPartial}}
                            {{> MediaInfoNamingPartial}}
                            {{> ReleaseGroupNamingPartial}}
                            {{> OriginalTitleNamingPartial}}
                            {{> SeparatorNamingPartial}}
                        </ul>
                    </div>
                </div>
            </div>
        </div>

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

            <div class="col-sm-1 col-sm-push-8 help-inline">
                <i class="icon-sonarr-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-sonarr-form-info-link"/></a>
            </div>

            <div class="col-sm-8 col-sm-pull-1">
                <div class="input-group x-helper-input">
                    <input type="text" class="form-control naming-format" name="dailyEpisodeFormat" data-onkeyup="true" />
                    <div class="input-group-btn btn-group x-naming-token-helper">
                        <button class="btn btn-icon-only dropdown-toggle" data-toggle="dropdown">
                            <i class="icon-sonarr-add"></i>
                        </button>
                        <ul class="dropdown-menu">
                            {{> SeriesTitleNamingPartial}}
                            {{> AirDateNamingPartial}}
                            {{> SeasonNamingPartial}}
                            {{> EpisodeNamingPartial}}
                            {{> EpisodeTitleNamingPartial}}
                            {{> QualityNamingPartial}}
                            {{> MediaInfoNamingPartial}}
                            {{> ReleaseGroupNamingPartial}}
                            {{> OriginalTitleNamingPartial}}
                            {{> SeparatorNamingPartial}}
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="form-group advanced-setting">
            <label class="col-sm-3 control-label">Anime Episode Format</label>

            <div class="col-sm-1 col-sm-push-8 help-inline">
                <i class="icon-sonarr-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-sonarr-form-info-link"/></a>
            </div>

            <div class="col-sm-8 col-sm-pull-1">
                <div class="input-group x-helper-input">
                    <input type="text" class="form-control naming-format" name="animeEpisodeFormat" data-onkeyup="true" />
                    <div class="input-group-btn btn-group x-naming-token-helper">
                        <button class="btn btn-icon-only dropdown-toggle" data-toggle="dropdown">
                            <i class="icon-sonarr-add"></i>
                        </button>
                        <ul class="dropdown-menu">
                            {{> SeriesTitleNamingPartial}}
                            {{> AbsoluteEpisodeNamingPartial}}
                            {{> SeasonNamingPartial}}
                            {{> EpisodeNamingPartial}}
                            {{> EpisodeTitleNamingPartial}}
                            {{> QualityNamingPartial}}
                            {{> MediaInfoNamingPartial}}
                            {{> ReleaseGroupNamingPartial}}
                            {{> OriginalTitleNamingPartial}}
                            {{> SeparatorNamingPartial}}
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="form-group advanced-setting">
        <label class="col-sm-3 control-label">Series Folder Format</label>

        <div class="col-sm-1 col-sm-push-8 help-inline">
            <i class="icon-sonarr-form-info" title="" data-original-title="All caps or all lower-case can also be used. Only used when adding a new series."></i>
        </div>

        <div class="col-sm-8 col-sm-pull-1">
            <div class="input-group x-helper-input">
                <input type="text" class="form-control naming-format" name="seriesFolderFormat" data-onkeyup="true"/>
                <div class="input-group-btn btn-group x-naming-token-helper">
                    <button class="btn btn-icon-only dropdown-toggle" data-toggle="dropdown">
                        <i class="icon-sonarr-add"></i>
                    </button>
                    <ul class="dropdown-menu">
                        {{> SeriesTitleNamingPartial}}
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-3 control-label">Season Folder Format</label>

        <div class="col-sm-8">
            <div class="input-group x-helper-input">
                <input type="text" class="form-control naming-format" name="seasonFolderFormat" data-onkeyup="true"/>
                <div class="input-group-btn btn-group x-naming-token-helper">
                    <button class="btn btn-icon-only dropdown-toggle" data-toggle="dropdown">
                        <i class="icon-sonarr-add"></i>
                    </button>
                    <ul class="dropdown-menu">
                        {{> SeriesTitleNamingPartial}}
                        {{> SeasonNamingPartial}}
                        {{> SeparatorNamingPartial}}
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="x-naming-options">
        <div class="form-group">
            <label class="col-sm-3 control-label">Multi-Episode Style</label>

            <div class="col-sm-2">
                <select class="form-control x-multi-episode-style" name="multiEpisodeStyle">
                    <option value="0">Extend</option>
                    <option value="1">Duplicate</option>
                    <option value="2">Repeat</option>
                    <option value="3">Scene</option>
                    <option value="4">Range</option>
                    <option value="5">Prefixed Range</option>
                </select>
            </div>
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-3 control-label">Single Episode Example</label>

        <div class="col-sm-8">
            <p class="form-control-static x-single-episode-example naming-example"></p>
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-3 control-label">Multi-Episode Example</label>

        <div class="col-sm-8">
            <p class="form-control-static x-multi-episode-example naming-example"></p>
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-3 control-label">Daily-Episode Example</label>

        <div class="col-sm-8">
            <p class="form-control-static x-daily-episode-example naming-example"></p>
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-3 control-label">Anime Episode Example</label>
        <div class="col-sm-8">
            <p class="form-control-static x-anime-episode-example naming-example"></p>
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-3 control-label">Anime Multi-Episode Example</label>

        <div class="col-sm-8">
            <p class="form-control-static x-anime-multi-episode-example naming-example"></p>
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-3 control-label">Series Folder Example</label>

        <div class="col-sm-8">
            <p class="form-control-static x-series-folder-example naming-example"></p>
        </div>
    </div>

    <div class="form-group">
        <label class="col-sm-3 control-label">Season Folder Example</label>

        <div class="col-sm-8">
            <p class="form-control-static x-season-folder-example naming-example"></p>
        </div>
    </div>
</fieldset>
