{foreach from=$mediaList item=media}
	<li class="jsClipboardObject mediaFile" data-object-id="{@$media->mediaID}">
		<div class="mediaThumbnail">
			{@$media->getElementTag(144)}
		</div>

		{assign var='__mediaTitle' value=$media->filename}
		{if $media->title}
			{assign var='__mediaTitle' value=$media->title}
		{/if}
		<div class="mediaInformation">
			<p class="mediaTitle">{$__mediaTitle}</p>
		</div>

		<nav class="jsMobileNavigation buttonGroupNavigation">
			<ul class="buttonList iconList">
				<li class="mediaCheckbox">
					<a><label><input type="checkbox" class="jsClipboardItem" data-object-id="{@$media->mediaID}"></label></a>
				</li>
				{if $__wcf->session->getPermission('admin.content.cms.canManageMedia')}
					<li class="jsMediaEditButton" data-object-id="{@$media->mediaID}">
						<a><span class="icon icon16 fa-pencil jsTooltip" title="{lang}wcf.global.button.edit{/lang}"></span> <span class="invisible">{lang}wcf.global.button.edit{/lang}</span></a>
					</li>
					<li class="jsDeleteButton" data-object-id="{@$media->mediaID}" data-confirm-message-html="{lang title=$__mediaTitle __encode=true}wcf.media.delete.confirmMessage{/lang}">
						<a><span class="icon icon16 fa-times jsTooltip" title="{lang}wcf.global.button.delete{/lang}"></span> <span class="invisible">{lang}wcf.global.button.delete{/lang}</span></a>
					</li>
				{/if}
				{if $mode == 'editor'}
					<li class="jsMediaInsertButton" data-object-id="{@$media->mediaID}">
						<a><span class="icon icon16 fa-plus jsTooltip" title="{lang}wcf.media.button.insert{/lang}"></span> <span class="invisible">{lang}wcf.media.button.insert{/lang}</span></a>
					</li>
				{elseif $mode == 'select'}
					<li class="jsMediaSelectButton" data-object-id="{@$media->mediaID}">
						<a><span class="icon icon16 fa-check jsTooltip" title="{lang}wcf.media.button.select{/lang}"></span> <span class="invisible">{lang}wcf.media.button.select{/lang}</span></a>
					</li>
				{/if}
			</ul>
		</nav>
	</li>
{/foreach}