$(document).ready(function(){
        $('.profileLink').click(function(evt){
            evt.preventDefault();
            $.ajax({
                type: "GET",
                url: base_url + '/users/getprofile',
                processData: false,
                contentType: false,
                async: false,
                success: function (data){
                    console.log(data);
                  if (data.code === 1) {
                    console.log(data['user_details']);

                        $('.userId').val(data['user_details']['user_id']);
                        $('.userName').val(data['user_details']['username']);
                        $('.userFullName').val(data['user_details']['full_name']);
                        $('.userEmail').val(data['user_details']['email']);
                        $('.userPhone').val(data['user_details']['phone']);
                        $('.userDesignation').val(data['user_details']['ua_position']);
                        $('.userDateAdded').val(data['user_details']['created_date']);
                        // $('.userEmail').val(data['user_details']['email']);
                        $('#profileModal').modal('show');
                    
                    
                  }
                  else if (data.code > 1) {
                    $.alert({
                        title: 'Alert!',
                        content: data.msg,
                    });
                  }
                  else {
                    $.alert({
                        title: 'Alert!',
                        content: 'Your request could not be handled. Try again !',
                    });

                  }
                }
            });
            
        });
        $('#profileModalSubmitBtn').click(function(evt){
            evt.preventDefault(evt);
            console.log('info');
            $('#successArea').addClass('d-none');
            $('#errorsArea').removeClass('d-none');
            var formData = new FormData($('#userProfileForm')[0]);
            $.ajax({
                url: base_url + '/profileupdate',
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                beforeSend: function() {
                    $('#successArea').text("");
                    $('#successArea').text("Please wait ... profile update in progress!");
                },
                success: function(data) {
                    if (data['success'] == true) {
                        $('#successArea').removeClass('d-none');
                        $('#errorsArea').addClass('d-none');
                        
                        $('#successArea').text("");
                        $('#successArea').text("Profile successfully updated!");
                        // location.reload();
                        $.alert({
                            title: 'Alert!',
                            content: 'Profile successfully updated!',
                        });
                        setTimeout(function() {
                            //location.reload(); // Reloads the current page
                        }, 2000);
                    }
                    else{
                        $('#successArea').addClass('d-none');
                        $('#errorArea').removeClass('d-none');
                        $('#errorArea').text("");
                        $('#errorArea').text("Profile could not be updated!");
                        $.alert({
                            title: 'Alert!',
                            content: 'Profile could not updated!',
                        });
                    }
                },
                error: function(xhr, status, error) {
                    console.error('Error:', error);
                    $('#successArea').text(error);
                    $('#successArea').text(error);
                    $.alert({
                        title: 'Alert!',
                        content: error,
                    });
                }
            });
        });
    });