I am trying to send some form data and file to asp.net mvc controller but i am getting error (in browser console Failed to load resource: the server responded with a status of 500 (Internal Server Error))
My code Jquery
$("#AddclientSave1").click(function () {
    alert("Handler for .click() called.");
    $("#Loading").show();
    setTimeout(3000);
    var form = $(this).serialize();
    var Dateofbirth = $('.hasDatepicker').val();
    var fd = new FormData();
    var inputs = $('#file');
    $.each(inputs, function (obj, v) {
        var file = v.files[0];
        fd.append("doc", file);
    });
    alert(fd);
    alert(Dateofbirth);
    $.ajax({
        type: "Post",
        url: '@Url.Action("AddClient", "TEST")',
        data: { formData: form, doc: fd, Dateofbirth: Dateofbirth },
        cache: false,
        contentType: false,
        processData: false,
        async: false,
        success: function (data) {
            if (data) {
                $("#Loading").hide();
                $(".AddclientN").empty();
                $(".AddclientN").html(data);
            }
        }, error: function (xhr, status, error) {
            $("#Loading").hide();
        }
    });
});
C# controller
[HttpPost]
public ActionResult AddClient(Clients formData, IEnumerable<HttpPostedFileBase> doc, DateTime Dateofbirth)
{
    return View(new Clients());
}