var brands_selector = $(".brands_select");
var series_selector = $(".series_select");
var models_selector = $(".models_select");

var lang_select_brands = '-- Producenter --';
var lang_select_series = '-- Serie --';
var lang_select_models = '-- Model --';
var lang_loading = 'Indlæsning ...';
var first_option_brands = '<option value="">'+lang_select_brands+'</option>';
var first_option_series = '<option value="">'+lang_select_series+'</option>';
var first_option_models = '<option value="">'+lang_select_models+'</option>';
var selector_width = '100%';
var use_cache = true;

brands_selector.select2({
  placeholder: lang_select_brands,
  allowClear: true,
  width: selector_width,
}).on("change", function(){
	series_selector.select2({'placeholder':lang_loading,width: selector_width});
	$.ajax({
		type: "GET",
		url: '/app.php?a=interface&m=seriesList',
		cache: use_cache,
		data: 'brand_id='+brands_selector.select2('val'),
		success: function(data) {
			series_selector.html(data).select2({'placeholder':lang_select_series,allowClear: true,width: selector_width}).prop("disabled", false);
			models_selector.html(first_option_models).prop("disabled", true);
			if (brands_selector.select2('val') == null || brands_selector.select2('val') == '') {
				series_selector.prop("disabled", true);
			}
		}
	});
});

series_selector.select2({
  placeholder: lang_select_series,
  allowClear: true,
  width: selector_width,
}).on("change", function(){
	models_selector.select2({'placeholder':lang_loading,width: selector_width});
	$.ajax({
		type: "GET",
		url: '/app.php?a=interface&m=modelsList',
		cache: use_cache,
		data: 'brand_id='+brands_selector.select2('val')+'&series_id='+series_selector.select2('val')+'&is_cpu=-1',
		success: function(data) {
			models_selector.html(data).select2({'placeholder':lang_select_models,allowClear: true,width: selector_width}).prop("disabled", false);
			if (series_selector.select2('val') == null || series_selector.select2('val') == '') {
				models_selector.prop("disabled", true);
			}
		}
	});
}).prop("disabled", true);

models_selector.select2({
  placeholder: lang_select_models,
  allowClear: true,
  width: selector_width,
}).on("change", function(){
	$.ajax({
		type: "GET",
		url: '/app.php?a=interface&m=redirectDetailPage',
		cache: use_cache,
		data: 'id='+models_selector.select2('val'),
		success: function(data) {
			$(window.location).attr('href', data);
		}
	});
}).prop("disabled", true);