{% extends "base.html" %}
{% block title %}Test Bench Setup - Autotest{% endblock %}

{% block body %}
<div class="setup-container" style="display: flex; gap: 0px; align-items: flex-start; margin-left: 100px;">
	

	<div>
		<h2>Active Tests - {{ report_id }}</h2>

		<div style="margin-bottom: 10px;">
			<a href="/active-tests"><- Go Back</a>
		</div>

		<table style="width: 100%; border: 1px solid var(--border); border-radius: 6px; overflow: hidden; background-color: var(--bg-surface);">
			<thead>
				<tr style="background-color: var(--bg-active); border-bottom: 1px solid var(--border);">
					<th style="padding: 12px; text-align: left;">ID</th>
					<th style="padding: 12px; text-align: left;">Author</th>
					<th style="padding: 12px; text-align: left;">Project</th>
					<th style="padding: 12px; text-align: left;">Version</th>
					<th style="padding: 12px; text-align: left;">Board</th>
					<th style="padding: 12px; text-align: left;">OS</th>
					<th style="padding: 12px; text-align: left;">Date</th>
					<th style="padding: 12px; text-align: left;">Start Time</th>
					<th style="padding: 12px; text-align: left;">End Time</th>
					<th style="padding: 12px; text-align: left;">Passed</th>
					<th style="padding: 12px; text-align: left;">Failed</th>
					<th style="padding: 12px; text-align: center; width: 1%; white-space: nowrap;">Delete</th>
				</tr>
			</thead>
			<tbody>
				{% for board in test_products %}
				<tr style="border-bottom: 1px solid var(--border);">

					<td style="padding: 12px; text-align: left; font-weight: 600; color: var(--text-muted);">
						{{ board.test_product_id }}
					</td>

					<td style="padding: 12px; text-align: left; font-weight: 600; color: var(--text-muted);">
						{{ board.report.author.username }}
					</td>

					<td style="padding: 12px; text-align: left; font-weight: 600; color: var(--text-muted);">
						{{ board.report.project_version.project.project_name }}
					</td>

					<td style="padding: 12px; text-align: left; font-weight: 600; color: var(--text-muted);">
						{{ board.report.project_version.version_string }}
					</td>

					<td style="padding: 12px; text-align: left; font-weight: 600; color: var(--text-muted);">
						{{ board.testboard.board.family.board_family_prefix }}{{ board.testboard.board.board_name }}
					</td>

					<td style="padding: 12px; text-align: left; font-weight: 600; color: var(--text-muted);">
						{{ board.testboard.os.os_name }}
					</td>

					<td style="padding: 12px; text-align: left; font-weight: 600; color: var(--text-muted);">
						{{ board.timestamp_start.strftime("%d %b %Y") }}
					</td>

					<td style="padding: 12px; text-align: left; font-weight: 600; color: var(--text-muted);">
						{{ board.timestamp_start.strftime("%H:%M:%S") }}
					</td>

					<td style="padding: 12px; text-align: left; font-weight: 600; color: var(--text-muted);">
						{{ board.timestamp_end.strftime("%H:%M:%S") }}
					</td>

					<td style="padding: 12px; text-align: left; font-weight: 600; color: var(--text-muted);">
						0
					</td>

					<td style="padding: 12px; text-align: left; font-weight: 600; color: var(--text-muted);">
						0
					</td>

					<td>
						<form action="/active-tests/delete-product-test/{{ board.test_product_id }}" method="POST">
							<button type="submit">X</button>
						</form>
					</td>
				
				</tr>
				{% else %}
				<tr>
					<td colspan="10" style="padding: 20px; text-align: center; color: var(--text-muted);">No tests are in progress.</td>
				</tr>
				{% endfor %}
			</tbody>
		</table>
	</div>
</div>
{% endblock %}




{% block scripts %}
{% endblock %}