vBulletin LTS

<vb:if condition="!empty($attachments)">
	<div class="b-post-attachments" style="max-width: 60%;">
		{vb:rawphrase attached_files}
		<ul>
		<vb:each from="attachments" value="attachment">
			<vb:if condition="!empty($attachment['filename'])">
				{vb:set displayName, {vb:raw attachment.filename}}
			<vb:elseif condition="!empty($attachment['caption'])" />
				{vb:set displayName, {vb:raw attachment.caption}}
			<vb:else />
				{vb:set displayName, {vb:raw attachment.nodeid}}
			</vb:if>
			<vb:if condition="in_array($attachment[extension], array(jpeg, jpg, png, gif, jpe))">
				<li class="b-post-attachments__item"  style="display:inline-flex; padding:3px;">
					<a href="{vb:raw attachurl}{vb:raw attachment.nodeid}">
					<img 
					class="thumbnail-photo" 
					src="{vb:raw baseurl}/filedata/fetch?id={vb:raw attachment.nodeid}&amp;type=thumb" 
					title="" 
					alt="" 
					/>
					</a>
				</li>
			</vb:if>
		</vb:each>
		<vb:each from="attachments" value="attachment">
			<vb:if condition="!empty($attachment['filename'])">
				{vb:set displayName, {vb:raw attachment.filename}}
			<vb:elseif condition="!empty($attachment['caption'])" />
				{vb:set displayName, {vb:raw attachment.caption}}
			<vb:else />
				{vb:set displayName, {vb:raw attachment.nodeid}}
			</vb:if>
			<vb:if condition="!in_array($attachment[extension], array(jpeg, jpg, png, gif, jpe))">
				<li class="b-post-attachments__item">
					<a href="{vb:raw attachurl}{vb:raw attachment.nodeid}">
					<span class="b-icon b-icon__doc--gray"></span>
					<span class="h-wordwrap">{vb:raw displayName}</span>
					<vb:if condition="$attachment['counter'] == 1">
						{vb:set phrase, 1_view}
					<vb:else />
						{vb:set phrase, x_views}
					</vb:if>
					<span>({vb:raw attachment.filesize}, {vb:phrase {vb:raw phrase}, {vb:raw attachment.counter}}) </span>
					</a>
				</li>
			</vb:if>
		</vb:each>
		</ul>
	</div>
</vb:if>