{% extends "MiddleDisplayObject.htm" %}

<!-- Manage html display in the Content div which correspond to the "children" menu -->

{% block content %}
    <table>
        <tr>
            <td>
                <a href="./add/">ADD</a>
            </td>
            <td>
                <form action="./edit">
                    <input type="submit" value="EDIT" >
                </form>
            </td>
        </tr>
    </table>
    <form method="GET" action="">
        Display :<br />
        <ul>
        {{display_form.as_ul}}
        </ul>
        <input type="submit" value="GO !"><br/>
    </form>
	<br/>
    <table class="Content">
        <tr>
            <th class="Content"> </th>
            <th class="Content"> Ord. </th>
            <th class="Content"> Qty </th>
            <th class="Content"> {{ obj.reference }} </th>
            <th class="Content"> {{ obj.revision }} </th>
            <th class="Content"> {{ obj.type }} </th>
            <th class="Content"> {{ obj.name }} </th>
            <th class="Content"> {{ obj.state.name }} </th>
        </tr>
        {% for level, link in children %}
        <tr class="Content"> 
            <td class="Content" style="width:50px">{{ level|safe}} ↳</td>
            <td class="Content"> {{ link.order }} </td>
            <td class="Content"> {{ link.quantity }} </td>
            <td class="Content"> 
                <a href="/object/{{link.child.type}}/{{link.child.reference}}/{{link.child.revision}}/">
                    {{ link.child.reference }}
                </a>
            </td>
            <td class="Content"> {{ link.child.revision }} </td>
            <td class="Content"> {{ link.child.type }} </td>
            <td class="Content"> {{ link.child.name }} </td>
            <td class="Content"> {{ link.child.state.name }} </td>
        </tr>

        {% endfor %}
	</table>
{% endblock %}