{% load i18n l10n window_field %}
{% with window_id|add:"-statement-"|add:statement_condition.pk_str as document_window_id %}
<div class="p-2{% if even %} odd{% endif %}">
    <div class="row">
        <div class="offset-md-2 col-md-8">
            <h4>
            {% if statement_condition.initial %}{% trans "Initial" %}{% else %}
            {{statement_condition.statement_condition_type.full_label}} - {{statement_condition.date|date:"SHORT_DATE_FORMAT"}} ({{statement_condition.applied_label|lower}}){% endif %}
            </h4>
        </div>
        {% if PROFILE.statement_condition and can_change %}
        <div class="col-md-2 text-right">
          <div class="btn-group btn-group-sm" role="group" aria-label="Actions">
            {% if statement_condition.applied == "D" %}
            <a class="btn-qa btn btn-success" href="#" data-target="{% url 'find-statement-condition-modify' item.pk statement_condition.pk %}" title="{% trans 'Modify' %}" data-window="{{window_id}}">
                <i class="fa fa-pencil"></i>
            </a>
            {% endif %}
            <a class="wait-button btn btn-success" href="/document/create/?statementcondition={{statement_condition.pk}}" title="Ajouter un document / une image">
                <i class="fa fa-plus"></i> doc./image
            </a>
            {% if not statement_condition.initial or statement_condition.no_associated_statement_condition %}
            <a class="btn-qa-confirm btn btn-danger" href="#" data-confirm="{% trans 'Are you sure to delete this statement condition?' %}" data-target="{% url 'find-statement-condition-delete' statement_condition.pk %}" title="{% trans 'Delete' %}" data-window="{{sheet_id}}" data-window-tab="warehouse-tab">
                <i class="fa fa-trash" aria-hidden="true"></i>
            </a>
            {% endif %}
          </div>
        </div>
        {% endif %}
    </div>

    {% if statement_condition.images.count %}
    <div class="clearfix">
    <div class="card float-left col-12 col-md-6 col-lg-4">
        {% with document_image=statement_condition %}
        {% include "ishtar/blocks/alt_window_image.html" %}
        {% endwith %}
    </div>
    {% endif %}

    <div class="row">
        {% field_flex _("Date") statement_condition.date|date:"SHORT_DATE_FORMAT" %}
        {% field_flex_detail _("Treatment") statement_condition.treatment %}
        {% field_flex_detail _("In charge") statement_condition.in_charge %}
        {% field_flex_full _("Verification officers") statement_condition.verification_officers %}
        {% field_flex _("Campaign/observation number") statement_condition.campaign_number %}
        {% field_flex _("Report number") statement_condition.report_number %}
        {% field_flex_multiple_obj _("Follow-up actions") statement_condition "follow_up_actions" %}
        {% field_flex_full _("Observations") statement_condition.observations %}
    </div>
    {% if statement_condition.diff %}
    <hr>
    <div class="row">
        {% for label, value in statement_condition.diff.items %}
        <dl class="col-12 col-md-6 col-lg-3 flex-wrap">
            <dt>{{label}}</dt>
            <dd>{{value}}</dd>
        </dl>
        {% endfor %}
    </div>
    {% endif %}
    {% if statement_condition.images.count %}
    </div>
    {% endif %}
</div>
{% if statement_condition.images.count %}
<script type="text/javascript">{% localize off %}
jQuery(document).ready(function(){
    var lg = document.getElementById('lightgallery-{{document_window_id}}');
    lg.addEventListener('onAfterAppendSubHtml', function(e){
        $(".lg-sub-html").show();
        $(".lg-sub-html .close").click(function(){
            $(".lg-sub-html").hide();
        });
    }, false);
    lightGallery(lg);
});
{% endlocalize %}</script>
{% endif%}
{% endwith %}