I have created a software for timetable creation, but I face an error in deleting the event,

See more:

MVC4

AngularJs

$('#btnDelete').click(function () {
                if (selectedEvent != null && confirm('Are you sure?')) {
                    debugger;
                    $.ajax({
                        type: "POST",
                        url: '/TimeTable/DeleteEvent',
                        data: { 'eventID': selectedEvent.eventID },
                        success: function (data) {
                            if (data.status) {
                                debugger;
                                //Refresh the calender
                                FetchEventAndRenderCalendar();
                                $('#myModal').modal('hide');
                            }
                        },
                        error: function () {
                            alert('Failed');
                        }
                    })
                }
            })

html code

<button id="btnDelete" class="btn btn-default btn-sm pull-right">
<span class="glyphicon glyphicon-remove"></span> Remove
</button>


TimeTable.cs

[HttpPost]
public JsonResult DeleteEvent(int eventID)
{
var status = false;
using (MahiCommerceEntities dc = new MahiCommerceEntities())
{
var v = dc.TimeTables.Where(a => a.Id == eventID).FirstOrDefault();
if (v != null)
{
dc.TimeTables.Remove(v);
dc.SaveChanges();
status = true;
}
}
return new JsonResult { Data = new { status = status } };
}

What I have tried:

it throws me an error 500 server not found