{% extends "layout_report.html" %}
{% load humanize %}
{% load tz %}
{% block content %}
    {{ block.super }}
<div class="row mb-3">
    <div class="col-2">
        <span class="font-weight-bolder">Car</span>
    </div>
    <div class="col-1">
        <span class="font-weight-bolder">NewLoc</span>
    </div>
    <div class="col-1">
        <span class="font-weight-bolder">CurLoc</span>
    </div>
    <div class="col-1">
        <span class="font-weight-bolder">CP Date</span>
    </div>
    <div class="col-1">
        <span class="font-weight-bolder">OS Date</span>
    </div>
    <div class="col-4">
        <span class="font-weight-bolder">Receiver</span>
    </div>
    <div class="col-2">
        <span class="font-weight-bolder">Comment</span>
    </div>
</div>
{% for carlocinfo in carlocinfos %}
{% if carlocinfo.change == True %}
{% if carlocinfo.receiver_id != None %}
<div class="row">
    <div class="col-2">
        {{ carlocinfo.car_id }}
    </div>
    <div class="col-1">
        {{ carlocinfo.nloc_id }}
    </div>
    <div class="col-1">
        {{ carlocinfo.cloc_id }}
    </div>
    <div class="col-1">
        {{ carlocinfo.cp_date }}
    </div>
    <div class="col-1">
        {{ carlocinfo.os_date }}
    </div>
    <div class="col-4">
        {{ carlocinfo.receiver_id }}
    </div>
    <div class="col-2">
        {{ carlocinfo.comment1 }}
    </div>
</div>
{% else %}<div class="row">
    <div class="col-2">
        {{ carlocinfo.car_id }}
    </div>
    <div class="col-1">
        {{ carlocinfo.nloc_id }}
    </div>
    <div class="col-1">
        {{ carlocinfo.cloc_id }}
    </div>
    <div class="col-1">
        {{ carlocinfo.cp_date }}
    </div>
    <div class="col-1">
        {{ carlocinfo.os_date }}
    </div>
    <div class="col-4">
        <div class="row">
            <div class="col">{{ carlocinfo.c1rec_id }}</div>
            <div class="col">{{ carlocinfo.c1 }}</div>
            <div class="col">{{ carlocinfo.c1sts_id }}</div>
            <div class="col">{{ carlocinfo.c1fill}}</div>
        </div>
        <div class="row">
            <div class="col">{{ carlocinfo.c2rec_id }}</div>
            <div class="col">{{ carlocinfo.c2 }}</div>
            <div class="col">{{ carlocinfo.c2sts_id }}</div>
            <div class="col">{{ carlocinfo.c2fill}}</div>
        </div>
        <div class="row">
            <div class="col">{{ carlocinfo.c3rec_id }}</div>
            <div class="col">{{ carlocinfo.c3 }}</div>
            <div class="col">{{ carlocinfo.c3sts_id }}</div>
            <div class="col">{{ carlocinfo.c3fill}}</div>
        </div>
        <div class="row">
            <div class="col">{{ carlocinfo.c4rec_id }}</div>
            <div class="col">{{ carlocinfo.c4 }}</div>
            <div class="col">{{ carlocinfo.c4sts_id }}</div>
            <div class="col">{{ carlocinfo.c4fill}}</div>
        </div>
    </div>
    <div class="col-2">
        {{ carlocinfo.comment1 }}
    </div>
</div>
{% endif %}
{% endif %}
{% endfor %}
<a class="btn btn-primary" href="{% url 'car_switch' %}">Back to Car Switch</a>
{% endblock content %}