<div class="ui dividing header">Subtitle Options</div>
<div class="twelve wide column">
    <div class="ui grid">
        <div class="middle aligned row">
            <div class="right aligned four wide column">
                <label>Search for missing Subtitles frequency (in hours)</label>
            </div>
            <div class="five wide column">
                <div class='field'>
                    <select name="settings_general_wanted_search_frequency"
                            id="settings_general_wanted_search_frequency" class="ui fluid selection dropdown">
                        % for i in [3,6,12,24]:
                        <option value="{{ i }}">{{ i }}</option>
                        %end
                    </select>
                </div>
            </div>
        </div>

        <div class="middle aligned row">
            <div class="right aligned four wide column">
                <label>Use Scene name when available</label>
            </div>
            <div class="one wide column">
                <div id="settings_scenename" class="ui toggle checkbox"
                     data-scenename={{ settings.general.getboolean('use_scenename') }}>
                    <input name="settings_general_scenename" type="checkbox">
                    <label></label>
                </div>
            </div>
            <div class="collapsed column">
                <div class="collapsed center aligned column">
                    <div class="ui basic icon"
                         data-tooltip="Use the Scene name from Sonarr/Radarr if available to circumvent usage of episode file renaming."
                         data-inverted="">
                        <i class="help circle large icon"></i>
                    </div>
                </div>
            </div>
        </div>

        <div class="middle aligned row">
            <div class="right aligned four wide column">
                <label>Minimum Score For Episodes</label>
            </div>
            <div class="two wide column">
                <div class='field'>
                    <div class="ui input">
                        <input name="settings_general_minimum_score" type="number" min="0" max="100" step="1"
                               onkeydown="return false" value="{{ settings.general.minimum_score }}">
                    </div>
                </div>
            </div>
            <div class="collapsed column">
                <div class="collapsed center aligned column">
                    <div class="ui basic icon"
                         data-tooltip="Minimum score for an Episodes Subtitle to be downloaded (0 to 100)."
                         data-inverted="">
                        <i class="help circle large icon"></i>
                    </div>
                </div>
            </div>
        </div>

        <div class="middle aligned row">
            <div class="right aligned four wide column">
                <label>Minimum Score For Movies</label>
            </div>
            <div class="two wide column">
                <div class='field'>
                    <div class="ui input">
                        <input name="settings_general_minimum_score_movies" type="number" min="0" max="100" step="1"
                               onkeydown="return false" value="{{ settings.general.minimum_score_movie }}">
                    </div>
                </div>
            </div>
            <div class="collapsed column">
                <div class="collapsed center aligned column">
                    <div class="ui basic icon"
                         data-tooltip="Minimum score for a Movie Subtitle to be downloaded (0 to 100)."
                         data-inverted="">
                        <i class="help circle large icon"></i>
                    </div>
                </div>
            </div>
        </div>

        <div class="middle aligned row">
            <div class="right aligned four wide column">
                <label>Subtitle Folder</label>
            </div>
            <div class="five wide column">
                <select name="settings_subfolder" id="settings_subfolder"
                        class="ui fluid selection dropdown">
                    <option value="current">Alongside Media File</option>
                    <option value="relative">Relative Path To Media File</option>
                    <option value="absolute">Absolute Path</option>
                </select>
            </div>

            <div class="collapsed center aligned column">
                <div class="ui basic icon"
                     data-tooltip='Choose the folder you wish to store/read the Subtitles'
                     data-inverted="">
                    <i class="help circle large icon"></i>
                </div>
            </div>
        </div>

        <div class="middle aligned row subfolder">
            <div class="two wide column"></div>
            <div class="right aligned four wide column">
                <label>Custom Subtitle Folder</label>
            </div>
            <div class="five wide column">
                <div class='field'>
                    <div class="ui fluid input">
                        <input id="settings_subfolder_custom" name="settings_subfolder_custom"
                               type="text" value="{{ settings.general.subfolder_custom }}">
                    </div>
                </div>
            </div>

            <div class="collapsed center aligned column">
                <div class="ui basic icon"
                     data-tooltip='Choose your own folder for Subtitles' data-inverted="">
                    <i class="help circle large icon"></i>
                </div>
            </div>
        </div>

        <div class="middle aligned row">
            <div class="right aligned four wide column">
                <label>Upgrade Previously Downloaded Subtitles</label>
            </div>
            <div class="one wide column">
                <div id="settings_upgrade_subs" class="ui toggle checkbox"
                     data-upgrade={{ settings.general.getboolean('upgrade_subs') }}>
                    <input name="settings_upgrade_subs" type="checkbox">
                    <label></label>
                </div>
            </div>

            <div class="collapsed center aligned column">
                <div class="ui basic icon"
                     data-tooltip='Schedule a task to upgrade Subtitles previously downloaded by Bazarr.'
                     data-inverted="">
                    <i class="help circle large icon"></i>
                </div>
            </div>
        </div>

        <div class="middle aligned row upgrade_subs">
            <div class="two wide column"></div>
            <div class="right aligned four wide column">
                <label>Upgrade Frequency (In Hours)</label>
            </div>
            <div class="five wide column">
                <div class='field'>
                    <select name="settings_upgrade_subs_frequency" id="settings_upgrade_subs_frequency"
                            class="ui fluid selection dropdown">
                        % for i in [1,3,6,12,24]:
                        <option value="{{ i }}">{{ i }}</option>
                        %end
                    </select>
                </div>
            </div>
        </div>

        <div class="middle aligned row upgrade_subs">
            <div class="two wide column"></div>
            <div class="right aligned four wide column">
                <label>Number of days to go back in history to upgrade Subtitles (up to 30)</label>
            </div>
            <div class="five wide column">
                <div class='field'>
                    <div class="ui fluid input">
                        <input id="settings_days_to_upgrade_subs" name="settings_days_to_upgrade_subs"
                               type="text" value="{{ settings.general.days_to_upgrade_subs }}">
                    </div>
                </div>
            </div>
        </div>

        <div class="middle aligned row upgrade_subs">
            <div class="two wide column"></div>
            <div class="right aligned four wide column">
                <label>Upgrade Manually Downloaded Subtitles</label>
            </div>
            <div class="one wide column">
                <div id="settings_upgrade_manual" class="ui toggle checkbox"
                     data-upgrade-manual={{ settings.general.getboolean('upgrade_manual') }}>
                    <input name="settings_upgrade_manual" type="checkbox">
                    <label></label>
                </div>
            </div>

            <div class="collapsed center aligned column">
                <div class="ui basic icon"
                     data-tooltip='Enable or disable upgrade of manually searched and downloaded Subtitles.'
                     data-inverted="">
                    <i class="help circle large icon"></i>
                </div>
            </div>
        </div>

        <div class="middle aligned row">
            <div class="right aligned four wide column">
                <label>Use Embedded Subtitles</label>
            </div>
            <div class="one wide column">
                <div id="settings_embedded" class="ui toggle checkbox"
                     data-embedded={{ settings.general.getboolean('use_embedded_subs') }}>
                    <input name="settings_general_embedded" type="checkbox">
                    <label></label>
                </div>
            </div>
            <div class="collapsed column">
                <div class="collapsed center aligned column">
                    <div class="ui basic icon"
                         data-tooltip="Use embedded Subtitles in media files when determining missing ones."
                         data-inverted="">
                        <i class="help circle large icon"></i>
                    </div>
                </div>
            </div>
        </div>

        <div class="middle aligned row">
            <div class="right aligned four wide column">
                <label>Ignore Embedded PGS Subtitles</label>
            </div>
            <div class="one wide column">
                <div id="settings_ignore_pgs" class="ui toggle checkbox"
                     data-ignorepgs={{ settings.general.getboolean('ignore_pgs_subs') }}>
                    <input name="settings_general_ignore_pgs" type="checkbox">
                    <label></label>
                </div>
            </div>
            <div class="collapsed column">
                <div class="collapsed center aligned column">
                    <div class="ui basic icon"
                         data-tooltip="Ignores PGS Subtitles in Embedded Subtitles detection. Only relevant if 'Use embedded Subtitles' is enabled."
                         data-inverted="">
                        <i class="help circle large icon"></i>
                    </div>
                </div>
            </div>
        </div>

        <div class="middle aligned row">
            <div class="right aligned four wide column">
                <label>Adaptive Searching</label>
            </div>
            <div class="one wide column">
                <div id="settings_adaptive_searching" class="ui toggle checkbox"
                     data-adaptive={{ settings.general.getboolean('adaptive_searching') }}>
                    <input name="settings_general_adaptive_searching" type="checkbox">
                    <label></label>
                </div>
            </div>
            <div class="collapsed column">
                <div class="collapsed center aligned column">
                    <div class="ui basic icon"
                         data-tooltip="When searching for Subtitles, Bazarr will search less frequently to limit call to providers."
                         data-inverted="">
                        <i class="help circle large icon"></i>
                    </div>
                </div>
            </div>
        </div>

        <div class="middle aligned row">
            <div class="right aligned four wide column">
                <label>Search Enabled Providers Simultaneously</label>
            </div>
            <div class="one wide column">
                <div id="settings_multithreading" class="ui toggle checkbox"
                     data-multithreading={{ settings.general.getboolean('multithreading') }}>
                    <input name="settings_general_multithreading" type="checkbox">
                    <label></label>
                </div>
            </div>
            <div class="collapsed column">
                <div class="collapsed center aligned column">
                    <div class="ui basic icon"
                         data-tooltip="Search multiple providers at once (Don't choose this on low powered devices)"
                         data-inverted="">
                        <i class="help circle large icon"></i>
                    </div>
                </div>
            </div>
        </div>

        <div class="middle aligned row">
            <div class="right aligned four wide column">
                <label>Encode Subtitles To UTF8</label>
            </div>
            <div class="one wide column">
                <div id="settings_utf8_encode" class="ui toggle checkbox"
                     data-utf8encode={{ settings.general.getboolean('utf8_encode') }}>
                    <input name="settings_general_utf8_encode" type="checkbox">
                    <label></label>
                </div>
            </div>
            <div class="collapsed column">
                <div class="collapsed center aligned column">
                    <div class="ui basic icon"
                         data-tooltip="Re-encode downloaded Subtitles to UTF8. Should be left enabled in most case."
                         data-inverted="">
                        <i class="help circle large icon"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="ui dividing header">Anti-Captcha Options</div>
<div class="twelve wide column">
    <div class="ui grid">
        <div class="middle aligned row">
            <div class="right aligned four wide column">
                <label>Provider</label>
            </div>
            <div class="five wide column">
                <select name="settings_anti_captcha_provider" id="settings_anti_captcha_provider"
                        class="ui fluid selection dropdown">
                    <option value="None">None</option>
                    <option value="anti-captcha">Anti-Captcha</option>
                    <option value="death-by-captcha">Death by Captcha</option>
                </select>
            </div>

            <div class="collapsed center aligned column">
                <div class="ui basic icon"
                     data-tooltip='Choose the Anti-Captcha provider you want to use.'
                     data-inverted="">
                    <i class="help circle large icon"></i>
                </div>
            </div>
        </div>

        <div class="middle aligned row anticaptcha">
            <div class="two wide column"></div>
            <div class="right aligned four wide column">
                <label>Provider Website</label>
            </div>
            <div class="five wide column">
                <a href="http://getcaptchasolution.com/eixxo1rsnw" target="_blank">Anti-Captcha.com</a>
            </div>
        </div>

        <div class="middle aligned row anticaptcha">
            <div class="two wide column"></div>
            <div class="right aligned four wide column">
                <label>Account Key</label>
            </div>
            <div class="five wide column">
                <div class='field'>
                    <div class="ui fluid input">
                        <input id="settings_anti_captcha_key" name="settings_anti_captcha_key"
                               type="text" value="{{ settings.anticaptcha.anti_captcha_key }}">
                    </div>
                </div>
            </div>
        </div>

        <div class="middle aligned row deathbycaptcha">
            <div class="two wide column"></div>
            <div class="right aligned four wide column">
                <label>Provider Website</label>
            </div>
            <div class="five wide column">
                <a href="https://www.deathbycaptcha.com" target="_blank">DeathByCaptcha.com</a>
            </div>
        </div>

        <div class="middle aligned row deathbycaptcha">
            <div class="two wide column"></div>
            <div class="right aligned four wide column">
                <label>Username</label>
            </div>
            <div class="five wide column">
                <div class='field'>
                    <div class="ui fluid input">
                        <input id="settings_death_by_captcha_username" name="settings_death_by_captcha_username"
                               type="text" value="{{ settings.deathbycaptcha.username }}">
                    </div>
                </div>
            </div>
        </div>

        <div class="middle aligned row deathbycaptcha">
            <div class="two wide column"></div>
            <div class="right aligned four wide column">
                <label>Password</label>
            </div>
            <div class="five wide column">
                <div class='field'>
                    <div class="ui fluid input">
                        <input id="settings_death_by_captcha_password" name="settings_death_by_captcha_password"
                               type="password" value="{{ settings.deathbycaptcha.password }}">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% include('providers.html') %}

<div class="ui dividing header">Subtitles languages</div>
<div class="twelve wide column">
    <div class="ui grid">
        <div class="middle aligned row">
            <div class="right aligned four wide column">
                <label>Single Language</label>
            </div>
            <div class="one wide column">
                <div id="settings_single_language" class="ui toggle checkbox"
                     data-single-language={{ settings.general.getboolean('single_language') }}>
                    <input name="settings_general_single_language" type="checkbox">
                    <label></label>
                </div>
            </div>
            <div class="collapsed column">
                <div class="collapsed center aligned column">
                    <div class="ui basic icon"
                         data-tooltip="Download a single Subtitles file without adding the language code to the filename."
                         data-inverted="">
                        <i class="help circle large icon"></i>
                    </div>
                </div>
            </div>
            <div class="ten wide column">
                <div class="fluid column">
                    <div style="color: red;">We don't recommend enabling this option unless absolutely required (ie:
                        media player not supporting language code in subtitles filename). Results may vary.
                    </div>
                </div>
            </div>
        </div>

        <div class="middle aligned row">
            <div class="right aligned four wide column">
                <label>Enabled Languages</label>
            </div>
            <div class="eleven wide column">
                <div class='field'>
                    <select name="settings_subliminal_languages" id="settings_languages" multiple=""
                            class="ui fluid search selection dropdown">
                        <option value="">Languages</option>
                        {% set enabled_languages = [] %}
                        {% for language in settings_languages %}
                            <option value="{{ language['code2'] }}">{{ language['name'] }}</option>
                            {% if language['enabled'] == True %}
                                {{ enabled_languages.append(language['code2']|string) }}
                            {% endif %}
                        {% endfor %}
                    </select>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="ui dividing header">Series Default Settings</div>
<div class="twelve wide column">
    <div class="ui grid">
        <div class="middle aligned row">
            <div class="right aligned four wide column">
                <label>Default Enabled</label>
            </div>
            <div class="one wide column">
                <div class="nine wide column">
                    <div id="settings_serie_default_enabled_div" class="ui toggle checkbox"
                         data-enabled="{{ settings.general.getboolean('serie_default_enabled') }}">
                        <input name="settings_serie_default_enabled" id="settings_serie_default_enabled"
                               type="checkbox">
                        <label></label>
                    </div>
                </div>
            </div>
            <div class="collapsed column">
                <div class="collapsed center aligned column">
                    <div class="ui basic icon"
                         data-tooltip="Apply only to series added to Bazarr after enabling this option."
                         data-inverted="">
                        <i class="help circle large icon"></i>
                    </div>
                </div>
            </div>
        </div>

        <div class="middle aligned row">
            <div class="right aligned four wide column">
                <label>Languages</label>
            </div>
            <div class="eleven wide column">
                <div class='field'>
                    <select name="settings_serie_default_languages" id="settings_serie_default_languages" multiple=""
                            class="ui fluid search selection dropdown">
                        %if settings.general.getboolean('single_language') is False:
                        <option value="">Languages</option>
                        %else:
                        <option value="None">None</option>
                        %end
                    </select>
                </div>
            </div>
        </div>

        <div class="middle aligned row">
            <div class="right aligned four wide column">
                <label>Hearing-Impaired</label>
            </div>
            <div class="eleven wide column">
                <div class="nine wide column">
                    <div id="settings_serie_default_hi_div" class="ui toggle checkbox"
                         data-hi="{{ settings.general.getboolean('serie_default_hi') }}">
                        <input name="settings_serie_default_hi" id="settings_serie_default_hi" type="checkbox">
                        <label></label>
                    </div>
                </div>
            </div>
        </div>

        <div class="middle aligned row">
            <div class="right aligned four wide column">
                <label>Forced</label>
            </div>
            <div class="eleven wide column">
                <div class='field'>
                    <select name="settings_serie_default_forced" id="settings_serie_default_forced"
                            class="ui fluid selection dropdown">
                        <option value="False">False</option>
                        <option value="True">True</option>
                        <option value="Both">Both</option>
                    </select>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="ui dividing header">Movie Default Settings</div>
<div class="twelve wide column">
    <div class="ui grid">
        <div class="middle aligned row">
            <div class="right aligned four wide column">
                <label>Default Enabled</label>
            </div>
            <div class="one wide column">
                <div class="nine wide column">
                    <div id="settings_movie_default_enabled_div" class="ui toggle checkbox"
                         data-enabled="{{ settings.general.getboolean('movie_default_enabled') }}">
                        <input name="settings_movie_default_enabled" id="settings_movie_default_enabled"
                               type="checkbox">
                        <label></label>
                    </div>
                </div>
            </div>
            <div class="collapsed column">
                <div class="collapsed center aligned column">
                    <div class="ui basic icon"
                         data-tooltip="Apply only to Movies added to Bazarr after enabling this option."
                         data-inverted="">
                        <i class="help circle large icon"></i>
                    </div>
                </div>
            </div>
        </div>

        <div class="middle aligned row">
            <div id="movie_default_languages_label" class="right aligned four wide column">
                <label>Languages</label>
            </div>
            <div class="eleven wide column">
                <div class='field'>
                    <select name="settings_movie_default_languages" id="settings_movie_default_languages" multiple=""
                            class="ui fluid search selection dropdown">
                        %if settings.general.getboolean('single_language') is False:
                        <option value="">Languages</option>
                        %else:
                        <option value="None">None</option>
                        %end
                    </select>
                </div>
            </div>
        </div>

        <div class="middle aligned row">
            <div id="movie_default_hi_label" class="right aligned four wide column">
                <label>Hearing-Impaired</label>
            </div>
            <div class="eleven wide column">
                <div class="nine wide column">
                    <div id="settings_movie_default_hi_div" class="ui toggle checkbox"
                         data-hi="{{ settings.general.getboolean('movie_default_hi') }}">
                        <input name="settings_movie_default_hi" id="settings_movie_default_hi" type="checkbox">
                        <label></label>
                    </div>
                </div>
            </div>
        </div>

        <div class="middle aligned row">
            <div id="movie_default_forced_label" class="right aligned four wide column">
                <label>Forced</label>
            </div>
            <div class="eleven wide column">
                <div class='field'>
                    <select name="settings_movie_default_forced" id="settings_movie_default_forced"
                            class="ui fluid selection dropdown">
                        <option value="False">False</option>
                        <option value="True">True</option>
                        <option value="Both">Both</option>
                    </select>
                </div>
            </div>
        </div>
    </div>
</div>

{% macro settings_subtitles() %}
<script>
    $('#settings_general_wanted_search_frequency').dropdown('clear');
    $('#settings_general_wanted_search_frequency').dropdown('set selected', '{{settings.general.wanted_search_frequency|safe}}');
    $('#settings_general_wanted_search_frequency').dropdown('refresh');

    if ($('#settings_single_language').data("single-language") === "True") {
        $("#settings_single_language").checkbox('check');
    } else {
        $("#settings_single_language").checkbox('uncheck');
    }

    if ($('#settings_scenename').data("scenename") === "True") {
        $("#settings_scenename").checkbox('check');
    } else {
        $("#settings_scenename").checkbox('uncheck');
    }

    if ($('#settings_upgrade_subs').data("upgrade") === "True") {
        $("#settings_upgrade_subs").checkbox('check');
    } else {
        $("#settings_upgrade_subs").checkbox('uncheck');
    }

    $('#settings_upgrade_subs_frequency').dropdown('clear');
    $('#settings_upgrade_subs_frequency').dropdown('set selected', '{{settings.general.upgrade_frequency|safe}}');
    $('#settings_upgrade_subs_frequency').dropdown('refresh');

    if ($('#settings_upgrade_manual').data("upgrade-manual") === "True") {
        $("#settings_upgrade_manual").checkbox('check');
    } else {
        $("#settings_upgrade_manual").checkbox('uncheck');
    }

    if ($('#settings_embedded').data("embedded") === "True") {
        $("#settings_embedded").checkbox('check');
    } else {
        $("#settings_embedded").checkbox('uncheck');
    }

    if ($('#settings_ignore_pgs').data("ignorepgs") === "True") {
        $("#settings_ignore_pgs").checkbox('check');
    } else {
        $("#settings_ignore_pgs").checkbox('uncheck');
    }

    if ($('#settings_adaptive_searching').data("adaptive") === "True") {
        $("#settings_adaptive_searching").checkbox('check');
    } else {
        $("#settings_adaptive_searching").checkbox('uncheck');
    }

    if ($('#settings_multithreading').data("multithreading") === "True") {
        $("#settings_multithreading").checkbox('check');
    } else {
        $("#settings_multithreading").checkbox('uncheck');
    }

    if ($('#settings_utf8_encode').data("utf8encode") === "True") {
        $("#settings_utf8_encode").checkbox('check');
    } else {
        $("#settings_utf8_encode").checkbox('uncheck');
    }

    if (($('#settings_subfolder').val() !== "relative") && ($('#settings_subfolder').val() !== "absolute")) {
        $('.subfolder').hide();
    }

    $('#settings_subfolder').dropdown('setting', 'onChange', function () {
        if (($('#settings_subfolder').val() !== "relative") && ($('#settings_subfolder').val() !== "absolute")) {
            $('.subfolder').hide();
        } else {
            $('.subfolder').show();
        }
    });

    if ($('#settings_anti_captcha_provider').val() === "None") {
        $('.anticaptcha').hide();
        $('.deathbycaptcha').hide();
    } else if ($('#settings_anti_captcha_provider').val() === "anti-captcha") {
        $('.anticaptcha').show();
        $('.deathbycaptcha').hide();
    } else if ($('#settings_anti_captcha_provider').val() === "death-by-cCaptcha") {
        $('.deathbycaptcha').show();
        $('.anticaptcha').hide();
    }

    $('#settings_anti_captcha_provider').dropdown('setting', 'onChange', function () {
        if ($('#settings_anti_captcha_provider').val() === "None") {
            $('.anticaptcha').hide();
            $('.deathbycaptcha').hide();
        } else if ($('#settings_anti_captcha_provider').val() === "anti-captcha") {
            $('.anticaptcha').show();
            $('.deathbycaptcha').hide();
        } else if ($('#settings_anti_captcha_provider').val() === "death-by-captcha") {
            $('.deathbycaptcha').show();
            $('.anticaptcha').hide();
        }
    });

    if ($('#settings_upgrade_subs').data("upgrade") === "True") {
        $('.upgrade_subs').show();
    } else {
        $('.upgrade_subs').hide();
    }

    $('#settings_upgrade_subs').checkbox({
        onChecked: function () {
            $('.upgrade_subs').show();
        },
        onUnchecked: function () {
            $('.upgrade_subs').hide();
        }
    });

    $('#settings_languages').dropdown('setting', 'onAdd', function (val, txt) {
        $("#settings_serie_default_languages").append(
            $("<option></option>").attr("value", val).text(txt)
        );
        $("#settings_movie_default_languages").append(
            $("<option></option>").attr("value", val).text(txt)
        )
    });

    $('#settings_languages').dropdown('setting', 'onRemove', function (val, txt) {
        $("#settings_serie_default_languages").dropdown('remove selected', val);
        $("#settings_serie_default_languages option[value='" + val + "']").remove();

        $("#settings_movie_default_languages").dropdown('remove selected', val);
        $("#settings_movie_default_languages option[value='" + val + "']").remove();
    });

    if ($('#settings_serie_default_enabled_div').data("enabled") === "True") {
        $("#settings_serie_default_enabled_div").checkbox('check');
    } else {
        $("#settings_serie_default_enabled_div").checkbox('uncheck');
    }

    if ($('#settings_serie_default_enabled_div').data("enabled") === "True") {
        $("#settings_serie_default_languages").removeClass('disabled');
        $("#settings_serie_default_hi_div").removeClass('disabled');
        $("#settings_serie_default_forced_div").removeClass('disabled');
    } else {
        $("#settings_serie_default_languages").addClass('disabled');
        $("#settings_serie_default_hi_div").addClass('disabled');
        $("#settings_serie_default_forced_div").addClass('disabled');
    }

    $('#settings_serie_default_enabled_div').checkbox({
        onChecked: function () {
            $("#settings_serie_default_languages").parent().removeClass('disabled');
            $("#settings_serie_default_hi_div").removeClass('disabled');
            $("#settings_serie_default_forced").parent().removeClass('disabled');
        },
        onUnchecked: function () {
            $("#settings_serie_default_languages").parent().addClass('disabled');
            $("#settings_serie_default_hi_div").addClass('disabled');
            $("#settings_serie_default_forced").parent().addClass('disabled');
        }
    });

    if ($('#settings_serie_default_hi_div').data("hi") === "True") {
        $("#settings_serie_default_hi_div").checkbox('check');
    } else {
        $("#settings_serie_default_hi_div").checkbox('uncheck');
    }

    if ($('#settings_movie_default_enabled_div').data("enabled") === "True") {
        $("#settings_movie_default_enabled_div").checkbox('check');
    } else {
        $("#settings_movie_default_enabled_div").checkbox('uncheck');
    }

    if ($('#settings_movie_default_enabled_div').data("enabled") === "True") {
        $("#settings_movie_default_languages").removeClass('disabled');
        $("#settings_movie_default_hi_div").removeClass('disabled');
        $("#settings_movie_default_forced_div").removeClass('disabled');
    } else {
        $("#settings_movie_default_languages").addClass('disabled');
        $("#settings_movie_default_hi_div").addClass('disabled');
        $("#settings_movie_default_forced_div").addClass('disabled');
    }

    $('#settings_movie_default_enabled_div').checkbox({
        onChecked: function () {
            $("#settings_movie_default_languages").parent().removeClass('disabled');
            $("#settings_movie_default_hi_div").removeClass('disabled');
            $("#settings_movie_default_forced").parent().removeClass('disabled');
        },
        onUnchecked: function () {
            $("#settings_movie_default_languages").parent().addClass('disabled');
            $("#settings_movie_default_hi_div").addClass('disabled');
            $("#settings_movie_default_forced").parent().addClass('disabled');
        }
    });

    if ($('#settings_movie_default_hi_div').data("hi") === "True") {
        $("#settings_movie_default_hi_div").checkbox('check');
    } else {
        $("#settings_movie_default_hi_div").checkbox('uncheck');
    }

    if ($("#settings_single_language").checkbox('is checked')) {
        $("#settings_serie_default_languages").parent().removeClass('multiple');
        $("#settings_serie_default_languages").removeAttr('multiple');
        $("#settings_movie_default_languages").parent().removeClass('multiple');
        $("#settings_movie_default_languages").removeAttr('multiple');
    } else {
        $("#settings_serie_default_languages").parent().addClass('multiple');
        $("#settings_serie_default_languages").attr('multiple');
        $("#settings_movie_default_languages").parent().addClass('multiple');
        $("#settings_movie_default_languages").attr('multiple');
    }

    $("#settings_single_language").on('change', function () {
        if ($("#settings_single_language").checkbox('is checked')) {
            $("#settings_serie_default_languages").dropdown('clear');
            $("#settings_movie_default_languages").dropdown('clear');
            $("#settings_serie_default_languages").prepend("<option value='None' selected='selected'>None</option>");
            $("#settings_movie_default_languages").prepend("<option value='None' selected='selected'>None</option>");
            $("#settings_serie_default_languages").parent().removeClass('multiple');
            $("#settings_serie_default_languages").removeAttr('multiple');
            $("#settings_movie_default_languages").parent().removeClass('multiple');
            $("#settings_movie_default_languages").removeAttr('multiple');
        } else {
            $("#settings_serie_default_languages").dropdown('clear');
            $("#settings_movie_default_languages").dropdown('clear');
            $("#settings_serie_default_languages option[value='None']").remove();
            $("#settings_movie_default_languages option[value='None']").remove();
            $("#settings_serie_default_languages").parent().addClass('multiple');
            $("#settings_serie_default_languages").attr('multiple');
            $("#settings_movie_default_languages").parent().addClass('multiple');
            $("#settings_movie_default_languages").attr('multiple');
        }
    });

    $('#settings_subfolder').dropdown('clear');
    $('#settings_subfolder').dropdown('set selected', '{{settings.general.subfolder|safe}}');
    $('#settings_anti_captcha_provider').dropdown('clear');
    $('#settings_anti_captcha_provider').dropdown('set selected', '{{settings.general.anti_captcha_provider|safe}}');
    $('#settings_languages').dropdown('clear');
    $('#settings_languages').dropdown('set selected', {{enabled_languages|safe}});

    {%if settings.general.serie_default_language != 'None'%}
        $('#settings_serie_default_languages').dropdown('set selected', {{settings.general.serie_default_language|safe}});
    {%endif%}
    {%if settings.general.movie_default_language != 'None'%}
        $('#settings_movie_default_languages').dropdown('set selected', {{settings.general.movie_default_language|safe}});
    {%endif%}

    $('#settings_serie_default_forced').dropdown('set selected', '{{settings.general.serie_default_forced|safe}}');
    $('#settings_movie_default_forced').dropdown('set selected', '{{settings.general.movie_default_forced|safe}}');

    $('#settings_languages').dropdown('setting', 'onChange', function () {
        $('.form').form('validate field', 'settings_subliminal_languages');
    });


</script>
{% endmacro %}
