{% extends "ishtar/sheet.html" %}
{% load i18n window_header window_field window_tables link_to_window %}

{% block head_title %}<strong>{% trans "Container" %}</strong> -
{% if item.cached_division %}
{{item.cached_division}}
{% else %}
{{ item.container_type|default:"" }} {{ item.reference|default:"" }} {% endif %}
- {{ item.location.name|default:"" }}
{% endblock %}

{% block toolbar %}
{% window_nav item window_id 'show-container' 'container_modify' '' '' previous next 1 %}
{% endblock %}

{% block content %}
<div class="clearfix">
    {% if item.main_image %}
    <div class="card float-left col-12 col-md-4">
        {% include "ishtar/blocks/window_image.html" %}
    </div>
    {% endif %}
    {% if item.main_image %}
    <div class="float-left col-12 col-md-6 col-lg-8 text-center">{# </div>> #}
    {% else %}
    <div class="float-left col-6 col-md-3 text-center">
    {% endif %}
        <p class="window-refs">{{ item.container_type|default:"" }} {{ item.reference|default:"" }}</p>
        <p class="window-refs">{{ item.location.name }} - {{ item.index }}</p>
        <p class="window-refs">{{ item.old_reference|default:"" }}</p>
        {% include "ishtar/blocks/sheet_external_id.html" %}
    </div>
    {% if item.main_image %}
    <div class="row float-left col-12 col-md-6 col-lg-8 text-center">{# </div>> #}
    {% else %}
    <div class="float-left row col-6 col-md-8">
    {% endif %}
        {% field_flex_detail "Warehouse" item.location %}
        {% if item.parent %}
        <dl class="col-12 col-md-9 flex-wrap">
            <dt>{% trans "Location" %}</dt>
            <dd>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                    {% for loca in item.get_localisations %}
                        <li class="breadcrumb-item">
                            {{loca.short_label}}&nbsp;{{loca|simple_link_to_window}}
                        </li>
                    {% endfor %}
                    </ol>
                </nav>
            </dd>
        </dl>
        {% endif %}
        {% include "ishtar/blocks/sheet_creation_section.html" %}
        {% field_flex_full "Comment" item.comment "<pre>" "</pre>" %}
        {% include "ishtar/blocks/sheet_json.html" %}
    </div>
</div>


{% with item.container_type as container_type %}
{% if container_type.length or container_type.width or container_type.height or container_type.volume or container_type.reference %}
<h4>{% trans "Container type" %}</h4>
<div class='row'>
    {% field_flex "Length (mm)" container_type.length %}
    {% field_flex "Width (mm)" container_type.width %}
    {% field_flex "Height (mm)" container_type.height %}
    {% field_flex "Volume (l)" container_type.volume %}
    {% field_flex "Reference" container_type.reference %}
</div>
{% endif %}
{% endwith %}


{% if item.container_content.count or item.children.count %}
<h4>{% trans "Content" %}</h4>

{% if item.children.count %}
{% trans "Containers" as container_lbl %}
{% dynamic_table_document container_lbl 'containers' 'parent' item.pk 'TABLE_COLS' output 'large' %}
{% endif %}

{% if item.container_content.count %}
{% trans "Finds" as finds_lbl %}
{% dynamic_table_document finds_lbl 'finds_inside_container' 'container' item.pk 'TABLE_COLS' output 'large' %}
{% endif %}

{% endif %}

{% if PROFILE.locate_warehouses %}
{% if item.point_2d or item.multi_polygon %}
<h3>{% trans "Localisation"%}</h3>
<div class='row'>
    {{item.point_2d}}
    {% with geo_item=item %}
    {% include "ishtar/blocks/sheet_simple_map.html" %}
    <div class="col-12 col-lg-6 flex-wrap">
        {% include "ishtar/blocks/sheet_coordinates.html" %}
    </div>
    {% endwith %}
</div>
{% endif %}
{% endif %}

{% endblock %}