{% extends 'public_base.html' %}
{% load i18n fontawesome_5 humanize %}

{% block body %}
<div class="row">
    <div class="col-sm-12 col-md-12 col-lg-12 col-xl-6">
        <h3>{% trans 'Report' %}</h3>
        <h4>{{obj.identifier}}</h4>
        <div class="table-container">
            <table class="table table-hover">
                    <tr>
                        <th class="w-25" scope="row">{% trans 'Title' %}</th>
                        <td class="align-middle">{{obj.title|default_if_none:""}}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Conservation office' %}</th>
                        <td class="align-middle">{{obj.responsible.conservation_office.str_as_office|default_if_none:""}}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Conservation office file number' %}</th>
                        <td class="align-middle">{{obj.responsible.conservation_file_number|default_if_none:""}}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Is PIK' %}</th>
                        <td class="align-middle">
                            {% if obj.is_pik %}
                                {% trans 'Yes' %}
                            {% else %}
                                {% trans 'No' %}
                            {% endif %}
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Last modified' %}</th>
                        <td class="align-middle">
                            {{obj.modified.timestamp|default_if_none:""|naturalday}}
                        </td>
                    </tr>
            </table>
        </div>

        {% include 'compensation/detail/compensation/includes/states-before.html' %}
        {% include 'compensation/detail/compensation/includes/states-after.html' %}
        {% include 'compensation/detail/compensation/includes/actions.html' %}
    </div>
    <div class="col-sm-12 col-md-12 col-lg-12 col-xl-6">
        <div class="row">
            <div class="col-sm-12">
                {% include 'map/geom_form.html' %}
            </div>
        </div>
        <div class="row">
            {% include 'konova/includes/parcels/parcels.html' %}
        </div>
        <div class="row">
            {% include 'konova/includes/report/qrcodes.html' %}
        </div>

    </div>
</div>

{% endblock %}