// Updates uri with filter parameters
function updateQueryStringParameter(uri, key, value) {
	// Reset pagination to page 1
	var reset_uri = updateSingleQueryStringParameter(uri, 'page', '1');
	return updateSingleQueryStringParameter(reset_uri, key, value);
}

function updateSingleQueryStringParameter(uri, key, value) {
  var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
  var separator = uri.indexOf('?') !== -1 ? "&" : "?";
  var new_uri = '';
  if (uri.match(re)) {
    new_uri = uri.replace(re, '$1' + key + "=" + value + '$2');
  } else {
	new_uri = uri + separator + key + "=" + value;
  }
  history.pushState(null, null, new_uri);
  return new_uri;
}




$(document).ready(function(){

	/*
	|--------------------------------------------------------------------------
	| Listings Filters resize mobile
	|--------------------------------------------------------------------------
	*/



	if($('#listings_filters').length){

		$('#listings_filters_btn').click(function(e){
			e.preventDefault();
			$( "#listings_filters" ).stop().slideToggle( "slow", function() {
				// Animation complete.
			});

		});

		// resizeFilters();

		// //Check for resize
		// $( window ).resize(function() {
		// 	resizeFilters();
		// });

		// function resizeFilters() {
		// 	if ($( window ).width() <= 991) {
		// 		$('#listings_filters_btn').css('display', 'block');
		// 		$('#listings_filters').css('display', 'none');
		// 		$('.panel-dropdown').addClass('full');
		// 		$('.mobilehide-panel-dropdown-content').each(function(){
		// 			$(this).removeClass('panel-dropdown-content');
		// 			$(this).addClass('panel-dropdown-content-mobile');
		// 		})
		// 		$('.panel-cancel').hide();
		// 	} else {
		// 		$('#listings_filters_btn').css('display', 'none');
		// 		$('#listings_filters').css('display', 'block');
		// 		$('.panel-dropdown').removeClass('full');
		// 		$('.mobilehide-panel-dropdown-content').each(function(){
		// 			$(this).addClass('panel-dropdown-content');
		// 			$(this).removeClass('panel-dropdown-content-mobile');
		// 		})
		// 		$('.panel-cancel').show();
		// 	}
		// }


	}

	// Closes dropdown on click outside the conatainer
	var mouse_is_inside = false;

	// variable to fix firefox panel closing issue
	var suburb_panel  = false;

	/*----------------------------------------------------*/
	/* Panel Dropdown
	/*----------------------------------------------------*/
    function close_panel_dropdown() {
		$('.panel-dropdown').removeClass("active");
		$('.fs-inner-container.content').removeClass("faded-out");
    }

    $('.panel-dropdown .panel-button').on('click', function(e) {

		if ( $(this).parent().is(".active") ) {
            close_panel_dropdown();
        } else {
            close_panel_dropdown();
            $(this).parent().addClass('active');
						$('.fs-inner-container.content').addClass("faded-out");

						if ($(this).parent().hasClass('suburb-filter-container')) {
							suburb_panel = true;
						}
        }

        e.preventDefault();
    });

    // Apply / Close buttons
    $('.panel-buttons button').on('click', function(e) {
	    $('.panel-dropdown').removeClass('active');
		$('.fs-inner-container.content').removeClass("faded-out");
    });

	$('.panel-dropdown').hover(function(){
	    mouse_is_inside=true;
	}, function(){
	    mouse_is_inside=false;
	});

	$("body").mouseup(function(){
		if(!mouse_is_inside && !suburb_panel) close_panel_dropdown();
	});

    // "All" checkbox
    $('.checkboxes.propertytype input').on('change', function() {
        if($(this).hasClass('all')){
            $(this).parents('.checkboxes').find('input').prop('checked', false);
            $(this).prop('checked', true);
        } else {
            $('.checkboxes input.all').prop('checked', false);
		}
	});

	$(".list-panel-apply").on('click', function() {
		var list = [];
		$(`.${this.dataset.key} input[type=checkbox]`).each(function () {
			if(this.checked){
				list.push(this.value);
			}
		});
		window.location.assign(updateQueryStringParameter(window.location.href, this.dataset.key, list.join('|')));
	});

	$(".suburb-filter-apply").on('click', function() {
		var list = [];
		list.push($("#suburb-filter").val());
		window.location.assign(updateQueryStringParameter(window.location.href, 'suburb', list.join('|')));
	});

	$(".panel-cancel").click( function() {
		suburb_panel = false;
	});

	// sort
	$('[name="sort"]').change( function() {
		window.location.assign(updateQueryStringParameter(window.location.href, 'sort', this.value));
	 });

	// currency
	$('[name="currency"]').change( function() {
		var newCur = this.value;
		$.ajax({
		  url: "/api/set-currency",
		  data: { currency: newCur },
		  success: function(data){
			  //location.reload(true)
			  //?? window.location.href = window.location.protocol + "//" + window.location.host + window.location.pathname + '?currency=' +  newCur;
			  window.location.assign(updateQueryStringParameter(window.location.href, 'currency', newCur));
		  }
		});
	 });

	// Range sliders
	if ($('#pricerangeslider').length > 0) {
		var slider_price_from = $('#pricerangeslider_from').val();
		var slider_price_to = $('#pricerangeslider_to').val();
		var min_slider_price = $('#pricerangeslider_min').val();
		var max_slider_price = $('#pricerangeslider_max').val();

		$("#pricerangeslider").ionRangeSlider({
			type: "double",
			grid: true,
			min: min_slider_price,
			max: max_slider_price,
			from: slider_price_from,
			to: slider_price_to,
			step: 50000,
			prefix: translate('$'),
			max_postfix: "+",
			onStart: function (data) {
				// When currency is changed, update querystring to match Price Range to new currency
				if($.urlParam('minprice') != null && $.urlParam('minprice') != data.from || $.urlParam('maxprice') != null && $.urlParam('maxprice') != data.to) {
        			updateQueryStringParameter(window.location.href, 'minprice', data.from);
        			updateQueryStringParameter(window.location.href, 'maxprice', data.to);
				}
    		},
			onChange: function (data) {
				min_slider_price = data.from;
				max_slider_price = data.to;
			},
		});
	}


	$("#price-panel-apply").on('click', function() {
		var data = $("#pricerangeslider").data("ionRangeSlider").result;
		var url = updateQueryStringParameter(window.location.href, 'minprice', data.from);
		window.location.assign(updateQueryStringParameter(url, 'maxprice', data.to));
	});

	$('input[type="range"].min-beds-radius').rangeslider({
	    polyfill : false,
	    onInit : function() {
	        this.output = $( '<div class="beds-range-output" />' ).insertBefore( this.$range ).html( translate('At Least') + " " + this.$element.val() );
		    var radiustext = $('.min-beds-radius').attr('data-title');
			$('.beds-range-output').before('<i class="data-radius-title">'+ radiustext + '</i>');

	    },
	    onSlide : function( position, value ) {
	        this.output.html(translate('At Least') + ' ' + value);
	    }
	});

	$("#beds-panel-apply").on('click', function() {
		window.location.assign(updateQueryStringParameter(window.location.href, 'minbeds', $('.min-beds-radius').val()));
	});

	$('input[type="range"].min-baths-radius').rangeslider({
	    polyfill : false,
	    onInit : function() {
			this.output = $( '<div class="baths-range-output" />' ).insertBefore( this.$range ).html( translate('At Least') + " " + this.$element.val() );

		    var radiustext = $('.min-baths-radius').attr('data-title');
			$('.baths-range-output').before('<i class="data-radius-title">'+ radiustext + '</i>');

	    },
	    onSlide : function( position, value ) {
	        this.output.html(translate('At Least') + " " + value);
	    }
	});

	$("#baths-panel-apply").on('click', function() {
	    window.location.assign(updateQueryStringParameter(window.location.href, 'minbaths', $('.min-baths-radius').val()));
	});


});