order.js

$(function() {
    $("body").on("input propertychange", ".floating-label-form-group", function(e) {
        $(this).toggleClass("floating-label-form-group-with-value", !! $(e.target).val());
    }).on("focus", ".floating-label-form-group", function() {
        $(this).addClass("floating-label-form-group-with-focus");
    }).on("blur", ".floating-label-form-group", function() {
        $(this).removeClass("floating-label-form-group-with-focus");
    });
});


function showError(message) {

    $('#message').html("<div class='alert alert-danger'>");
    $('#message > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;")
        .append("</button>");
    $('#message > .alert-danger')
        .append("<strong>" + message + "</strong>");
    $('#message > .alert-danger')
        .append('</div>');
}

function clearError(){
    $('#message').empty();
}

$(function () {
    fbq('track', 'Lead');


    if (false){
        $("input[name='pre-first_name']").val("Michael");
        $("input[name='pre-last_name']").val("Lake");
        $("input[name='pre-address1']").val("123 Fake Lane");
        $("input[name='pre-address2']").val("A");
        $("input[name='pre-city']").val("Charlottesville");
        //$("select[name='pre-state']").val("Virginia");
        $("input[name='pre-zip']").val("22903");
    }

    $(".bfh-states").on("change", function(e){
        $(this).css("color", "#333");
    });

    function isRecipientSelected(){
        return $('input:radio[name="where_to_send"]:checked').val() == "recipient";
    }

    $(".gift_amounts li").on("click", function(e){
        clearError();
        $(".gift_amounts li").removeClass("amount_selected");
        $(this).addClass("amount_selected");

        var amount = $(this).text().replace(/\$/, '');
        $("#product_photo").attr("src", "img/MoneyMatch_Product_Photo_" + amount + ".jpg");

    });

    var once = false;
    $("input[name='where_to_send']").on("change", function (e) {
        clearError();
        if (!once) {
            $(this).parents(".shipping-option .custom_order_group").addClass("custom_order_group_selected");
            once = true;
        }
        else
            $(".shipping-option .custom_order_group").toggleClass("custom_order_group_selected");

        var recipientSelected = isRecipientSelected();

        $(".recipient_required").each(function(){
            $(this).prop("required", recipientSelected);
        });

        $(".recipient_form input.form-control").each(function(){
            $(this).prop("disabled", !recipientSelected);
        });

        $(".bfh-states").prop("disabled", !recipientSelected);

    });


    var onceCard = false;
    $("input[name='card_choice']").on("change", function (e) {
        clearError();
        if (!onceCard) {
            $(this).parents(".greeting-cards .custom_order_group").addClass("custom_order_group_selected");
            onceCard = true;
        }
        else
            $(".greeting-cards .custom_order_group").toggleClass("custom_order_group_selected");


        if ($(this).val() == "None") {
            $(".greeting-cards .card").toggleClass("open-greeting", false);
            $("#order_pre-tax").text("$4.95");
        } else {
            $("#order_pre-tax").text("$5.95");
        }

    });

    //handles open and close of greeting card on mobile
    $(".greeting-cards .card").on("click mouseenter mouseleave", function(e){

        $(this).toggleClass("open-greeting");
    });

    $("#pp_form").on("submit", function(e){

        ga('send', 'event', "Button", "PayPal Button Clicked");
        
        var checkoutElements = $("#checkout_elements");
        checkoutElements.empty();

        var amount = $(".amount_selected").text();

        if (!amount) {
            e.preventDefault();
            showError("Please select a winning amount!");
            return;
        }


        if (!$('input:radio[name="card_choice"]:checked').val()){
            e.preventDefault();
            showError("Please choose a greeting card option!");
            return;
        }

        if (!$('input:radio[name="where_to_send"]:checked').val()){
            e.preventDefault();
            showError("Please choose where to send!");
            return;
        }

        if (isRecipientSelected() && !$(".bfh-states").val()){
            e.preventDefault();
            showError("Please select a state!");
            return;
        }
        

        $('<input type="hidden" />').attr({
            name: 'os0',
            value: $("input[name='card_choice']:checked").val()
        }).appendTo(checkoutElements);

        $('<input type="hidden" />').attr({
            name: 'os1',
            value: amount
        }).appendTo(checkoutElements);

        if (isRecipientSelected()){
            $('<input type="hidden" />').attr({
                name: 'address_override',
                value: '1'
            }).appendTo(checkoutElements);

            $(".recipient_form .form-control").each(function(){

                $('<input type="hidden" />').attr({
                    name: $(this).attr("name").substring(4),
                    value: $(this).val()
                }).appendTo(checkoutElements);

            });
        }
    });

});