{^{if complete}}
<div class="contentArea viewDetails importDetails" id="{{>_id}}">
	<div class="mainHeading">
		<h3>{^{>name}}</h3>
		<br class="clearFix"/>
	</div>

	<div class="row">
		<div class="">
			<p>Generated on <span data-link="data-ts{>timestamp}" data-ts-output="DD MMM YYYY HH:mm"></span></p>
			<p>Generated by {^{>generatedBy}}</p>
		</div>
		<div class="">
			<h3>Rejected Records Report</h3>
			<div class="actions">
				<div class="controls btn btn-primary pull-left" id="reportCSVPrint" data-perm="">
					<a data-link="href{>rejectedRecordsDownload}"><span class="controls glyphicons glyphicons-print white"></span> CSV</a>
				</div>
				<div class="clearFix"></div>
			</div>
		</div>
		<div class="">
			<h3>Audit Log</h3>
			{^{if audit_log && (audit_log.status === 'error' || audit_log.status === 'incomplete')}}
			<p data-link="data-id{>audit_log.auditLogId}" class="auditMessageContainer">{^{>audit_log.message}}</p>
			{{/if}}
			<div class="actions">
				<div class="controls btn btn-primary pull-left" id="reportLog" data-perm="">
					<a data-link="href{>auditDownloadLink}"><span class="controls glyphicons glyphicons-print white"></span> Audit Log</a>
				</div>
				<div class="clearFix"></div>
			</div>
		</div>
		<div>
			<h3>Summary</h3>
			{^{for summary}}
				<p>{^{>title}}: {^{>new + matched}} ({^{>new}} New, {^{>matched}} Existing)</p>
			{{/for}}

			{^{for dynamicSummary}}
			<p>{^{>text}}</p>
			{{/for}}
		</div>
	</div>

</div>
{{/if}}

{^{if !complete}}
<div class="contentArea viewDetails importPending">
	<div class="mainHeading">
		<h3>{^{>name}}</h3>
		<br class="clearFix"/>
	</div>

	<p>Report requested <span data-link="data-ts{>timestamp}" data-ts-output="DD MMM YYYY HH:mm"></span></p>
	<div class="alert warning">
		<div class="glyphicons glyphicons-warning-sign white pull-left"></div>
		<div class="pull-left message">
			<span>
				<br/>
				This import is currently queued and waiting to be generated.
			</span>
		</div>
		<div class="clearFix"></div>
	</div>
</div>
{{/if}}