{% extends 'base.html.twig' %}

{% block title %}Gpu index{% endblock %}

{% block body %}
	<h2>Graphics Cards</h2>

	<div class="small callout primary">
		<ul>
			<li>
				<a href="{{ path('gpu_new') }}">Add a Graphics Card</a>
			</li>
		</ul>
	</div>

	<ul
		class="tabs"
		data-deep-link="true"
		data-update-history="true"
		data-deep-link-smudge="true"
		data-deep-link-smudge-delay="500"
		data-tabs
		id="classifications"
	>
		<li class="tabs-title">
			<a href="#not_acquired">On the Way</a>
		</li>
		<li class="tabs-title is-active" aria-selected="true">
			<a href="#pcie">PCIe</a>
		</li>
		<li class="tabs-title">
			<a href="#agp">AGP</a>
		</li>
		<li class="tabs-title">
			<a href="#pci">PCI</a>
		</li>
		<li class="tabs-title">
			<a href="#isa">ISA</a>
		</li>
		<li class="tabs-title" >
			<a href="#acquired">All In Collection</a>
		</li>
	</ul>

	<div class="tabs-content" data-tabs-content="classifications">
		{% for label, gpus in gpus %}
		<div class="tabs-panel {% if label == 'pcie' %}is-active{% endif %}" id="{{ label }}">
			<table class="hover scroll sortable stack">
				<thead>
				<tr>
					<th>&nbsp;</th>
					<th>Id</th>
					<th>Model Name</th>
					<th>GPU</th>
					<th>Card Brand</th>
					<th>Alternate Model Name</th>
					<th>Count</th>
					<th>Key / Bus</th>
					<th>Slot Width</th>
					<th>Power</th>
					<th>Tdp</th>
					<th data-tsorter="numeric">GPU Clock</th>
					<th>Memory</th>
					<!-- <th>Shading Units</th>
					<th>TMUs</th>
					<th>ROPs</th>
					<th>Compute Units</th>
					<th>L1 cache</th>
					<th>L2 cache</th>
					<th>DirectX Support</th>
					<th>OpenGL</th>
					<th>OpenCL</th>
					<th>Vulkan</th>
					<th>Shader Model</th> -->
					<th>Link</th>

					<th>Notes</th>
				</tr>
				</thead>
				<tbody>
				{% for gpu in gpus %}
					<tr>
						<td>
							<ul>
								<li>
									<a href="{{ path('gpu_show', {'id': gpu.id}) }}">View 👁</a>
								</li>
								<li>
									<a href="{{ path('gpu_edit', {'id': gpu.id}) }}">Edit <span class="edit-icon">&#9998;</span></a>
								</li>
							</ul>
						</td>
						<td>{{ gpu.id }}</td>
						<td>{{ gpu.gpuBrand.name }} {{ gpu.modelName }}</td>
						<td>
							{% if gpu.gpuCore %}
								{% if gpu.gpuCore.variant %}
									{{ gpu.gpuCore.name }} ({{ gpu.gpuCore.variant }})
								{% else %}
									{{ gpu.gpuCore.name }}
								{% endif %}
							{% endif %}
						</td>
						<td>{% if gpu.boardBrand %}{{ gpu.boardBrand.name }}{% else %}Unknown{% endif %}</td>
						<td>{{ gpu.alternateModelName }}</td>
						<td>{{ gpu.count }}</td>
						<td>{{ gpu.cardKey.value }} / {{ gpu.busInterface.value }}</td>
						<td>{{ gpu.slotSpan }}</td>
						<td>
							{% if gpu.pcie6power > 0 or gpu.pcie8power > 0 %}
								{% if gpu.pcie6power > 0 %}
									{{ gpu.pcie6power }} PCIe 6-pin
								{% endif %}
								{% if gpu.pcie8power > 0 %}
									{{ gpu.pcie8power }} PCIe 8-pin
								{% endif %}
							{% elseif gpu.molexPower > 0 %}
								{{ gpu.molexPower }} Molex
							{% else %}
								Slot
							{% endif %}
						</td>
						<td>{{ gpu.tdp }}</td>
						<td>
							{% if gpu.boostClock %}
								{{ gpu.baseClock }} -> {{ gpu.boostClock }}
							{% else %}
								{{ gpu.baseClock }}
							{% endif %}
						</td>
						<td>{{ gpu.memorySize }}MiB {{ gpu.memoryClock }}MHz {{ gpu.memoryBus }}bit {{ gpu.memoryType }}</td>
						<!-- <td>{{ gpu.shadingUnits }}</td>
						<td>{{ gpu.tmus }}</td>
						<td>{{ gpu.rops }}</td>
						<td>{{ gpu.computeUnits }}</td>
						<td>{{ gpu.l1cache }}</td>
						<td>{{ gpu.l2cache }}</td>
						<td>{{ gpu.directXSupport }}</td>
						<td>{{ gpu.openGLSupport }}</td>
						<td>{{ gpu.openCLSupport }}</td>
						<td>{{ gpu.vulkanSupport }}</td>
						<td>{{ gpu.shaderModel }}</td> -->
						<td>{{ gpu.link }}</td>

						<td>{{ gpu.notes }}</td>
					</tr>
				{% else %}
					<tr>
						<td colspan="32">no records found</td>
					</tr>
				{% endfor %}
				</tbody>
			</table>
		</div>
		{% endfor %}
	</div>
{% endblock %}