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

{% block title %}Socket{% endblock %}

{% block form %}
	<h2>Sockets</h2>

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

	<table class="hover scroll sortable stack">
		<thead>
		<tr>
			<th>&nbsp;</th>
			<th>Id</th>
			<th>Brand</th>
			<th>Name</th>
			<th>OtherName</th>
			<th>PinCount</th>
			<th>Type</th>

		</tr>
		</thead>
		<tbody>
		{% for socket in sockets %}
			<tr>
				<td>
					<ul>
						<li>
							<a href="{{ path('socket_show', {'id': socket.id}) }}">View 👁</a>
						</li>
						<li>
							<a href="{{ path('socket_edit', {'id': socket.id}) }}">Edit <span class="edit-icon">&#9998;</span></a>
						</li>
					</ul>
				</td>
				<td>{{ socket.id }}</td>
				<td>
					{% if socket.brand %}
					{{ socket.brand.name }}
					{% endif %}
				</td>
				<td>{{ socket.name }}</td>
				<td>{{ socket.otherName }}</td>
				<td>{{ socket.pinCount }}</td>
				<td>{{ socket.type.value }}</td>
			</tr>
		{% else %}
			<tr>
				<td colspan="6">no records found</td>
			</tr>
		{% endfor %}
		</tbody>
	</table>
{% endblock %}