<div id="um-gallery-modal" class="um-gallery-popup" data-id="{{ data.media_id}}" data-gallery-id="{{ data.parent_id }}">
<div class="um-user-gallery-inner">
	<div class="um-user-gallery-left">
		<div class="um-user-gallery-arrow aqm-left-gallery-arrow">
			<a href="#" data-direction="left"><i class="um-faicon-angle-left" aria-hidden="true"></i></a>
		</div>
		<div class="um-user-gallery-arrow aqm-right-gallery-arrow">
			<a href="#" data-direction="right"><i class="um-faicon-angle-right" aria-hidden="true"></i></a>
		</div>
		<div class="um-user-gallery-image-wrap" <# if ( data.type == 'photo' ) { #> style="background-image:url('{{ data.image}}');" <# } #><# if ( data.type !== 'photo') { #> style="background-image:url('none');" <# } #>>
			<div class="image-holder">{{{  data.media_frame}}}</div>
		</div>
		<?php if ( 'on' === um_gallery_pro_get_option( 'um_gallery_fullscreen' ) ) { ?>
		<div class="um-user-gallery-image-options-1"><a href="#" class="um-gallery-full-screener"><i class="um-faicon-expand"></i></a></div>
		<?php } ?>
		<?php if ( is_user_logged_in() ) { ?>
		<# if ( data.is_owner ) { #>
		<div class="um-user-gallery-image-options">
			<span class="um-user-gallery-options">
				<?php // if ( um_gallery()->is_owner() ) { ?> 
				<div class="um-user-gallery-normal"><a href="#" class="um-gallery-quick-edit">Edit Media</a> | <a href="#" class="aqm-delete-gallery-photo">Delete Photo</a>
				</div>
				<div class="um-user-gallery-edit" style="display: none;">
					'Are you sure want to delete this? <a href="#"  class="um-user-gallery-confirm" data-option="yes">Yes</a> | <a href="#" class="um-user-gallery-confirm" data-option="no">No</a>
				</div>
				<?php // } ?>
			</span>
		</div>
		<# } #>
		<?php } ?>
	</div>
	<div class="um-user-gallery-right">
		<div class="um-user-gallery-right-inner">
			<div class="um-user-gallery-close">
				<svg viewBox="0 0 24 24" aria-hidden="true" class="r-4qtqp9 r-yyyyoo r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-z80fyv r-19wmn03" style="color: rgb(255, 255, 255);"><g><path d="M10.59 12L4.54 5.96l1.42-1.42L12 10.59l6.04-6.05 1.42 1.42L13.41 12l6.05 6.04-1.42 1.42L12 13.41l-6.04 6.05-1.42-1.42L10.59 12z"></path></g></svg>
			</div>
			<div class="um-user-gallery-user">
				<div class="um-gallery-header-avatar">
					<a href="{{ data.link }}">
						<img src="{{  data.avatar.url}}" class="{{ data.avatar.class}}" alt="{{ data.avatar.alt}}" with="{{ data.avatar.size}}" height={{ data.avatar.size}}" />
					</a>
				</div>
				<div class="">
					<a href="{{ data.link}}">{{ data.avatar_name}}</a>
				</div>
			</div>
			<div class="um-user-gallery-info">
				<div class="um-user-gallery-caption">
					<div class="um-user-gallery-title" id="um-user-gallery-title">{{ data.caption}}</div>
					<?php if ( um_gallery_pro_addon_enabled( 'category' ) ) { ?>
					<div class="um-user-gallery-meta-row" id="um-user-gallery-category">{{ data.category}}</div>
					<?php } ?>
					<?php if ( um_gallery_pro_addon_enabled( 'tags' ) ) { ?>
					<div class="um-user-gallery-meta-row" id="um-user-gallery-tags">
					<# _.each(data.tags, function(tag){ #>
						<span class="um-gallery-tag">{{tag}}</span>
					<# }); #>
					</div>
					<?php } ?>
				</div>
				<?php // if ( um_gallery()->is_owner() ) { ?> 
					<?php if ( is_user_logged_in() ) { ?>
					<# if ( data.is_owner ) { #>
					<div class="um-user-gallery-modify">
						<form id="um-gallery-photo-form">
							<input type="hidden" name="action" value="um_gallery_photo_update">
							<input type="hidden" name="id" value="{{ data.media_id }}">
							<input type="hidden" name="parent_id" value="{{ data.parent_id }}">
							<input type="hidden" name="security" value="<?php echo esc_attr( wp_create_nonce( 'um-gallery-nonce' ) ); ?>">
							<div class="um-gallery-form-control">
								<div class="um-gallery-form-label">
									<label for="caption"><?php esc_html_e( 'Caption', 'gallery-for-ultimate-member' ); ?></label>
								</div>
								<div class="um-gallery-form-field"><textarea name="caption">{{ data.caption}}</textarea></div>
							</div>
							<?php if ( um_gallery_pro_addon_enabled( 'category' ) ) { ?>
							<div class="um-gallery-form-control">
								<div class="um-gallery-form-label">
									<label for="category"><?php esc_html_e( 'Category', 'gallery-for-ultimate-member' ); ?></label>
								</div>
								<div class="um-gallery-form-field">
										<?php wp_dropdown_categories( 'show_count=0&name=category&id=um-gallery-cat-picker&hierarchical=1&hide_empty=0&orderby=name&taxonomy=' . um_gallery()->field->category ); ?>
								</div>
							</div>
							<?php } ?>
							<?php if ( um_gallery_pro_addon_enabled( 'tags' ) ) { ?>
							<div class="um-gallery-form-control">
								<div class="um-gallery-form-label">
									<label for="tags"><?php esc_html_e( 'Tags', 'gallery-for-ultimate-member' ); ?></label>
								</div>
								<div class="um-gallery-form-field">
									<ul id="um_gallery_tag_list">
									<# _.each(data.tags, function(tag){ #>
											<li>{{tag}}</li>
									<# }); #>
									</ul>
								</div>
							</div>
							<?php } ?>
							<div class="um-caption-text">
								<input type="submit" id="savePhoto" value="<?php esc_attr_e( 'Save', 'gallery-for-ultimate-member' ); ?>" />
								<input type="button" id="cancelPhoto" value="<?php esc_attr_e( 'Cancel', 'gallery-for-ultimate-member' ); ?>" />
							</div>
						</form>
					</div>
					<div class="um-gallery-caption-edit-wrapper" data-id="{{ data.media_id}}"><a href="#" id="um-gallery-caption-edit" data-id="{{ data.media_id}}"><i class="um-faicon-pencil"></i><?php esc_html_e( ' Edit', 'gallery-for-ultimate-member' ); ?></a></div>
					<# } #>
					<?php } ?>
				<?php // } ?>
			</div>
			<?php
			if ( um_gallery_pro_addon_enabled( 'comments' ) ) {
				?>
				<div id="um-gallery-comments"></div>
				<?php
			}
			?>
		</div>
	</div>
	</div>
</div>