<div is="emby-scroller" data-horizontal="false" data-focusscroll="true" data-navcommands="card" data-forcescrollbar="true" class="scrollFrameY flex flex-direction-column flex-grow" data-bindheader="true">
    <div class="scrollSlider flex-grow padded-top-page padded-left padded-right padded-bottom-page">
        <div class="readOnlyContent auto-center padded-top">

            <form class="fieldsets">

                <fieldset>
                    <div class="fieldset-fields">
                        <div class="selectContainer fieldset-field">
                            <select is="emby-select" class="selectDateAdded" label="${LabelDateAddedBehavior}">
                                <option value="0">${OptionDateAddedImportTime}</option>
                                <option value="1">${OptionDateAddedFileTime}</option>
                            </select>
                            <div class="fieldDescription">${LabelDateAddedBehaviorHelp}</div>
                        </div>
                        <div class="inputContainer fieldset-field">
                            <div class="flex align-items-center">
                                <div class="flex-grow">
                                    <input is="emby-input" class="txtMetadataPath" label="${LabelMetadataPath}" autocomplete="off" />
                                </div>
                                <button type="button" is="paper-icon-button-light" title="${ButtonSelectDirectory}" class="btnSelectMetadataPath emby-input-iconbutton"><i class="md-icon">search</i></button>
                            </div>
                            <div class="fieldDescription metadataPathDescription"></div>
                            <input type="hidden" class="txtMetadataNetworkPath" />
                        </div>

                        <div class="toggleContainer fldPeopleMetadata hide fieldset-field">
                            <label>
                                <input class="chkPeopleMetadata" type="checkbox" is="emby-toggle" />
                                <span>${EnableReadingAndWritingPeopleMetadata}</span>
                            </label>
                            <div class="fieldDescription toggleFieldDescription">${EnableReadingAndWritingPeopleMetadataHelp}</div>
                        </div>

                        <div class="toggleContainer fieldset-field">
                            <label>
                                <input class="chkExternalContentInSuggestions" type="checkbox" is="emby-toggle" />
                                <span>${OptionEnableExternalContentInSuggestions}</span>
                            </label>
                            <div class="fieldDescription toggleFieldDescription">${OptionEnableExternalContentInSuggestionsHelp}</div>
                        </div>
                    </div>
                </fieldset>

                <fieldset>
                    <legend>${HeaderPreferredMetadataLanguage}</legend>

                    <p class="legendDescription">${DefaultMetadataLangaugeDescription}</p>

                    <div class="fieldset-fields">
                        <div class="selectContainer fieldset-field">
                            <select is="emby-select" class="selectLanguage" required="required" label="${LabelMetadataDownloadLanguage}"></select>
                        </div>

                        <div class="selectContainer fieldset-field">
                            <select is="emby-select" class="selectCountry" required="required" label="${LabelCertificationCountry}"></select>
                            <div class="fieldDescription">${CertificationCountryHelp}</div>
                        </div>
                    </div>
                </fieldset>

                <button is="emby-button" type="submit" class="raised button-submit block"><span>${Save}</span></button>
            </form>
        </div>
    </div>
</div>