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

            <h2>
                ${HeaderAddGuideSource}
            </h2>

            <div class="selectContainer">
                <select is="emby-select" class="selectCountry" required="required" label="${LabelCountry}"></select>
            </div>
            <div class="selectContainer fldGuideProvider hide">
                <select is="emby-select" class="selectProvider" required="required" label="${GuideDataSource}"></select>
            </div>

            <div class="flex justify-content-flex-end">
                <button is="emby-button" type="submit" class="raised button-submit btnSubmit"><span>${Next}</span><i class="md-icon button-icon button-icon-right autortl">&#xe5c8;</i></button>
                <button is="emby-button" type="button" class="raised button-cancel btnCancel"><span>${Cancel}</span></button>
            </div>
        </form>
    </div>
</div>