<?php if ( ! defined( 'ABSPATH' ) ) exit;

$unique_hash = substr( md5( $args['form_id'] ), 10, 5 ); ?>

<script type="text/template" id="tmpl-um-member-list-<?php echo esc_attr( $unique_hash ) ?>">
	<div class="um-members um-members-list">

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

				<div id="um-member-{{{user.card_anchor}}}-<?php echo esc_attr( $unique_hash ) ?>" class="um-member um-role-{{{user.role}}} {{{user.account_status}}} <?php if ( $cover_photos ) { echo 'with-cover'; } ?>">
					<span class="um-member-status {{{user.account_status}}}">
						{{{user.account_status_name}}}
					</span>
					<div class="um-member-card-container">
						<?php if ( $profile_photo ) { ?>
							<div class="um-member-photo radius-<?php echo esc_attr( UM()->options()->get( 'profile_photocorner' ) ); ?>">
								<a href="{{{user.profile_url}}}" title="{{{user.display_name}}}">
									{{{user.avatar}}}

									<?php do_action( 'um_members_list_in_profile_photo_tmpl', $args ); ?>
								</a>
							</div>
						<?php } ?>

						<div class="um-member-card <?php echo ! $profile_photo ? 'no-photo' : '' ?>">
							<div class="um-member-card-content">
								<div class="um-member-card-header">
									<?php if ( $show_name ) { ?>
										<div class="um-member-name">
											<a href="{{{user.profile_url}}}" title="{{{user.display_name}}}">
												{{{user.display_name_html}}}
											</a>
										</div>
									<?php } ?>

									{{{user.hook_just_after_name}}}

									<?php do_action( 'um_members_list_after_user_name_tmpl', $args ); ?>

									{{{user.hook_after_user_name}}}
								</div>

								<?php if ( $show_tagline && ! empty( $tagline_fields ) && is_array( $tagline_fields ) ) {
									foreach ( $tagline_fields as $key ) {
										if ( empty( $key ) ) {
											continue;
										} ?>

										<# if ( typeof user['<?php echo $key; ?>'] !== 'undefined' ) { #>
											<div class="um-member-tagline um-member-tagline-<?php echo esc_attr( $key ); ?>"
											     data-key="<?php echo esc_attr( $key ); ?>">
												{{{user['<?php echo $key; ?>']}}}
											</div>
										<# } #>

									<?php }
								}

								if ( $show_userinfo ) { ?>

									<# var $show_block = false; #>

									<?php foreach ( $reveal_fields as $k => $key ) {
										if ( empty( $key ) ) {
											unset( $reveal_fields[ $k ] );
										} ?>

										<# if ( typeof user['<?php echo $key; ?>'] !== 'undefined' ) {
											$show_block = true;
										} #>
									<?php }

									if ( $show_social ) { ?>
										<# if ( ! $show_block ) { #>
											<# $show_block = user.social_urls #>
										<# } #>
									<?php } ?>

									<# if ( $show_block ) { #>
										<div class="um-member-meta-main<?php if ( ! $userinfo_animate ) { echo ' no-animate'; } ?>">

											<div class="um-member-meta">
												<?php foreach ( $reveal_fields as $key ) { ?>

													<# if ( typeof user['<?php echo $key; ?>'] !== 'undefined' ) { #>
													<div class="um-member-metaline um-member-metaline-<?php echo $key; ?>">
														<strong>{{{user['label_<?php echo $key;?>']}}}:</strong>&nbsp;{{{user['<?php echo $key;?>']}}}
													</div>
													<# } #>

												<?php }

												if ( $show_social ) { ?>
													<div class="um-member-connect">
														{{{user.social_urls}}}
													</div>
												<?php } ?>
											</div>
										</div>
									<# } #>
								<?php } ?>
							</div>

							<div class="um-member-card-actions">

								<# if ( Object.keys( user.dropdown_actions ).length > 0 ) { #>
									<div class="um-member-cog">
										<a href="javascript:void(0);" class="um-member-actions-a">
											<i class="um-faicon-cog"></i>
										</a>
										<?php UM()->member_directory()->dropdown_menu_js( '.um-member-cog', 'click', 'user' ); ?>
									</div>
								<# } #>

							</div>

						</div>
					</div>
					<div class="um-member-card-footer <?php echo ! $profile_photo ? 'no-photo' : '' ?> <?php if ( $show_userinfo && $userinfo_animate ) { ?><# if ( ! $show_block ) { #>no-reveal<# } #><?php } ?>">

						<div class="um-member-card-footer-buttons">
							<?php do_action( 'um_members_list_just_after_actions_tmpl', $args ); ?>
						</div>

						<?php if ( $show_userinfo && $userinfo_animate ) { ?>
							<# if ( $show_block ) { #>
								<div class="um-member-card-reveal-buttons">
									<div class="um-member-more">
										<a href="javascript:void(0);"><i class="um-faicon-angle-down"></i></a>
									</div>
									<div class="um-member-less">
										<a href="javascript:void(0);"><i class="um-faicon-angle-up"></i></a>
									</div>
								</div>
							<# } #>
						<?php } ?>
					</div>
				</div>

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

			<div class="um-members-none">
				<p><?php echo $no_users; ?></p>
			</div>

		<# } #>

	</div>
</script>