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

{% block title %}New Gpu{% endblock %}

{% block form %}
	<h2>Add Graphics Card</h2>

	<div class="small callout">
		<ul>
			<li>
				<a href="{{ path('gpu_index') }}">Back to the list</a>
			</li>
		</ul>
	</div>

	{{ form_start(form) }}
	<fieldset class="large primary callout">
		<legend>Names / Brands</legend>

		<div class="grid-x grid-margin-x">
			<div class="cell medium-4">{{ form_row(form.gpuBrand) }}</div>
			<div class="cell medium-8">{{ form_row(form.modelName) }}</div>
			<div class="cell">{{ form_row(form.gpuCore) }}</div>
		</div>

		<hr />

		<div class="grid-x grid-margin-x">
			<div class="cell medium-4">{{ form_row(form.boardBrand) }}</div>
			<div class="cell medium-8">{{ form_row(form.alternateModelName) }}</div>
		</div>


	</fieldset>

	<fieldset class="large primary callout">
		<legend>Card Interface</legend>

		<div class="grid-x grid-margin-x">
			<div class="cell medium-4">{{ form_row(form.cardKey) }}</div>
			<div class="cell medium-4">{{ form_row(form.busInterface) }}</div>
			<div class="cell medium-4">{{ form_row(form.slotSpan) }}</div>
		</div>
	</fieldset>

	<fieldset class="large primary callout">
		<legend>Power</legend>

		{{ form_row(form.molexPower) }}
		{{ form_row(form.pcie6power) }}
		{{ form_row(form.pcie8power) }}
		{{ form_row(form.tdp) }}
	</fieldset>

	<fieldset class="large primary callout">
		<legend>Clock Speeds</legend>

		<div class="grid-x grid-margin-x">
			<div class="cell medium-6">{{ form_row(form.baseClock) }}</div>
			<div class="cell medium-6">{{ form_row(form.boostClock) }}</div>
			<div class="cell">{{ form_row(form.memoryClock) }}</div>
		</div>

	</fieldset>

	<fieldset class="large primary callout">
		<legend>Memory</legend>

		<div class="grid-x grid-margin-x">
			<div class="cell medium-4">{{ form_row(form.memorySize) }}</div>
			<div class="cell medium-4">{{ form_row(form.memoryBus) }}</div>
			<div class="cell medium-4">{{ form_row(form.memoryType) }}</div>
		</div>

	</fieldset>

	<fieldset class="large primary callout">
		<legend>Rendering Hardware</legend>

		<div class="grid-x grid-margin-x">
			<div class="cell medium-4">{{ form_row(form.shadingUnits) }}</div>
			<div class="cell medium-4">{{ form_row(form.tmus) }}</div>
			<div class="cell medium-4">{{ form_row(form.rops) }}</div>
			<div class="cell">{{ form_row(form.computeUnits) }}</div>
			<div class="cell medium-6">{{ form_row(form.l1cache) }}</div>
			<div class="cell medium-6">{{ form_row(form.l2cache) }}</div>
		</div>
	</fieldset>

	<fieldset class="large primary callout">
		<legend>API Support</legend>

		{{ form_row(form.directXSupport) }}
		{{ form_row(form.openGLSupport) }}
		{{ form_row(form.openCLSupport) }}
		{{ form_row(form.vulkanSupport) }}
		{{ form_row(form.shaderModel) }}
	</fieldset>

	<fieldset class="large primary callout">
		<legend>Misc.</legend>

		{{ form_row(form.link) }}
		{{ form_row(form.count) }}
		{{ form_row(form.acquired) }}
		{{ form_row(form.notes) }}
	</fieldset>
	{{ form_widget(form) }}
	<button
		type="submit"
		class="success button expanded"
	>Add</button>
	{{ form_end(form) }}
{% endblock %}