(function () {
    "use strict";
    // Move suggest a cause into the html content
    let suggestCauseDiv = document.querySelector(".suggest-a-cause");
    document.querySelector(".you-help-decide-border").appendChild(suggestCauseDiv);
    suggestCauseDiv.classList.remove("d-none");

    // Submit suggestion email
    $("#charity-suggestion-submit").on("click", function () {
        if ($("#charity-suggestion-text").val().length === 0) {
            $("#charity-suggestion-text").get(0).focus();
            return;
        }
        let suggestion = $("#charity-suggestion-text").val();
        $.post("charity-suggestion", { "suggestion": suggestion }, function () {
            // Don't allow multiple clicks while animation is running
            $("#charity-suggestion-submit").prop("disabled", true);
            let $header = $("#suggest-a-cause-header");
            $header.text($header.get(0).dataset.successMsg);
            $("#charity-suggestion-form").fadeOut(250, function () {
                $("#charity-suggestion-success").show();
                $("#charity-suggestion-success img").removeClass("slide-up");
            });
        });
    });
}());
