const load_user = (page) => {
  // inserting rows one by one
  table_body.innerHTML = ''; // removing all child node of table
  current_position = page * per_page - per_page;

  let user_data = user.slice(current_position, current_position + per_page);
  //console.log(user_data);
  user_data.forEach((item) => {
    let row = create_row(item);
    table_body.appendChild(row);
  });
  let edit_buttons = document.querySelectorAll('.edit_user');

  edit_buttons.forEach((button) => {
    button.addEventListener('click', (event) => {
      let id = event.target.value;
      let user_data = user[id - 1];
      console.log(id);
      // console.log(user_data);
      edit_modal.show();
      edit_id.value = user_data._id;
      edit_name.value = user_data.name;
      edit_email.value = user_data.email;
      edit_phone.value = user_data.phone;
      edit_company.value = user_data.company;
      edit_address.value = user_data.address;
    });
  });
};