{% extends "inventory/box-detail.html" %}
{% load static %}
{% load admin_urls %}

{% block content %}
    <table class="box">
        <tbody>
            <tr>
                {% for item in layouted.0 %}
                    <td class="double-height">
                        <div class="compartments">
                        {% for compartment in item %}
                            {% include "inventory/cell.html" with item=compartment hilight=hilight %}
                        {% endfor %}
                        </div>
                    </td>
                {% endfor %}
            </tr>
            <tr>
                <td rowspan="2">
                    <div class="compartments-vertical">
                    {% for compartment in layouted.1.0 %}
                        {% include "inventory/cell.html" with item=compartment hilight=hilight %}
                    {% endfor %}
                    </div>
                </td>

                {% for item in layouted.1|slice:"1:" %}
                    <td class="double-height">
                        <div class="compartments">
                        {% for compartment in item %}
                            {% include "inventory/cell.html" with item=compartment hilight=hilight %}
                        {% endfor %}
                        </div>
                    </td>
                {% endfor %}
            </tr>
            <tr>
                {% for item in layouted.2 %}
                    <td class="double-height">
                        <div class="compartments">
                        {% for compartment in item %}
                            {% include "inventory/cell.html" with item=compartment hilight=hilight %}
                        {% endfor %}
                        </div>
                    </td>
                {% endfor %}
            </tr>
        </tbody>
    </table>
{% endblock %}
