{% extends "layout_report.html" %}
{% load static %}
{% load tz %}
{% load humanize %}
{% load app_filters %}
{% block content %}
    {{ block.super }}
<div class="row pb-1 no-print" id="control">
    <div class="col-3">
        Filter: <input type="text" id="filter_box" name="filter_box" style="height:38px;" autofocus />
    </div>

{% if not history %}
    <div class="col-1 mt-1">
        Sort:
    </div>
    <div class="col-2">
        <select name="sort_by" maxlength="11" tabindex="2" class="select form-control" id="id_sort_by"> <option value="LOC">By Location</option> <option value="ITEM">By Item</option></select>
    </div>
{% endif %}
</div>
{% if not history %}
{% for car in car_list %}
    <div class="filter_row" search_string="">
        <div class="row border-top border-dark border-2">
            <div class="col filter_field"><span class="font-weight-bolder">Loc:</span> {{ car.location }}</div>
            <div class="col filter_field"><span class="font-weight-bolder">Car:</span> {{ car.car_id }}</div>
            <div class="col filter_field"><span class="font-weight-bolder">Receiver:</span> {{ car.receiver|default_if_none:"" }}</div>
            {% if history %}
            <div class="col filter_field"><span class="font-weight-bolder">Item:</span> {{ car.item|default_if_none:"" }}</div>
            <div class="col"><span class="font-weight-bolder">Qty On Hand:</span> {{ car.inv_on_hand | floatformat:'0' | intcomma }}</div>
            {% else %}
            <div class="col filter_field"><span class="font-weight-bolder">Item:</span> {{ car.receiver.item.name|default_if_none:"" }}</div>
            <div class="col"><span class="font-weight-bolder">Qty On Hand:</span> {{ car.receiver.qty_on_hand | floatformat:'0' | intcomma }}</div>
            {% endif %}
        </div>
        <div class="row">
            <div class="col">&nbsp;</div>
            <div class="col"><span class="font-weight-bolder">%Fill / Status:</span></div>
            <div class="col"><span class="font-weight-bolder">{{ car.c1 }} :</span> {{ car.c1fill }}/{{ car.c1sts }}</div>
            <div class="col"><span class="font-weight-bolder">{{ car.c2 }} :</span> {{ car.c2fill }}/{{ car.c2sts }}</div>
            <div class="col"><span class="font-weight-bolder">{{ car.c3 }} :</span> {{ car.c3fill }}/{{ car.c3sts }}</div>
            <div class="col"><span class="font-weight-bolder">{{ car.c4 }} :</span> {{ car.c4fill }}/{{ car.c4sts }}</div>
        </div>
        <div class="row">
            <div class="col-2 small">Loc: {{ car.loc_posted_ts|date:"m/d/Y H:i" }}</div>
            <div class="col-3 small">Info: {{ car.posted_ts|date:"m/d/Y H:i" }}</div>
        </div>
        <div class="row">
            <div class="col"><span class="font-weight-bolder">Days:</span> {{ car.days|default_if_none:"" | floatformat:'0' | intcomma }}</div>
        </div>
    </div>
{% endfor %}
{% else %}
{% for car in show_recs %}
    <div class="filter_row" search_string="">
        <div class="row border-top border-dark border-2">
            <div class="col filter_field"><span class="font-weight-bolder">Loc:</span> {{ car.location }}</div>
            <div class="col filter_field"><span class="font-weight-bolder">Car:</span> {{ car.car_id }}</div>
            <div class="col filter_field"><span class="font-weight-bolder">Receiver:</span> {{ car.receiver|default_if_none:"" }}</div>
            {% if history %}
            <div class="col filter_field"><span class="font-weight-bolder">Item:</span> {{ car.item|default_if_none:"" }}</div>
            <div class="col"><span class="font-weight-bolder">Qty On Hand:</span> {{ car.inv_on_hand | floatformat:'0' | intcomma }}</div>
            {% else %}
            <div class="col filter_field"><span class="font-weight-bolder">Item:</span> {{ car.receiver.item.name|default_if_none:"" }}</div>
            <div class="col"><span class="font-weight-bolder">Qty On Hand:</span> {{ car.receiver.qty_on_hand | floatformat:'0' | intcomma }}</div>
            {% endif %}
        </div>
        <div class="row">
            <div class="col">&nbsp;</div>
            <div class="col"><span class="font-weight-bolder">%Fill / Status:</span></div>
            <div class="col"><span class="font-weight-bolder">{{ car.c1 }} :</span> {{ car.c1fill }}/{{ car.c1sts }}</div>
            <div class="col"><span class="font-weight-bolder">{{ car.c2 }} :</span> {{ car.c2fill }}/{{ car.c2sts }}</div>
            <div class="col"><span class="font-weight-bolder">{{ car.c3 }} :</span> {{ car.c3fill }}/{{ car.c3sts }}</div>
            <div class="col"><span class="font-weight-bolder">{{ car.c4 }} :</span> {{ car.c4fill }}/{{ car.c4sts }}</div>
        </div>
        <div class="row">
            <div class="col-2 small">Loc: {{ car.loc_posted_ts|date:"m/d/Y H:i" }}</div>
            <div class="col-3 small">Info: {{ car.posted_ts|date:"m/d/Y H:i" }}</div>
        </div>
        <div class="row">
            <div class="col"><span class="font-weight-bolder">Days:</span> {{ car.days|default_if_none:"" | floatformat:'0' | intcomma }}</div>
        </div>
        {% if history %}
            <div class="row mt-3 small">
                <div class="col-3">
                    <div class="row">
                        <div class="col-6"><span class="font-weight-bolder">Date</span></div>
                        <div class="col-3"><span class="font-weight-bolder">Loc</span></div>
                        <div class="col-2"><span class="font-weight-bolder">By</span></div>
                    </div>
                    {% for loc in car.loc_history %}
                        <div class="row">
                            <div class="col-6 text-nowrap">{{ loc.posted_ts|date:"m/d/Y H:i"  }}</div>
                            <div class="col-3 text-nowrap">{{ loc.cloc }}</div>
                            <div class="col-2 text-nowrap">{{ loc.posted_by }}</div>
                        </div>
                    {% endfor %}
                </div>
                <div class="col-9">
                    <div class="row">
                        <div class="col-2"><span class="font-weight-bolder">Date</span></div>
                        <div class="col-2"><span class="font-weight-bolder">Receiver</span></div>
                        <div class="col"><span class="font-weight-bolder">%F/Status</span></div>
                        <div class="col"><span class="font-weight-bolder">%F/Status</span></div>
                        <div class="col"><span class="font-weight-bolder">%F/Status</span></div>
                        <div class="col"><span class="font-weight-bolder">%F/Status</span></div>
                        <div class="col-1"><span class="font-weight-bolder">By</span></div>
                    </div>
                    {% for info in car.info_history %}
                        <div class="row">
                            <div class="col-2 text-nowrap">{{ info.posted_ts|date:"m/d/Y H:i"  }}</div>
                            <div class="col-2 text-nowrap">{{ info.receiver }}</div>
                            <div class="col text-nowrap">{{ info.c1|default_if_none:"" }}:{{ info.c1fill|default_if_none:"" }}/{{ info.c1sts|default_if_none:"" }}</div>
                            <div class="col text-nowrap">{{ info.c2|default_if_none:"" }}:{{ info.c2fill|default_if_none:"" }}/{{ info.c2sts|default_if_none:"" }}</div>
                            <div class="col text-nowrap">{{ info.c3 |default_if_none:""}}:{{ info.c3fill|default_if_none:"" }}/{{ info.c3sts|default_if_none:"" }}</div>
                            <div class="col text-nowrap">{{ info.c4|default_if_none:"" }}:{{ info.c5fill|default_if_none:"" }}/{{ info.c4sts|default_if_none:"" }}</div>
                            <div class="col-1 text-nowrap">{{ info.posted_by }}</div>
                        </div>
                    {% endfor %}
                </div>
            </div>
        {% endif %}
    </div>
{% endfor %}
{% endif %}
{% endblock content %}
{% block body_scripts %}
    {{ block.super }}
    <script type="text/javascript" src="{% static 'informant_reports/js/filter_report.js' %}"></script>
{% endblock body_scripts %}