var downPaymentpercentage_text = document.getElementById("downPaymentpercentage_text")
  , downPayment_text1 = document.getElementById("downPayment_text")
  , downPayment_text_slide = document.getElementById("downPayment_text_slide");
function viewUnitLink(e, t) {
    var n = "https://purehome-re.ae/search/?serviceTypeId=1&txtKeyWord=&minprice=" + (Number(t.replace(/[^0-9\.]+/g, "")) - 2e5) + "&maxprice=" + (Number(t.replace(/[^0-9\.]+/g, "")) + 2e5);
    $("#" + e).attr("href", n)
}
function titleCase(e) {
    for (var t = e.toLowerCase().split(" "), n = 0; n < t.length; n++)
        t[n] = t[n].charAt(0).toUpperCase() + t[n].substring(1);
    return t.join(" ")
}
$(document).ready(function() {
    let e = $(".accordion.width");
    e.each((e,t)=>{
        let n = $(t)
          , a = n.find(".collapse")
          , i = a.find("> *");
        n.height(n.height()),
        i.width(i.eq(0).width()),
        a.not(".show").each((e,t)=>{
            $(t).parent().find("[data-toggle='collapse']").addClass("collapsed")
        }
        )
    }
    ),
    $(".clickevent").click(function() {
        jQuery(".sk-container").css("display", "block");
        var e = $(this).data("url");
        $(this).parent().addClass("active"),
        window.location.href = e
    })
});
var downpayment_maxprice = 0
  , downpayment_startprice = 0;
noUiSlider.create(downPayment_text_slide, {
    start: [downpayment_startprice],
    step: 1e4,
    range: {
        min: [0],
        max: [downpayment_maxprice]
    }
}),
noUiSlider.create(mortgagePrice, {
    start: [1e6],
    step: 1e5,
    range: {
        min: [5e5],
        max: [9e7]
    }
}),
mortgagePrice.noUiSlider.on("update", function(e, t) {
    var n = parseInt(e[t]).toFixed(0)
      , a = Number(downPaymentpercentage_text.value.replace(/[^0-9\.]+/g, ""));
    mortgagePrice_text.value = n.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"),
    downPayment_text1.value = (Number(mortgagePrice_text.value.replace(/[^0-9\.]+/g, "")) * (parseFloat(a) / 100)).toFixed(0).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    var i = Number(downPayment_text1.value.replace(/[^0-9\.]+/g, "")) / Number(mortgagePrice_text.value.replace(/[^0-9\.]+/g, "")) * 100;
    downPaymentpercentage_text.value = i.toFixed(0).toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,") + "%",
    jQuery(".dp_txt").html((Number(mortgagePrice_text.value.replace(/[^0-9\.]+/g, "")) * (parseFloat(a) / 100)).toFixed(0).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")),
    jQuery(".totalamt").html(n.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"));
    var r = Number(mortgagePrice_text.value.replace(/[^0-9\.]+/g, ""))
      , d = Number(mortgagePrice_text.value.replace(/[^0-9\.]+/g, "")) + 2e5;
    $("#view-units").attr("href", "/en/units?filter-contract=SALE&filter-price-from=" + r + "&filter-price-to=" + d),
    downpayment_maxprice = .8 * Number(mortgagePrice_text.value.replace(/[^0-9\.]+/g, "")),
    downpayment_startprice = .25 * Number(mortgagePrice_text.value.replace(/[^0-9\.]+/g, "")),
    downPayment_text_slide.noUiSlider.updateOptions({
        start: [downpayment_startprice],
        step: 1e4,
        range: {
            min: [0],
            max: [downpayment_maxprice]
        }
    }),
    getMortgage(),
    viewUnitLink("view-units1", mortgagePrice_text.value)
}),
mortgagePrice_text.addEventListener("change", function() {
    var e = Number(this.value.replace(/[^0-9\.]+/g, ""))
      , t = Number(downPayment_text1.value.replace(/[^0-9\.]+/g, "")) / Number(mortgagePrice_text.value.replace(/[^0-9\.]+/g, "")) * 100;
    downPaymentpercentage_text.value = t.toFixed(0).toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,") + "%",
    mortgagePrice.noUiSlider.setHandle(null, e),
    downpayment_maxprice = .8 * Number(mortgagePrice_text.value.replace(/[^0-9\.]+/g, "")),
    downpayment_startprice = .25 * Number(mortgagePrice_text.value.replace(/[^0-9\.]+/g, "")),
    downPayment_text_slide.noUiSlider.updateOptions({
        start: [downpayment_startprice],
        step: 1e4,
        range: {
            min: [0],
            max: [downpayment_maxprice]
        }
    }),
    getMortgage(),
    viewUnitLink("view-units1", mortgagePrice_text.value)
}),
mortgagePrice_text.addEventListener("keydown", function(e) {
    changevaluetoslider(mortgagePrice, this.value),
    getMortgage(),
    viewUnitLink("view-units1", mortgagePrice_text.value)
}),
noUiSlider.create(loanPeriod, {
    start: [25],
    step: 1,
    range: {
        min: [5],
        max: [30]
    }
}),
loanPeriod.noUiSlider.on("update", function(e, t) {
    var n = parseInt(e[t]).toFixed(0);
    loanPeriod_text.value = n,
    jQuery(".loanp_txt").html(n),
    getMortgage()
}),
loanPeriod_text.addEventListener("change", function() {
    var e = Number(this.value.replace(/[^0-9\.]+/g, ""));
    loanPeriod.noUiSlider.setHandle(null, e),
    getMortgage()
}),
loanPeriod_text.addEventListener("keydown", function(e) {
    changevaluetoslider(loanPeriod, this.value),
    getMortgage()
}),
console.log("monthlyvalue" + downPaymentpercentage_text),
noUiSlider.create(downPaymentpercentage_text, {
    start: [25],
    step: 1,
    range: {
        min: [20],
        max: [80]
    }
}),
downPaymentpercentage_text.noUiSlider.on("update", function(e, t) {
    var n = parseInt(e[t]).toFixed(0);
    downPaymentpercentage_text.value = n + "%",
    downPayment_text1.value = (Number(mortgagePrice_text.value.replace(/[^0-9\.]+/g, "")) * (parseFloat(n) / 100)).toFixed(0).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","),
    jQuery(".dp_txt").html((Number(mortgagePrice_text.value.replace(/[^0-9\.]+/g, "")) * (parseFloat(n) / 100)).toFixed(0).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")),
    getMortgage()
}),
downPaymentpercentage_text.addEventListener("change", function() {
    var e = Number(this.value.replace(/[^0-9\.]+/g, ""));
    console.log(e),
    downPaymentpercentage_text.noUiSlider.setHandle(null, e),
    getMortgage()
}),
downPayment_text_slide.noUiSlider.on("update", function(e, t) {
    var n = parseInt(e[t]).toFixed(0);
    downPaymentpercentage_text.value.replace(/[^0-9\.]+/g, "");
    var a = n / Number(mortgagePrice_text.value.replace(/[^0-9\.]+/g, "")) * 100;
    downPaymentpercentage_text.value = a.toFixed(0).toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,") + "%",
    downPayment_text1.value = (Number(mortgagePrice_text.value.replace(/[^0-9\.]+/g, "")) * (downPaymentpercentage_text.value.replace(/[^0-9\.]+/g, "") / 100)).toFixed(0).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","),
    console.log("percentage = " + a),
    getMortgage()
}),
downPayment_text1.addEventListener("change", function() {
    var e = Number(this.value.replace(/[^0-9\.]+/g, ""));
    downPayment_text_slide.noUiSlider.setHandle(null, e),
    getMortgage()
}),
downPayment_text1.addEventListener("keydown", function(e) {
    changevaluetoslider(downPayment_text_slide, this.value),
    getMortgage()
}),
noUiSlider.create(interestrate, {
    start: [4.5],
    step: .25,
    range: {
        min: [1],
        max: [20]
    }
}),
interestrate.noUiSlider.on("update", function(e, t) {
    var n = e[t];
    interestrate_text.value = n,
    jQuery(".int_txt").html(n),
    getMortgage()
}),
interestrate_text.addEventListener("change", function() {
    var e = this.value;
    interestrate.noUiSlider.setHandle(null, e),
    getMortgage()
}),
interestrate_text.addEventListener("keydown", function(e) {
    changevaluetoslider(interestrate, this.value),
    getMortgage()
}),
$(document).ready(function() {
    $("input[data-type='number']").keyup(function(e) {
        e.which >= 37 && e.which <= 40 && e.preventDefault();
        var t = $(this)
          , n = t.val().replace(/,/gi, "").split(/(?=(?:\d{3})+$)/).join(",");
        t.val(n)
    }),
    $("#calculate").on("submit", function(e) {
        CheckNumeric(e),
        getMortgage(),
        e.preventDefault()
    })
});