<xf:title>{{ phrase('image_proxy_details') }}</xf:title>

<div class="block">
	<div class="block-container">
		<div class="block-body">
			<xf:formrow label="{{ phrase('image') }}">
				<div><img src="{{ link('logs/image-proxy/image', $image) }}" alt="" style="max-width: 100%; max-height: 300px; display: block; margin: auto" /></div>
				<a href="{$image.url}" target="_blank">{$image.url}</a>
			</xf:formrow>
			<xf:formrow label="{{ phrase('hits') }}">{$image.views|number}</xf:formrow>
			<xf:formrow label="{{ phrase('first_requested') }}"><xf:date time="{$image.first_request_date}" /></xf:formrow>
			<xf:formrow label="{{ phrase('last_requested') }}"><xf:date time="{$image.last_request_date}" /></xf:formrow>

			<xf:if is="{$xf.options.imageLinkProxyReferrer.enabled} AND $image.Referrers is not empty">
				<xf:datalist class="dataList--separatedTop" data-xf-init="responsive-data-list">
					<xf:datarow rowtype="header">
						<xf:cell>{{ phrase('referrer') }}</xf:cell>
						<xf:cell>{{ phrase('hits') }}</xf:cell>
						<xf:cell>{{ phrase('first_seen') }}</xf:cell>
						<xf:cell>{{ phrase('last_seen') }}</xf:cell>
					</xf:datarow>
					<xf:foreach loop="$image.Referrers" value="$referrer">
						<xf:datarow rowclass="dataList-row--noHover">
							<xf:cell dir="auto"><a href="{$referrer.referrer_url}" target="_blank">{$referrer.referrer_url}</a></xf:cell>
							<xf:cell>{$referrer.hits|number}</xf:cell>
							<xf:cell><xf:date time="{$referrer.first_date}" /></xf:cell>
							<xf:cell><xf:date time="{$referrer.last_date}" /></xf:cell>
						</xf:datarow>
					</xf:foreach>
				</xf:datalist>
			</xf:if>
		</div>
	</div>
</div>