<script type="text/template" id="tmpl-um-member-grid-wvE7T">
	<div class="um-members um-members-grid">
		<div class="um-gutter-sizer"></div>

		<# if ( data.length > 0 ) { #>
			<# _.each( data, function( user, key, list ) { #>

				<div id="um-member-{{{user.card_anchor}}}-wvE7T" class="um-member um-role-{{{user.role}}} {{{user.account_status}}} with-cover">

					<span class="um-member-status {{{user.account_status}}}">
						{{{user.account_status_name}}}
					</span>

											<div class="um-member-cover" data-ratio="2.7:1">
							<div class="um-member-cover-e">
								<a href="{{{user.profile_url}}}" title="<# if ( user.display_name ) { #>{{{user.display_name}}}<# } #>">
									{{{user.cover_photo}}}
								</a>
							</div>
						</div>
											<div class="um-member-photo radius-1">
							<a href="{{{user.profile_url}}}" title="<# if ( user.display_name ) { #>{{{user.display_name}}}<# } #>">
								{{{user.avatar}}}
															</a>
						</div>
					

					<div class="um-member-card ">
													<# if ( user.display_name_html ) { #>
								<div class="um-member-name">
									<a href="{{{user.profile_url}}}" title="{{{user.display_name}}}">
										{{{user.display_name_html}}}
									</a>
								</div>
							<# } #>
												{{{user.hook_just_after_name}}}


						<# if ( user.can_edit ) { #>
							<div class="um-members-edit-btn">
								<a href="{{{user.edit_profile_url}}}" class="um-edit-profile-btn um-button um-alt">
									Edit profile								</a>
							</div>
						<# } #>


												{{{user.hook_after_user_name}}}


						
					</div>
				</div>

			<# }); #>
		<# } else { #>

			<div class="um-members-none">
				<p>We are sorry. We cannot find any users who match your search criteria.</p>
			</div>

		<# } #>

		<div class="um-clear"></div>
	</div>
</script>


<script type="text/template" id="tmpl-um-members-header">
	<div class="um-members-intro">
		<div class="um-members-total">
			<# if ( data.pagination.total_users == 1 ) { #>
				{{{data.pagination.header_single}}}
			<# } else if ( data.pagination.total_users > 1 ) { #>
				{{{data.pagination.header}}}
			<# } #>
		</div>
	</div>

	<div class="um-clear"></div>
</script>


<script type="text/template" id="tmpl-um-members-pagination">
	<# if ( data.pagination.pages_to_show.length > 0 ) { #>
		<div class="um-members-pagidrop uimob340-show uimob500-show">
			Jump to page:			<select class="um-s2 um-members-pagi-dropdown" style="width: 100px;display:inline-block;">
				<# _.each( data.pagination.pages_to_show, function( page, key, list ) { #>
					<option value="{{{page}}}" <# if ( page == data.pagination.current_page ) { #>selected<# } #>>{{{page}}} of {{{data.pagination.total_pages}}}</option>
				<# }); #>
			</select>
		</div>

		<div class="um-members-pagi uimob340-hide uimob500-hide">
			<span class="pagi pagi-arrow <# if ( data.pagination.current_page == 1 ) { #>disabled<# } #>" data-page="first" aria-label="First page"><i class="um-faicon-angle-double-left"></i></span>
			<span class="pagi pagi-arrow <# if ( data.pagination.current_page == 1 ) { #>disabled<# } #>" data-page="prev" aria-label="Previous page"><i class="um-faicon-angle-left"></i></span>

			<# _.each( data.pagination.pages_to_show, function( page, key, list ) { #>
				<span class="pagi <# if ( page == data.pagination.current_page ) { #>current<# } #>" data-page="{{{page}}}">{{{page}}}</span>
			<# }); #>

			<span class="pagi pagi-arrow <# if ( data.pagination.current_page == data.pagination.total_pages ) { #>disabled<# } #>" data-page="next" aria-label="Next page"><i class="um-faicon-angle-right"></i></span>
			<span class="pagi pagi-arrow <# if ( data.pagination.current_page == data.pagination.total_pages ) { #>disabled<# } #>" data-page="last" aria-label="Last page"><i class="um-faicon-angle-double-right"></i></span>
		</div>
	<# } #>
</script>

<div class="um um-directory um-wvE7T"
	 data-hash="wvE7T" data-base-post="1710"
	 data-must-search="0" data-searched="1"
	 data-view_type="grid" data-page="1"
	 data-sorting="">
	<div class="um-members-overlay"><div class="um-ajax-loading"></div></div>

	<div class="um-member-directory-header um-form">

		
		

			</div>

	<div class="um-members-wrapper"></div>

	<div class="um-members-pagination-box"></div>

	
</div>