<!DOCTYPE html>
<html>
<head>
    <title>AudioDB</title>
</head>
<body>
    <div data-role="page" class="page type-interior pluginConfigurationPage configPage" data-require="emby-input,emby-button,emby-checkbox">
        <div data-role="content">
            <div class="content-primary">
                <form class="configForm">
                    <label class="checkboxContainer">
                        <input is="emby-checkbox" type="checkbox" id="enable" />
                        <span>Enable this provider for metadata searches on artists and albums.</span>
                    </label>
                    <label class="checkboxContainer">
                        <input is="emby-checkbox" type="checkbox" id="replaceAlbumName" />
                        <span>When an album is found during a metadata search, replace the name with the value on the server.</span>
                    </label>
                    <br />
                    <div>
                        <button is="emby-button" type="submit" class="raised button-submit block"><span>Save</span></button>
                    </div>
                </form>
            </div>
        </div>
        <script type="text/javascript">
            var PluginConfig = {
                pluginId: "a629c0da-fac5-4c7e-931a-7174223f14c8"
            };

            document.querySelector('.configPage')
                .addEventListener('pageshow', function () {
                    Dashboard.showLoadingMsg();
                    ApiClient.getPluginConfiguration(PluginConfig.pluginId).then(function (config) {
                        document.querySelector('#enable').checked = config.Enable;
                        document.querySelector('#replaceAlbumName').checked = config.ReplaceAlbumName;
    
                        Dashboard.hideLoadingMsg();
                    });
                });

            document.querySelector('.configForm')
                .addEventListener('submit', function (e) {
                    Dashboard.showLoadingMsg();
    
                    ApiClient.getPluginConfiguration(PluginConfig.pluginId).then(function (config) {
                        config.Enable = document.querySelector('#enable').checked;
                        config.ReplaceAlbumName = document.querySelector('#replaceAlbumName').checked;
    
                        ApiClient.updatePluginConfiguration(PluginConfig.pluginId, config).then(Dashboard.processPluginConfigurationUpdateResult);
                    });
                    
                    e.preventDefault();
                    return false;
                });
        </script>
    </div>
</body>
</html>