@(document1: Document, document2: Document, user: User)

@import templates.shortLink

@styles = {
	<style type="text/css">
		.container {
			width: 100%;
		}
		.col-sm-6 {
			padding-left: 5px;
			padding-right: 5px;
		}
		iframe {
			width: 100%;
			height: 100vh;
		}
	</style>
}

@main("Comparing documents", user, styles = styles) {
	<div class="col-sm-6">
		@if(document1 != null) {
			<h3>@shortLink(routes.Documents.view(document1.id).url, "", document1.title, 60)</h3>
			<iframe id="document1" src="@document1.waybackUrl()"></iframe>
		} else {
			<h3>Document not Found</h3>
			The requested document is no longer available.
		}
	</div>
	<div class="col-sm-6">
		@if(document2 != null) {
			<h3>@shortLink(routes.Documents.view(document2.id).url, "", document2.title, 60)</h3>
			<iframe id="document2" src="@document2.waybackUrl()"></iframe>
		} else {
			<h3>Document not Found</h3>
			The requested document is no longer available.
		}
	</div>
}
