<!-- Edit this file to change the layout of the detail view print preview page -->


<div class="panel-heading"><h3 class="panel-title">
	<strong><%%DETAIL_VIEW_TITLE%%></strong>
	<div class="hidden-print pull-right">
		<div class="btn-group">
			<button type="button" id="print" onclick="window.print();" title="<%%TRANSLATION(Print)%%>" class="btn btn-primary"><i class="glyphicon glyphicon-print"></i> <%%TRANSLATION(Print)%%></button>
			<button type="submit" id="back" title="<%%TRANSLATION(Cancel Printing)%%>" class="btn btn-default"><i class="glyphicon glyphicon-remove-circle"></i> <%%TRANSLATION(Cancel Printing)%%></button>
		</div>
	</div>
	<div class="clearfix"></div>
</h3></div>

<div class="panel-body">
	<fieldset class="form-horizontal">
		<!-- Field: ID -->
		<div class="form-group medical_records-id" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">ID</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(id)%%></div>
			</div>
		</div>
		<!-- Field: Patient -->
		<div class="form-group medical_records-patient" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Patient</label>
			<div class="col-xs-9">
				<div class="form-control-static"><span id="patient-readonly<%%RND1%%>"><%%COMBOTEXT(patient)%%></span></div>
			</div>
		</div>
		<!-- Field: Image 1 -->
		<div class="form-group medical_records-image_1" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Image 1</label>
			<div class="col-xs-9">
				<div class="form-control-static"><img id="image_1Img" src="thumbnail.php?t=medical_records&f=image_1&i=<%%VALUE(image_1)%%>&v=dv" class="img-thumbnail"></div>
			</div>
		</div>
		<!-- Field: Image 2 -->
		<div class="form-group medical_records-image_2" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Image 2</label>
			<div class="col-xs-9">
				<div class="form-control-static"><img id="image_2Img" src="thumbnail.php?t=medical_records&f=image_2&i=<%%VALUE(image_2)%%>&v=dv" class="img-thumbnail"></div>
			</div>
		</div>
		<!-- Field: Image 3 -->
		<div class="form-group medical_records-image_3" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Image 3</label>
			<div class="col-xs-9">
				<div class="form-control-static"><img id="image_3Img" src="thumbnail.php?t=medical_records&f=image_3&i=<%%VALUE(image_3)%%>&v=dv" class="img-thumbnail"></div>
			</div>
		</div>
		<!-- Field: Image 4 -->
		<div class="form-group medical_records-image_4" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Image 4</label>
			<div class="col-xs-9">
				<div class="form-control-static"><img id="image_4Img" src="thumbnail.php?t=medical_records&f=image_4&i=<%%VALUE(image_4)%%>&v=dv" class="img-thumbnail"></div>
			</div>
		</div>
		<!-- Field: Image 5 -->
		<div class="form-group medical_records-image_5" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Image 5</label>
			<div class="col-xs-9">
				<div class="form-control-static"><img id="image_5Img" src="thumbnail.php?t=medical_records&f=image_5&i=<%%VALUE(image_5)%%>&v=dv" class="img-thumbnail"></div>
			</div>
		</div>
		<!-- Field: Document 1 -->
		<div class="form-group medical_records-document_1" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Document 1</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(document_1)%%></div>
			</div>
		</div>
		<!-- Field: Document 2 -->
		<div class="form-group medical_records-document_2" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Document 2</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(document_2)%%></div>
			</div>
		</div>
		<!-- Field: Document 3 -->
		<div class="form-group medical_records-document_3" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Document 3</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(document_3)%%></div>
			</div>
		</div>
		<!-- Field: Document 4 -->
		<div class="form-group medical_records-document_4" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Document 4</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(document_4)%%></div>
			</div>
		</div>
		<!-- Field: Document 5 -->
		<div class="form-group medical_records-document_5" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Document 5</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(document_5)%%></div>
			</div>
		</div>
		<!-- Field: Description -->
		<div class="form-group medical_records-description" style="border-bottom: dotted 1px #DDD;">
			<label class="col-xs-3 control-label">Description</label>
			<div class="col-xs-9">
				<div class="form-control-static"><%%VALUE(description)%%></div>
			</div>
		</div>
	</fieldset>
</div>
<script>
	$j(function() {
		// render read-only checkboxes in DVP
		$j('form input[type=checkbox]:not(.hidden):checked')
			.addClass('hidden')
			.after('<i class="glyphicon glyphicon-check"></i>');
		$j('form input[type=checkbox]:not(.hidden):not(:checked)')
			.addClass('hidden')
			.after('<i class="glyphicon glyphicon-unchecked"></i>')
	})
</script>
