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

{% block title %}Edit Gpu{% endblock %}

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

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

	<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"
		>Update</button>
		{{ form_end(form) }}

		<div class="grid-x grid-margin-x">
            <div class="cell large-6 small-12">
                {{ form_start(deacquire_form) }}
                {{ form_widget(deacquire_form) }}
                <button type="submit" class="button expanded">De-acquire</button>
                {{ form_end(deacquire_form) }}
            </div>
			<div class="cell large-6 small-12">
				<form method="post" action="{{ path('gpu_delete', {'id': gpu.id}) }}" onsubmit="return confirm('Are you sure you want to delete this item?');">
					<input type="hidden" name="_token" value="{{ csrf_token('delete' ~ gpu.id) }}">
					<button type="submit" class="alert button expanded">Delete</button>
				</form>
			</div>
		</div>
	</div>
{% endblock %}