Customisation of Desk Page

Hi,

I am trying to implement the custom desk pages in my site. So at that time I am calling two frappe. call functions and getting two results. Now I have to pass the 2 result object into UI by calling the frappe.render_template function. Please let me know how to pass 2 result object to UI. Kindly do the needful.
Here is my code

frappe.provide(“frappe.gym_management”);

frappe.pages[‘gym-profile’].on_page_load = function(wrapper) {
var page = frappe.ui.make_app_page({
parent: wrapper,
title: ‘Gym Profile’,
single_column: true
});

frappe.gym_profile.make(page);
frappe.gym_profile.run();

}

frappe.gym_profile = {
make: function(page) {
var me = frappe.gym_profile;
me.page = page;
me.body = $(’

’).appendTo(me.page.main, function() {
me.run();
});
},
run: function() {
var me = frappe.gym_profile;
var user = frappe.session.user_fullname;
console.log(“user”,user);
frappe.call({
method: ‘gym_management.gym_management.page.gym_profile.gym_profile.get_gymMembership_details’,
args: {
user: user,
date: frappe.datetime.get_today(),
},
callback: function(r) {
if (r.message && r.message.length > 0) {
r.message.forEach(function(d) {
me.add_row(d);
});
} else {
frappe.show_alert({message: __(‘No more Membership data’), indicator: ‘gray’});
}
}
});
frappe.call({
method: ‘gym_management.gym_management.page.gym_profile.gym_profile.get_allGymMembership_details’,
args: {
user: user,
date: frappe.datetime.get_today(),
},
callback: function(r) {
console.log(“r”,r);
if (r.message && r.message.length > 0) {
me.add_allMembershiprow(r);
} else {
frappe.show_alert({message: __(‘No more Membership data’), indicator: ‘gray’});
}
}
});
},
add_row: function(data) {
var me = frappe.gym_profile;
console.log(“data”,data);

	$(frappe.render_template('gym_profile', data)).appendTo(me.body);
},
add_allMembershiprow: function(data) {
	var me = frappe.gym_profile;
	

	

	//$(frappe.render_template('gym_profile', data)).appendTo(me.body);
}

}