{% load static %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>Printable copy for test cases</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta http-equiv="Content-Language" content="utf-8" />
	<link rel="stylesheet" type="text/css" href="{% static "style/print.css" %}" media="print" />
	{% block custom_stylesheet %}{% endblock %}
	<style TYPE="text/css">
	div.thin-line  { background-color: rgb(0, 0, 0);  width: 100%; height: 0.1ex; }
	div.case-stage { width:25%; float:left; white-space:normal; }
	div.case-stage pre{white-space:normal; padding-right:10px;}
	</style>
</head>
<body>
	<!-- Title area -->
	{% for test_case in test_cases %}
	<div style="clear: left">
		<h3>[{{ test_case.case_id }}] {{ test_case.summary }}</h3>
		<div class="thin-line"></div>
		<div class="case-stage">
			<h4>Set up</h4>
			{{ test_case.setup|safe }}
		</div>
		<div class="case-stage">
			<h4>Actions</h4>
			{{ test_case.action|safe }}
		</div>
		<div class="case-stage">
			<h4>Expected Results</h4>
			{{ test_case.effect|safe }}
		</div>
		<div class="case-stage">
			<h4>Breakdown</h4>
			{{ test_case.breakdown|safe }}
		</div>
	</div>
	{% endfor %}
</body>
