var jq = jQuery.noConflict();

jq.validator.setDefaults({
    debug: true,
    success: "valid"
});
jq("#add_form").validate({
    rules: {
        first_name: {
            required: true
        },
        last_name: {
            required: true
        },
        mobile_no: {
            required: true
        },
        landline_no: {
            required: true
        },
        user_email: {
            required: true
        },
        user_address: {
            required: true
        },
        user_state: {
            required: true
        },
        user_country: {
            required: true
        },
        Primary_contact: {
            required: true
        },
        Primary_contact_email: {
            required: true
        },
        Primary_contact_mobile_no: {
            required: true
        },
        Primary_contact_landline_no1: {
            required: true
        },
    }
});


jq('#add_user_form').ready(function () {
    jq('#mobile_no').click(function () {
        alert("Hi");
    });
});



$(document).ready(function () {
    var max_fields = 10; //maximum input boxes allowed
    var wrapper = $(".input_fields_wrap"); //Fields wrapper
    var add_button = $(".add_field_button"); //Add button ID

    var x = 1; //initlal text box count
    $(add_button).click(function (e) { //on add input button click
        e.preventDefault();
        if (x < max_fields) { //max input box allowed


            $(wrapper).append('<div> <div class="form-group">\n\
                    <label class="control-label col-lg-4"> Secondary Contact Person<em class="required">&nbsp;*</em>\n\
                    </label><div class="col-lg-4">\n\
                    <input type="text"  name="text[]" class="form-control">\n\
                    </div>\n\
                    </div>\n\
                    <div class="form-group">\n\
                    <label class="control-label col-lg-4"> Email id<em class="required">&nbsp;*</em>\n\
                    </label> <div class="col-lg-4"> <input type="email"  name="text[]" class="form-control">\n\
                    </div> \n\
                    </div>  \n\
                    <div class="form-group">\n\
                    <label class="control-label col-lg-4"> Mobile No<em class="required">&nbsp;*</em>\n\
                    </label> <div class="col-lg-4"> <input type="text"  name="text[]" class="form-control">\n\
                    </div> \n\
                    </div>  \n\
                    <div class="form-group">\n\
                    <label class="control-label col-lg-4">Landline No<em class="required">&nbsp;*</em>\n\
                    </label> <div class="col-lg-4">\n\
                    <input type="text"   name="text[]" class="form-control"> &nbsp;\n\
                    &nbsp;\n\
                   </div> </div><a href="#" class="remove_field" style="width:380px; float:right;"><i class="fa fa-remove"></i>&nbsp;&nbsp;Remove</a></div>');


        }
    });

    $(wrapper).on("click", ".remove_field", function (e) { //user click on remove text
        e.preventDefault();
        $(this).parent('div').remove();
        x--;
    })
});
$('#add_form').ready(function () {


    var options = {
        resetForm: true,
        type: "POST",
        dataType: "JSON",
        url: "PHP/insert_form.php",
        success: function (response)
        {
            if (response.status_code == 1)
            {
                $('#div2').show();
                $('#div2').html(response.status_info);
                setTimeout(function () {
                    window.location.assign('controller.php?do=view_form');
                }, 2000);
            }
            else if (response.status_code == 0)
            {
                $('#div1').show();
                $('#div1').html(response.status_info);

            }
        }
    };
    $('#add_form').submit(function () {
        if ($('#add_form').valid()) {
            $(this).ajaxSubmit(options);
            return false;
        }
    });
});


$('#update_form').ready(function () {
    $("#update_form").validate({
        rules: {
            form_name: {
                required: true,
            },
            name: {
                required: true,
            },
            add_ress: {
                required: true,
            },
            pin_code: {
                required: true,
            },
            mobile_number: {
                required: true,
            },
        },
        messages: {
            form_name: {
                required: "Please enter the Name",
            },
            name: {
                required: "Please enter the Gender",
            },
            add_ress: {
                required: "Please enter the address",
            },
            pin_code: {
                required: "Please enter pincode",
            },
            mobile_number: {
                required: "Please enter mobile number",
            },
        }
    });
    var options = {
        resetForm: true,
        type: "POST",
        dataType: "JSON",
        url: "PHP/update_form.php",
        success: function (response)
        {
            if (response.status_code == 1)
            {
                $('#div2').show();
                $('#div2').html(response.status_info);
                setTimeout(function () {
                    window.location.assign('controller.php?do=view_form');
                }, 2000);
            }
            else if (response.status_code == 0)
            {
                $('#div1').show();
                $('#div1').html(response.status_info);

            }
        }
    };
    $('#update_form').submit(function () {
        if ($('#update_form').valid()) {
            $(this).ajaxSubmit(options);
            return false;
        }
    });
});