{% 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>{% trans 'Intervention' %} {{intervention.identifier}}</h3>
        </div>
        <div class="col-sm-12 col-md-12 col-lg-6">
            <div class="d-flex justify-content-end">
                <a href="{% url 'home' %}" class="mr-2">
                    <button class="btn btn-default" title="{% trans 'Open in LANIS' %}">
                        LANIS
                    </button>
                </a>
                <a href="{% url 'home' %}" class="mr-2">
                    <button class="btn btn-default" title="{% trans 'Public report' %}">
                        {% fa5_icon 'file-alt' %}
                    </button>
                </a>
                {% if has_access %}
                <a href="{% url 'home' %}" class="mr-2">
                    <button class="btn btn-default" title="{% trans 'Share' %}">
                        {% fa5_icon 'share-alt' %}
                    </button>
                </a>
                <a href="{% url 'home' %}" class="mr-2">
                    <button class="btn btn-default" title="{% trans 'Run check' %}">
                        {% fa5_icon 'star' %}
                    </button>
                </a>
                <a href="{% url 'home' %}" class="mr-2">
                    <button class="btn btn-default" title="{% trans 'Record' %}">
                        {% fa5_icon 'bookmark' %}
                    </button>
                </a>
                <a href="{% url 'home' %}" class="mr-2">
                    <button class="btn btn-default" title="{% trans 'Edit' %}">
                        {% fa5_icon 'edit' %}
                    </button>
                </a>
                <a href="{% url 'home' %}" class="mr-2">
                    <button class="btn btn-default" title="{% trans 'Delete' %}">
                        {% fa5_icon 'trash' %}
                    </button>
                </a>
                {% endif %}
            </div>
        </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">{{intervention.title}}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Process type' %}</th>
                        <td class="align-middle">{{intervention.process_type|default_if_none:""}}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Law' %}</th>
                        <td class="align-middle">{{intervention.law|default_if_none:""}}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Registration office' %}</th>
                        <td class="align-middle">{{intervention.registration_office|default_if_none:""}}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Registration office file number' %}</th>
                        <td class="align-middle">{{intervention.registration_file_number|default_if_none:""}}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Conservation office' %}</th>
                        <td class="align-middle">{{intervention.conservation_office|default_if_none:""}}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Conversation office file number' %}</th>
                        <td class="align-middle">{{intervention.conservation_file_number|default_if_none:""}}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Intervention handler' %}</th>
                        <td class="align-middle">{{intervention.handler|default_if_none:""}}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Checked' %}</th>
                        <td class="align-middle">
                            {% if intervention.checked_on is None %}
                                <span>
                                    {% fa5_icon 'star' 'far' %}
                                </span>
                            {% else %}
                                <span class="check-star">
                                    {% fa5_icon 'star' %}
                                </span>
                            {% endif %}
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Recorded' %}</th>
                        <td class="align-middle">
                            {% if intervention.recorded_on is None %}
                                <span>
                                    {% fa5_icon 'bookmark' 'far' %}
                                </span>
                            {% else %}
                                <span class="registered-bookmark">
                                    {% fa5_icon 'bookmark' %}
                                </span>
                            {% endif %}
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Registration date' %}</th>
                        <td class="align-middle">{{intervention.registration_date|default_if_none:""}}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Binding on' %}</th>
                        <td class="align-middle">{{intervention.binding_on|default_if_none:""}}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans 'Last modified' %}</th>
                        <td class="align-middle">
                            {{intervention.created_on|default_if_none:""|naturalday}}
                            <br>
                            {% trans 'by' %}
                            {{intervention.created_by|default_if_none:""}}
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="col-sm-12 col-md-12 col-lg-6">
            {% if geom_form.area == 0 %}
                <div class="alert alert-info">{% trans 'No geometry added, yet.' %}</div>
            {% endif %}
            {{geom_form.media}}
            {{geom_form.geom}}
        </div>
    </div>
    <hr>

    <div id="related-objects" class="row">
        <div class="col-sm-12 col-md-12 col-lg-6">
            <div id="related-compensations" class="card">
                <div class="card-header rlp-r">
                    <div class="row">
                        <div class="col-sm-6">
                            <h5>
                                <span class="badge badge-light">{{intervention.compensations.count}}</span>
                                {% trans 'Compensations' %}
                            </h5>
                        </div>
                        <div class="col-sm-6">
                            <div class="d-flex justify-content-end">
                                <a href="{% url 'compensation:new' %}" title="{% trans 'Add new compensation' %}">
                                    <button class="btn btn-outline-default">
                                        {% fa5_icon 'plus' %}
                                        {% fa5_icon 'leaf' %}
                                    </button>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-body scroll-300">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th scope="col">
                                    {% trans 'Identifier' %}
                                </th>
                                <th scope="col">
                                    {% trans 'Title' %}
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for comp in intervention.compensations.all %}
                            <tr>
                                <td class="align-middle">
                                    <a href="{% url 'compensation:open' comp.id %}">
                                        {{ comp.identifier }}
                                    </a>
                                </td>
                                <td class="align-middle">{{ comp.title }}</td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-sm-12 col-md-12 col-lg-6">
            <div id="related-payments" class="card">
                <div class="card-header rlp-r">
                    <div class="row">
                        <div class="col-sm-6">
                            <h5>
                                <span class="badge badge-light">{{intervention.payments.count}}</span>
                                {% trans 'Payments' %}
                            </h5>
                        </div>
                        <div class="col-sm-6">
                            <div class="d-flex justify-content-end">
                                <button class="btn btn-outline-default btn-modal" data-form-url="{% url 'compensation:pay-new' intervention.id %}" title="{% trans 'Add new payment' %}">
                                    {% fa5_icon 'plus' %}
                                    {% fa5_icon 'money-bill-wave' %}
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-body scroll-300">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th scope="col">
                                    {% trans 'Amount' %}
                                </th>
                                <th scope="col">
                                    {% trans 'Due on' %}
                                </th>
                                <th scope="col">
                                    {% trans 'Transfer comment' %}
                                </th>
                                <th scope="col">
                                    {% trans 'Action' %}
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for pay in intervention.payments.all %}
                            <tr>
                                <td class="align-middle">
                                    <a href="{% url 'compensation:pay-open' pay.id %}">
                                            {{ pay.amount|floatformat:2 }} €
                                    </a>
                                </td>
                                <td class="align-middle">{{ pay.due_on }}</td>
                                <td class="align-middle">{{ pay.comment }}</td>
                                <td>
                                    <button data-form-url="{% url 'compensation:pay-remove' pay.id %}" class="btn btn-default btn-modal" title="{% trans 'Remove payment' %}">
                                        {% fa5_icon 'trash' %}
                                    </button>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div id="related-documents" class="row">
        <div class="col-sm-12 col-md-12 col-lg-6">
            <div class="card">
                <div class="card-header rlp-r">
                    <div class="row">
                        <div class="col-sm-6">
                            <h5>
                                <span class="badge badge-light">{{intervention.documents.count}}</span>
                                {% trans 'Documents' %}
                            </h5>
                        </div>
                        <div class="col-sm-6">
                            <div class="d-flex justify-content-end">
                                <a href="{% url 'doc-new' %}" title="{% trans 'Add new document' %}">
                                    <button class="btn btn-outline-default ">
                                        {% fa5_icon 'plus' %}
                                        {% fa5_icon 'file' %}
                                    </button>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-body scroll-300">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th scope="col">
                                    {% trans 'Title' %}
                                </th>
                                <th scope="col">
                                    {% trans 'Comment' %}
                                </th>
                                <th scope="col">
                                    {% trans 'Action' %}
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for doc in intervention.documents.all %}
                            <tr>
                                <td class="align-middle">
                                    <a href="{% url 'doc-open' doc.id %}">
                                        {{ doc.title }}
                                    </a>
                                </td>
                                <td class="align-middle">{{ doc.comment }}</td>
                                <td>
                                    <button data-form-url="{% url 'doc-remove' doc.id %}" class="btn btn-default btn-modal" title="{% trans 'Remove document' %}">
                                        {% fa5_icon 'trash' %}
                                    </button>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

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

{% endblock %}