{% extends 'base.html' %}
{% load i18n l10n static fontawesome_5 humanize %}

{% block head %}

{% endblock %}

{% block body %}

    <div id="detail-header" class="row">
        <div class="col-sm-12 col-md-12 col-lg-6">
            <h3>{{obj.identifier}}</h3>
        </div>
        <div class="col-sm-12 col-md-12 col-lg-6">
            {% include 'ema/detail/includes/controls.html' %}
        </div>
    </div>
    <hr>
    <div id="data" class="row">
        <div class="col-sm-12 col-md-12 col-lg-6">
            <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}}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Recorded' %}</th>
                        <td class="align-middle">
                            {% if obj.recorded is None %}
                                <span title="{% trans 'Not recorded yet' %}">
                                    {% fa5_icon 'bookmark' 'far' %}
                                </span>
                            {% else %}
                                <span class="registered-bookmark" title="{% trans 'Recorded on '%} {{obj.recorded.timestamp}} {% trans 'by' %} {{obj.recorded.user}}">
                                    {% fa5_icon 'bookmark' %}
                                </span>
                            {% endif %}
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Conservation office' %}</th>
                        <td class="align-middle">{{obj.responsible.conservation_office|default_if_none:""}}</td>
                    </tr>
                    <tr {% if not obj.responsible.conservation_file_number %}class="alert alert-danger" title="{% trans 'Missing' %}" {% endif %}>
                        <th scope="row">{% trans 'Conversation office file number' %}</th>
                        <td class="align-middle">{{obj.responsible.conservation_file_number|default_if_none:""}}</td>
                    </tr>
                    <tr {% if not obj.responsible.handler %}class="alert alert-danger" title="{% trans 'Missing' %}" {% endif %}>
                        <th scope="row">{% trans 'Intervention handler' %}</th>
                        <td class="align-middle">{{obj.responsible.handler|default_if_none:""}}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Last modified' %}</th>
                        <td class="align-middle">
                            {% if obj.modified %}
                                {{obj.modified.timestamp|default_if_none:""|naturalday}}
                                <br>
                                {{obj.modified.user.username}}
                            {% else %}
                                {{obj.created.timestamp|default_if_none:""|naturalday}}
                                <br>
                                {{obj.created.user.username}}

                            {% endif %}
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Shared with' %}</th>
                        <td class="align-middle">
                            {% for user in obj.users.all %}
                                {% include 'user/includes/contact_modal_button.html' %}
                            {% endfor %}
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="col-sm-12 col-md-12 col-lg-6">
            {% include 'map/geom_form.html' %}
        </div>
    </div>
    <hr>

    <div class="row">
        <div class="col-sm-12 col-md-12 col-lg-6">
            {% include 'ema/detail/includes/states-before.html' %}
        </div>
        <div class="col-sm-12 col-md-12 col-lg-6">
            {% include 'ema/detail/includes/states-after.html' %}
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12 col-md-12 col-lg-6">
            {% include 'ema/detail/includes/actions.html' %}
        </div>
        <div class="col-sm-12 col-md-12 col-lg-6">
            {% include 'ema/detail/includes/deadlines.html' %}
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12 col-md-12 col-lg-6">
            {% include 'ema/detail/includes/documents.html' %}
        </div>
    </div>


{% with 'btn-modal' as btn_class %}
    {% include 'modal/modal_form_script.html' %}
{% endwith %}

{% endblock %}