#
#
#
# build_profiles_page()
#
#
#

include "templates.util.encoding";
include "templates.admin_pages.profiles.get_convert_profile_state";
include "templates.admin_pages.profiles_dashboard.profiles_dashboard_util";


#
#
# get_config_options_and_tools_menu_items
#
#

subroutine(get_config_options_and_tools_menu_items(
	bool is_lite,
	string menu_name), (

	# menu_name is "config_options" or "tools"
	# This creates a javascript menu structure for the config_options or tools menu.

	node menu_path =  "templates.config_pages.config_navigation";
	node features = menu_path {"features"};
	node menu_groups;

	if (!is_lite) then (
		menu_groups = menu_path{menu_name};
	)
	else (

		menu_groups = menu_path{"lite"}{menu_name};
	);

	node menu_item;
	node group;

	int num_groups = num_subnodes(menu_groups);
	int group_count = 1;
	int num_list_items;
	int list_count;

	string page_name;
	string label;

	bool show_separator = false;

	string menu_dat = "[";
	string menu_item_dat;

	foreach group menu_groups (

		num_list_items = num_subnodes(group);
		list_count = 1;

		foreach menu_item group (

			page_name = node_name(menu_item);
			label = expand(@features{page_name}{"label"});

			# Add separator line class name on last list item, except in last group.
			if (num_list_items == list_count and num_groups != group_count) then (
				show_separator = true;
			)
			else (
				show_separator = false;
			);

			menu_item_dat = "{";
			menu_item_dat .= add_json("page", page_name, "string");
			menu_item_dat .= add_json("label", label, "string");
			menu_item_dat .= add_json("separator", show_separator, "bool");
			menu_item_dat = close_json(menu_item_dat);

			menu_dat .= menu_item_dat . ",";

			list_count++;
		);

		group_count++;
	);

	menu_dat = replace_last(menu_dat, ",", "]");

	# Return
	menu_dat;
));

#
#
# build_profiles_page
#
#

subroutine(build_profiles_page(
	string session_id,
	bool is_msie_v6,
	string licensing_tier,
	string user_node_name,
	bool is_root_admin,
	node user_grants,
	bool is_view_dashboard_permission,
	bool is_edit_dashboard_permission), (

	#
	#
	# Get initial profile data
	#
	#

	bool is_lite = (licensing_tier eq "lite");
	int num_licensed_profiles = get_number_of_licensed_profiles();

	node feature_permissions = user_grants{"super_admin"}{"profiles"};

	string profiles_list_checksum = get_profiles_list_checksum(session_id, is_root_admin, user_node_name);
	string profiles_dashboard_view_dat = get_profiles_dashboard_view_dat(is_root_admin, is_view_dashboard_permission, user_grants);
	string profile_conversion_state_dat = get_convert_profile_state();

	string config_options_menu_items = get_config_options_and_tools_menu_items(is_lite, "config_options");
	string tools_menu_items = get_config_options_and_tools_menu_items(is_lite, "tools");

	bool is_add_permission = (feature_permissions?{"add"});

	# Check if we show profiles filter
	bool show_profiles_filter = false;
	string preferences_path = "users_cache." . user_node_name . ".preferences.show_profiles_filter";

	if (?(preferences_path)) then (
		show_profiles_filter = @(preferences_path);
	);

	'<script>\n';
	# Add variables to pageInfo
	'pageInfo.numLicensedProfiles = ' . num_licensed_profiles . ';\n';
	'pageInfo.profilesListChecksum = "' . profiles_list_checksum . '";\n';
	'pageInfo.profilesDashboardView = ' . profiles_dashboard_view_dat . ';\n';
	'pageInfo.profileConversionState = ' . profile_conversion_state_dat . ';\n';

	'pageInfo.configOptionsMenuItems = ' . config_options_menu_items . ';\n';
	'pageInfo.toolsMenuItems = ' . tools_menu_items . ';\n';

#	'pageInfo.initialProfilesDb = ' . initial_profiles_db . ';\n';
#	'pageInfo.numAllProfiles = ' . num_all_profiles . ';\n';
	
	'</script>\n';

	#
	#
	# Toolbar
	#
	#

	'<div class="toolbar-10">';
	'<table id="admin_config_toolbar" class="toolbar-10">';
	'<tr>';

	build_toolbar_spacer();

	if (is_root_admin or is_add_permission) then (

		build_toolbar_button("profiles", "new_profile");
	);

	build_toolbar_button("profiles", "view");
	build_toolbar_spacer();
	# Profiles search box in toolbar
	'<td>';
		'<div id="profiles:profiles_filter_box" class="';
		if (show_profiles_filter) then (
			'profiles-filter-box';
		)
		else (
			'profiles-filter-box-hidden';
		);
		'">';

		'<table class="filter-box">';
		'<tr>';
		'<td class="search">';
		'<input id="profiles:filter" type="text" disabled="disabled" style="width:224px;color:#808080" />';
		'</td>';
		'<td class="clear-btn">&nbsp;<a id="profiles:clear_filter_btn" href="#" title="' . lang_admin.new_profile_wizard.clear_filter . '" tabindex="-1" style="text-decoration:none">&times;</a></td>';
		# '<td class="number"><span id="profiles:search:number">-</span></td>';
		'</tr>';
		'</table>';
		'</div>';
	'</td>';


	build_right_toolbar_spacer();
	# build_toolbar_help_button("?dp+docs.technical_manual.toc");

	if (is_root_admin or is_add_permission) then (

		# Add info text for number of licensed profiles
		'<td id="licensed_profiles_info" style="color:gray;display:none">';
		lang_stats.general.number_of_licensed_profiles . ': <span id="licensed_profiles_info:number_of_licensed_profiles" style="padding-right:9px">-</span> ';
		lang_stats.btn.used . ': <span id="licensed_profiles_info:number_of_used_profiles" style="padding-right:12px">-</span> ';
		'</td>';
	);

	'</tr>';
	'</table>';
	'</div>'; # toolbar-10

	#
	# Add view drop down menu
	#

	'<ul id="profiles_toolbar:drop_down:view" class="drop-down-10">';

		'<li><a id="profiles_toolbar:drop_down:toggle_profiles_filter_btn" href="javascript:;">';

		if (!show_profiles_filter) then (

			lang_stats.btn.show_profiles_filter;
		)
		else (

			lang_stats.btn.hide_profiles_filter;
		);

		'</a></li>';

		if (is_root_admin or is_edit_dashboard_permission) then (
			'<li><a id="profiles_toolbar:drop_down:edit_dashboard_btn" href="javascript:;">' . lang_admin.profiles.edit_profiles_view . '</a></li>';
		);


		'<li><a id="profiles_toolbar:drop_down:refresh_view" href="javascript:;">' . lang_stats.btn.refresh_view . '</a></li>';


	'</ul>';
	

	#
	#
	# Form section
	#
	#

	'<div id="form_section" style="display:none;padding-bottom:30px">';
	
		
		#
		#
		# No profile info
		#
		#

		'<div id="profiles:no_profile_info" class="profiles-sub-box">';

			'<p>' . lang_admin.profiles.no_profile_exist_info . '</p>';
			'<button id="profiles:no_profile_info_btn" type="button" class="start-here-btn" style="margin:8px 0;">';
			'<div class="start-here-btn-symbol xl">&#187;</div>';
			'<div class="start-here-btn-text">';
				'<span class="xl">' . lang_admin.profiles.start_here_info . '</span><br />';
				'<span>' . lang_admin.profiles.start_here_info_2 . '</span>';
			'</div>';
			'</button>';

		'</div>';

		#
		#
		# Max profiles exceeded info
		#
		#

		volatile.param1 = '<span id="max_profiles_exceeded_info:number_of_licensed_profiles">-</span>';
		volatile.param2 = '<span id="max_profiles_exceeded_info:number_of_profiles">-</span>';
		volatile.param3 = '<a href="' . PRODUCT_URL . '" target="_blank"><strong>' . lang_admin.general.product_website . '</strong></a>';

		'<div id="max_profiles_exceeded_info" class="alert-10">';

			'<div class="alert-10-header">&nbsp;</div>';
			'<div class="alert-10-body">';

				'<img class="alert-10" src="' . fileref("picts/warning.gif") . '" width="32" height="32" alt="' . lang_stats.general.alert . '" title="" />';

				'<div class="alert-10-content">';

					expand(lang_messages.ERROR_MAX_PROFILES_EXCEEDED);

				'</div>';

				'<div class="clearance">&nbsp;</div>';

			'</div>';
			'<div class="alert-10-footer">&nbsp;</div>';

		'</div>';


		#
		#
		# Version 7 profiles list
		#
		#

		'<div id="profiles:v7_profiles_info" class="alert-10">';
			'<div class="alert-10-header">&nbsp;</div>';
			'<div class="alert-10-body">';
				'<img class="alert-10" src="' . fileref("picts/warning.gif") . '" width="32" height="32" alt="' . lang_stats.general.alert . '" title="" />';
				'<div class="alert-10-content">';
					lang_admin.profiles.v7_profiles_info;
				'</div>';

				'<div id="profiles:v7_profiles_list"></div>';

				'<div class="clearance">&nbsp;</div>';
			'</div>';
			'<div class="alert-10-footer">&nbsp;</div>';
		'</div>';




		#
		#
		# Version >= 8.0 profiles list
		#
		#

		'<div id="profiles:convert_profiles_info" class="alert-10">';

			'<div class="alert-10-header">&nbsp;</div>';
			'<div class="alert-10-body">';

				'<img class="alert-10" src="' . fileref("picts/warning.gif") . '" width="32" height="32" alt="' . lang_stats.general.alert . '" title="" />';

				'<div class="alert-10-content">';

					'<div id="profiles:convert_all_profiles_info" style="padding:0;margin:0;display:none">' . lang_admin.profiles.all_profiles_from_version_8 . '</div>';
					'<div id="profiles:convert_some_profiles_info" style="padding:0;margin:0;display:none">' . lang_admin.profiles.some_profiles_from_version_8 . '</div>';

					if (is_root_admin) then (
						'<a id="profiles:convert_profiles_btn" href="javascript:;">' . lang_admin.profiles.click_here_to_convert_the_profiles . '</a>';
					)
					else (
						lang_admin.profiles.contact_sys_admin_to_convert_profiles;
					);

				'</div>';

				'<div class="clearance">&nbsp;</div>';

			'</div>';
			'<div class="alert-10-footer">&nbsp;</div>';

		'</div>';

		#
		# Profiles list
		#

		# '<table id="profiles:profiles_list" class="profiles-list"></table>';
		'<div id="profiles_profiles_list"></div>';


		#
		# Profile options menu
		#

		# '<div id="profile_options_menu_container">';
		'<ul id="profile_options_menu" class="drop-down-10 drop-down-10-small">';
			'<li id="profiles:config_options:li"><a id="profiles:config_options_btn" href=""><span class="ico ico-16 ico-blank"></span>' . lang_stats.btn.config_options . '</a></li>';
			'<li id="profiles:tools:li"><a id="profiles:tools_btn" href=""><span class="ico ico-16 ico-blank"></span>' . lang_stats.btn.database_tools . '</a></li>';
			'<li id="profiles:rename_profile:li"><a id="profiles:rename_profile_btn" href="javascript:;"><span class="ico ico-16 ico-p-rename"></span> ' . lang_admin.profiles.rename_profile . '</a></li>';
			'<li id="profiles:duplicate_profile:li"><a id="profiles:duplicate_profile_btn" href="javascript:;"><span class="ico ico-16 ico-p-duplicate"></span> ' . lang_admin.profiles.duplicate_profile . '</a></li>';
			'<li id="profiles:delete_profile:li"><a id="profiles:delete_profile_btn" href="javascript:;"><span class="ico ico-16 ico-p-delete"></span> ' . lang_admin.profiles.delete_profile . '</a></li>';
		'</ul>';
		# '</div>';

		'<ul id="profile_config_options_menu" class="drop-down-10 drop-down-10-small">';
			# '<li><a href="">Config Option 1</a></li>';
		'</ul>';

		'<ul id="profile_tools_menu" class="drop-down-10 drop-down-10-small">';
			# '<li><a href="">Tools 1</a></li>';
		'</ul>';


		#
		# Database Info/Progress panel
		#

		'<div id="profiles_database_panel" class="profile-database-box">';
		'<div id="profiles_database_header" class="profile-database-header">';
#		'<a id="profiles:close_database_panel_btn" href="javascript:;" class="database-panel-close">&times;</a>';
#		'<a id="profiles:update_database_btn" href="javascript:;">' . lang_stats.btn.update_database . '</a>';
#		'<a id="profiles:build_database_btn" href="javascript:;">' . lang_stats.btn.build_database . '</a>';
		'</div>';

		'<div id="profiles_database_body" class="profile-database-body"></div>';
		'</div>';


		#
		# Edit profiles dashboard
		#

		'<div id="profiles:edit_profiles_view" style="display:none">';

			'<div class="edit-profiles-view-toolbar">';
			'<input id="profiles:show_database_info" type="checkbox" /> ';
			'<label for="profiles:show_database_info" style="padding-right:40px">' . lang_admin.profiles.show_database_info_column . '</label>';

			'<div id="profiles:date_filter:box" style="display:inline;padding:0 5px">';
			lang_admin.general.date_filter . ': ';
			'<input id="profiles:date_filter" type="text" value="" style="width:100px" /> ';
			'</div>';

			'<button id="profiles:edit_profiles_view:cancel_btn" type="button" style="width:90px;margin:0 14px 0 40px">' . lang_stats.btn.cancel . '</button>';
			'<button id="profiles:edit_profiles_view:save_btn" type="button" style="width:90px">' . lang_stats.btn.save . '</button>';
			'</div>';

			'<div id ="profiles:edit_profiles_view_list"></div>';

		'</div>';

	'</div>'; # form_section
	
	
	#
	#
	#
	# Saving info
	#
	#
	#

	'<h3 id="saving_info" class="action-info" style="display:none">' . lang_admin.profiles.saving_profile_info . '</h3>';
	
	
	#
	#
	#
	# Deleting info
	#
	#
	#

	'<h3 id="deleting_info" class="action-info" style="display:none">' . lang_admin.profiles.deleting_profile_info . '</h3>';
	
	
	
	#
	#
	#
	#
	# New profile info
	#
	#
	#
	#
	
	'<div id="new_profile_info:panel" class="panel-30">';
	
		# Panel header, is inserted by javascript!
		
		#
		#
		# Panel body
		#
		#
		
		'<div class="panel-30-body">\n';
		
			'<div class="new-profile-info">';
			
				'<h2 id="new_profile_info:label">-</h2>';
				'<p>' . lang_admin.profiles.what_to_do_next . '</p>';
				
				'<a id="new_profile_info:view_reports_btn" class="new-profile-created" href="?dp=index" style="background-image:url(' . fileref("picts/profiles/view_reports_large.gif") . ')">';
				'<strong>' . lang_admin.profiles.process_data_and_view_reports . '</strong><br />';
				'<span>';
				lang_admin.profiles.no_customization_required;
				'</span>';
				'</a>';
				
				'<a id="new_profile_info:view_config_btn" class="new-profile-created" href="?dp=index" style="background-image:url(' . fileref("picts/profiles/view_config_large.gif") . ')">';
				'<strong>' . lang_admin.profiles.view_profile_in_config . '</strong><br />';
				'<span>';
				lang_admin.profiles.view_profile_in_config_node;
				'</span>';
				'</a>';
				
				'<div style="text-align:center">';
				'<a id="new_profile_info:close_btn" href="javascript:;">' . lang_stats.btn.close_window . '</a>';
				'</div>';
				
			'</div>'; # new_profile_info
	
		'</div>'; # panel-30-body
		
	'</div>'; # new_profile_info:panel
	
	
	#
	#
	#
	# Rename profile form
	#
	#
	#
	
	'<div id="rename_profile:panel" class="panel-50">';
	
		# Panel header, is inserted by javascript!
		
		#
		# Panel body
		#
		
		'<div class="panel-50-body">\n';
		
		'<form id="rename_profile:form" onsubmit="return false" autocomplete="off">';
		
		'<div class="panel-50-form">';
		'<table>';
		
			'<tbody>';
			
			'<tr>';
			'<td id="rename_profile:info_text" colspan="2" style="padding-bottom:2px">';
			'Duplicate profile __PARAM__1 excluding its database.'; # Text becomes replaced via js
			'</td>';
			'</tr>';
			
			'<tr>';
			'<td>';
			'<input id="rename_profile:profile_label" type="text" style="width:400px" />';
			'<div id="rename_profile:profile_label" class="form-error"></div>';
			'</td>';
			'</tr>';
			
			'</tbody>';
		
		'</table>';
		'</div>'; # panel-50-form
	
		
		#
		#
		# Save, Cancel button
		#
		#
		
		'<div style="padding:5px 14px;text-align:center">';
		'<button id="rename_profile:ok_btn" type="button" style="width:90px;margin-right:6px">' . lang_stats.btn.ok . '</button>';
		'<button id="rename_profile:cancel_btn" type="button" style="width:90px;margin-left:6px">' . lang_stats.btn.cancel . '</button>';
		'</div>';
			
		
		'</form>'; # rename_profile:form
		
		'</div>\n'; # panel-50-body
	
	'</div>\n'; # rename_profile:panel
	

	#
	#
	# Rename profile database form
	#
	#
	
	'<div id="rename_profile_db:panel" class="panel-50">';
	
		# Panel header, is inserted by javascript!
		
		#
		# Panel body
		#
		
		'<div class="panel-50-body">\n';
		
		'<form id="rename_profile_db:form" onsubmit="return false" autocomplete="off">';
		
		'<div class="panel-50-form">';
		
		'<p id="rename_profile_db:rename_db_info">-</p>';  # Text is set via js
		
		'<table>';
		
			'<tbody>';
			
			'<tr>';
			'<td>';
			'<input id="rename_profile_db:use_profile_name_btn" name="rename_profile_db:switch" type="radio" />';
			'</td>';
			'<td>';
			'<label id="rename_profile_db:use_profile_name_label" for="rename_profile_db:use_profile_name_btn">-</label>';
			'</td>';
			'</tr>';
			
			'<tr>';
			'<td>';
			'<input id="rename_profile_db:keep_existing_name_btn" name="rename_profile_db:switch" type="radio" />';
			'</td>';
			'<td>';
			'<label id="rename_profile_db:keep_existing_name_label" for="rename_profile_db:keep_existing_name_btn">-</label>';
			'</td>';
			'</tr>';
			
			'<tr>';
			'<td>';
			'<input id="rename_profile_db:define_custom_name_btn" name="rename_profile_db:switch" type="radio" />';
			'</td>';
			'<td>';
			'<label for="rename_profile_db:define_custom_name_btn">' . lang_admin.profiles.use_custom_db_name . ':</label><br />';
			'<input id="rename_profile_db:database_name" type="text" style="width:400px" />';
			'<div id="rename_profile_db:database_name:error" class="form-error"></div>';
			'</td>';
			'</tr>';
			
			'</tbody>';
		
		'</table>';
		'</div>'; # panel-50-form
	
		
		#
		#
		# Save, Cancel button
		#
		#
		
		'<div style="padding:5px 14px;text-align:center">';
		'<button id="rename_profile_db:ok_btn" type="button" style="width:90px;margin-right:6px">' . lang_stats.btn.ok . '</button>';
		'<button id="rename_profile_db:cancel_btn" type="button" style="width:90px;margin-left:6px">' . lang_stats.btn.cancel . '</button>';
		'</div>';

		'</form>'; # rename_profile_db:form
		
		'</div>\n'; # panel-50-body
	
	'</div>\n'; # rename_profile_db:panel


	#
	#
	# Duplicate profile form
	#
	#
	
	'<div id="duplicate_profile:panel" class="panel-50">';
	
		# Panel header, is inserted by javascript!
		
		#
		# Panel body
		#
		
		'<div class="panel-50-body">\n';
		
		'<form id="duplicate_profile:form" onsubmit="return false" autocomplete="off">';
		
		'<div class="panel-50-form">';
		'<table>';
		
			'<tbody>';
			
			'<tr>';
			'<td id="duplicate_profile:info_text" colspan="2" style="padding-bottom:2px">';
			'Duplicate profile __PARAM__1 excluding its database.'; # Text becomes replaced via js
			'</td>';
			'</tr>';
			
			'<tr>';
			# '<th>' . lang_admin.profiles.profile_name . ':</th>';
			'<td>';
			'<input id="duplicate_profile:profile_label" type="text" style="width:400px" />';
			'<div id="duplicate_profile:profile_label:error" class="form-error"></div>';
			'</td>';
			'</tr>';
			
			'</tbody>';
		
		'</table>';
		'</div>'; # panel-50-form
	
		
		#
		#
		# Save, Cancel button
		#
		#
		
		'<div style="padding:5px 14px;text-align:center">';
		'<button id="duplicate_profile:ok_btn" type="button" style="width:90px;margin-right:6px">' . lang_stats.btn.ok . '</button>';
		'<button id="duplicate_profile:cancel_btn" type="button" style="width:90px;margin-left:6px">' . lang_stats.btn.cancel . '</button>';
		'</div>';
			
		
		'</form>'; # duplicate_profile:form
		
		'</div>\n'; # panel-50-body
	
	'</div>\n'; # duplicate_profile:panel


	#
	#
	# Confirm delete profile form
	#
	#



	'<div id="delete_profile:panel" class="panel-50">';
		# Panel header div is created by javascript
		'<div class="panel-50-body">';

			'<div style="padding:14px;background-color:White;width:400px">';

				# Text is handled by javascript
				'<p id="delete_profile:confirm_msg">Are you sure you want to delete the profile "profile name" and its database?</p>';
				'<div id="delete_profile:drop_database_section">';
 				'<input id="delete_profile:drop_database" type="checkbox" checked="checked" />&nbsp;';
				'<label id="delete_profile:drop_database_label" for="delete_profile:drop_database">Drop MySQL schema "database name" upon deletion</label>';
				'</div>';

			'</div>';

			'<div style="text-align:center;margin-top:20px">';
				'<button id="delete_profile:yes_btn" type="button" style="width:90px;margin:5px">' . lang_stats.btn.yes . '</button>';
				'<button id="delete_profile:no_btn" type="button" style="width:90px;margin:5px">' . lang_stats.btn.no . '</button>';
			'</div>';

		'</div>'; # panel-50-body

	'</div>'; # panel-50
	

	#
	#
	# Confirm profile conversion form
	#
	#
	
	'<div id="convert_profiles:panel" class="panel-50">';
		# Panel header div is created by javascript
		'<div class="panel-50-body">';
		
			'<div style="padding:14px;background-color:White;width:400px">';
				'<p>' . lang_admin.profiles.start_converting_profiles . '</p>';
			'</div>';				
				
			'<div style="text-align:center;margin-top:20px">';
				'<button id="convert_profiles:yes_btn" type="button" style="width:90px;margin:5px">' . lang_stats.btn.yes . '</button>';
				'<button id="convert_profiles:no_btn" type="button" style="width:90px;margin:5px">' . lang_stats.btn.no . '</button>';
			'</div>';
		
		'</div>'; # panel-50-body
		
	'</div>'; # panel-50


	#
	#
	# Profiles view, confirm delete column
	#
	#

	'<div id="delete_column:panel" class="panel-50">';
		# Panel header div is created by javascript
		'<div class="panel-50-body">';

			'<div style="padding:14px;background-color:White;width:400px">';

				# Text is handled by javascript
				'<p id="delete_column:confirm_msg">' . lang_admin.profiles.confirm_delete_column . '</p>';

			'</div>';

			'<div style="text-align:center;margin-top:20px">';
				'<button id="delete_column:yes_btn" type="button" style="width:90px;margin:5px">' . lang_stats.btn.yes . '</button>';
				'<button id="delete_column:no_btn" type="button" style="width:90px;margin:5px">' . lang_stats.btn.no . '</button>';
			'</div>';

		'</div>'; # panel-50-body

	'</div>'; # panel-50


	#
	#
	# Profiles view, edit column or cell form
	#
	#

	'<div id="edit_cell:panel" class="panel-50">';

		# Panel header, is inserted by javascript!

		#
		# Panel body
		#

		'<div class="panel-50-body">\n';

		'<form id="edit_cell:form" onsubmit="return false" autocomplete="off">';

		'<div class="panel-50-form">';
		'<table>';

			# Select profile
			'<tbody id="edit_cell:profiles_list_section">';

				'<tr>';
				'<th>' . lang_admin.profiles.reference_profile . ':</th>';
				'<td>';
				'<select id="edit_cell:profiles_list"></select>';
				'<div id="" class="form-error"></div>';
				'</td>';
				'</tr>';
			'</tbody>';

			'<tbody>';

				# Select report field
				'<tr>';
				'<th>' . lang_admin.profiles.report_field . ':</th>';
				'<td>';
				'<select id="edit_cell:report_field_list"></select>';
				'<div id="" class="form-error"></div>';
				'</td>';
				'</tr>';

			'<tbody id="edit_cell:header_cell_section">';

				# Show column label - header cell only
				'<tr>';
				'<th>&nbsp;</th>';
				'<td>';
				'<input id="edit_cell:show_column_label" type="checkbox" /> ';
				'<label for="edit_cell:show_column_label">' . lang_admin.profiles.show_column_label . '</label>';
				'</td>';
				'</tr>';

				# Custom column label - header cell only
				'<tr id="edit_cell:column_label:section">';
				'<th>' . lang_admin.profiles.column_label . ':</th>';
				'<td>';
				'<input id="edit_cell:column_label" type="text" value="" style="width:300px" /> ';
				'<span>(' . lang_admin.profiles.leave_blank_to_use_report_field_label . ')</span>';
				'</td>';
				'</tr>';

				# Show cell labels - header cell only
				'<tr >';
				'<th>&nbsp;</th>';
				'<td>';
				'<input id="edit_cell:show_cell_labels" type="checkbox" /> ';
				'<label for="edit_cell:show_cell_labels">' . lang_admin.profiles.show_cell_labels . '</label>';
				'</td>';
				'</tr>';

			'</tbody>';

			'<tbody id="edit_cell:cell_section">';

				# Show cell label - body cell only
				'<tr>';
				'<th>&nbsp;</th>';
				'<td>';
				'<input id="edit_cell:show_cell_label" type="checkbox" /> ';
				'<label for="edit_cell:show_cell_label">' . lang_admin.profiles.show_cell_label . '</label>';
				'</td>';
				'</tr>';

			'</tbody>';

			'<tbody id="edit_cell:cell_label_section">';

				# Custom cell label for header and body cell
				'<tr>';
				'<th>' . lang_admin.profiles.cell_label . ':</th>';
				'<td>';
				'<input id="edit_cell:cell_label" type="text" value="" style="width:300px" /> ';
				'<span>(' . lang_admin.profiles.leave_blank_to_use_report_field_label . ')</span>';
				'</td>';
				'</tr>';

			'</tbody>';

		'</table>';
		'</div>'; # panel-50-form


		#
		#
		# Save, Cancel button
		#
		#

		'<div style="padding:5px 14px;text-align:center">';
		'<button id="edit_cell:ok_btn" type="button" style="width:90px;margin-right:6px">' . lang_stats.btn.ok . '</button>';
		'<button id="edit_cell:cancel_btn" type="button" style="width:90px;margin-left:6px">' . lang_stats.btn.cancel . '</button>';
		'</div>';

		'</form>'; # edit_cell:form

		'</div>\n'; # panel-50-body

	'</div>\n'; # edit_cell:panel

));