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

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

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

    <table class="hover scroll stack">
        <thead>
            <tr>
            	<th>Actions</th>
                <th>Id</th>
                <th>Brand</th>
                <th>Mount</th>
                <th>Model</th>
                <th>Is Digital?</th>
                <th>Crop Factor</th>
                <th>Is Working?</th>
                <th>Notes</th>
                <th>Serial</th>
                <th>Formerly Owned?</th>
                <th>Purchase Price</th>
                <th>Battery Type</th>
                <th>Film Format</th>
                <th>Received</th>
            </tr>
        </thead>
        <tbody>
        {% for camera in cameras %}
            <tr>
            	<td>
                    <ul>
                        <li>
                            <a href="{{ path('camera_edit', { 'id': camera.id }) }}">edit</a>
                        </li>
                    </ul>
                </td>
                <td><a href="{{ path('camera_show', { 'id': camera.id }) }}">{{ camera.id }}</a></td>
                <td>{{ camera.brand }}</td>
                <td>{{ camera.mount }}</td>
                <td>{{ camera.model }}</td>
                <td>{% if camera.isDigital %}Yes{% else %}No{% endif %}</td>
                <td>{{ camera.cropFactor }}</td>
                <td>{% if camera.isWorking %}Yes{% else %}No{% endif %}</td>
                <td>{{ camera.notes }}</td>
                <td>{{ camera.serial }}</td>
                <td>{% if camera.formerlyOwned %}Yes{% else %}No{% endif %}</td>
                <td>${{ camera.purchasePrice }}</td>
                <td>{{ camera.batteryType }}</td>
                <td>{{ camera.filmFormat }}</td>
                <td>{% if camera.received %}Yes{% else %}No{% endif %}</td>

            </tr>
        {% endfor %}
        </tbody>
    </table>


{% endblock %}