<!--BREADCRUMBS-->
<div class="breadcrumb_container">{$breadcrumbs}</div>
<br />
<div>
	<div id="xps_user_grid" />
	
	<script>
	{literal}
		
		//Set javascript vars to their smarty values
		var vars = {
			{/literal}
			lbl_userAdminPanel: '{API->get_label label_id='lbl_user_admin_panel'}',
			lbl_username: '{API->get_label label_id='lbl_username'}',
			lbl_name: '{API->get_label label_id='lbl_name'}',
			lbl_email: '{API->get_label label_id='lbl_email'}',
			lbl_joinDate: '{API->get_label label_id='lbl_join_date'}',
			lbl_activationStatus: '{API->get_label label_id='lbl_activation_status'}'
			{literal}
		}
		
		var userData = [
			//use smarty loop to build a javascript array
			{/literal}
		    {foreach from=$content.users item=user  name=user_loop}
				['{$user.USER_ID}','{$user.NAME_PREFIX} {$user.FIRST_NAME} {$user.MIDDLE_NAME} {$user.LAST_NAME}','{$user.EMAIL}','{$user.JOIN_DATE}',{$user.ACCOUNT_ACTIVE}],	
			{/foreach}
				[]
			{literal}
		];
		//remove the empty record
		userData.pop();
		
	    XPS.account.createUserGrid( userData, vars );

	{/literal}
	</script>
	
</div>