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

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

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

<div class="callout">
	<ul>
		<li>
			<a href="{{ path('socket_index') }}">Back to the list</a>
		</li>
		<li>
			<a href="{{ path('socket_edit', { 'id': socket.id }) }}">Edit</a>
		</li>
	</ul>


	<hr />


	<form method="post" action="{{ path('socket_delete', {'id': socket.id}) }}" onsubmit="return confirm('Are you sure you want to delete this item?');">
		<input type="hidden" name="_token" value="{{ csrf_token('delete' ~ socket.id) }}">
		<button type="submit" class="alert button expanded">Delete</button>
	</form>
</div>

<div class="large primary callout">

    <table class="table">
        <tbody>
            <tr>
                <th>Id</th>
                <td>{{ socket.id }}</td>
            </tr>
			<tr>
				<th>Brand</th>
				<td>
					{% if socket.brand %}
						{{ socket.brand.name }}
					{% else %}
						[Generic]
					{% endif %}
				</td>
			</tr>
            <tr>
                <th>Name</th>
                <td>{{ socket.name }}</td>
            </tr>
            <tr>
                <th>OtherName</th>
                <td>{{ socket.otherName }}</td>
            </tr>
            <tr>
                <th>PinCount</th>
                <td>{{ socket.pinCount }}</td>
            </tr>
            <tr>
                <th>Type</th>
                <td>{{ socket.type.value }}</td>
            </tr>
        </tbody>
    </table>
</div>
{% endblock %}