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

{% block title %}
	Camera 📷 CRUD - Flashes
{% endblock %}

{% block body %}
	<h2>Flashes</h2>

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

	<div class="small secondary callout">
		<table class="hover scroll sortable stack">
			<thead>
				<tr>
					<th>Actions</th>
					<th>Brand</th>
					<th>Model</th>
					<th>Is Auto Flash?</th>
					<th>Is TTL?</th>
					<th>TTL Type</th>
					<th>Is P-TTL?</th>
					<th>P-TTL type</th>
					<th>Guide Number</th>
					<th>Purchase Price</th>
					<th>Received</th>
					<th>Batteries</th>
					<th>Serial</th>
					<th>Notes</th>
				</tr>
			</thead>
			<tbody>
			{% for flash in flashes %}
				<tr>
					<td>
						<ul>
							<li>
								<a href="{{ path('flash_edit', { 'id': flash.id }) }}">
									Edit
									<span class="edit-icon">&#9998;</span>
								</a>
							</li>
							<li>
								<a href="{{ path('flash_show', { 'id': flash.id }) }}">View 👁</a>
							</li>
						</ul>
					</td>
					<td>{{ flash.brand }}</td>
					<td>{{ flash.model }}</td>
					<td class="text-center">{% if flash.isAutoFlash %}✔{% else %}&#10007;{% endif %}</td>
					<td class="text-center">{% if flash.isTtl %}✔{% else %}&#10007;{% endif %}</td>
					<td>{{ flash.ttlType }}</td>
					<td class="text-center">{% if flash.isPTtl %}✔{% else %}&#10007;{% endif %}</td>
					<td>{{ flash.pTtlType }}</td>
					<td>{{ flash.guideNumber }}</td>
					<td>${{ flash.purchasePrice }}</td>
					<td class="text-center">{% if flash.received %}✔{% else %}&#10007;{% endif %}</td>
					<td>{{ flash.batteries }}</td>
					<td>{{ flash.serial }}</td>
					<td>{{ flash.notes }}</td>
				</tr>
			{% endfor %}
			</tbody>
		</table>
	</div>


{% endblock %}