//unlock inputs and change button
function updateAppointment() {
    $('#doctor').prop('readonly', false);
    $('#findingareavalue').prop('readonly', false);
    $('#noticevalue').prop('readonly', false);
    $('#findingcontent').prop('readonly', false);
    $('#procedurecontent').prop('readonly', false);
    $('#editapp').text('Save');
    $('#editapp').attr('id', 'saveappointment');
}

$('#saveappointment').click(function () {
    alert();
    saveUpdatedAppointment();
});
 function saveUpdatedAppointment() {
    var model = {
        doctorname: $('#doctor').val(),
        findingareavalue: $('#findingareavalue').val(),
        noticevalue: $('#noticevalue').val(),
        findingcontent: $('#findingcontent').val(),
        procedurecontent: $('#procedurecontent').val(),
        appId: parseInt($('#appointmentId').text())

    }
    $.ajax({
        url: '@Url.Action("UpdateApp", "PatientDatabase")',
        contentType: 'application/json; charset=utf-8',
        data: JSON.stringify(model),
        type: 'POST',
        dataType: 'json',
        processData: false,
        success: function (data) {
            $('#saveappointment').text('Edit');
            $('#saveappointment').attr('id', 'editapp');
        }
    });
}