{# SPDX-FileCopyrightText: 2025 CERN. SPDX-License-Identifier: MIT #}

<div class="ui column stackable grid">
    <div class="ten wide column">
        <div class="ui very relaxed list rel-pl-2">
            <div class="ui warning message">
                <i class="exclamation triangle icon"></i>
                {% trans %}
                Experimental feature! These results were generated by a large language model (LLM) and may contain errors or omissions.
                Review each suggestion carefully before acting on it — do not treat the output as authoritative.
                {% endtrans %}
            </div>

            {% for check in checks %}
                <div class="ui small labels">
                    <span class="ui label">
                        <i class="clock outline icon"></i>{% trans %}Started{% endtrans %}: {{ check.start_time | datetimeformat }}
                    </span>
                    <span class="ui label">
                        <i class="circle icon"></i>
                        {% if check.status.value == 'P' %}{% trans %}Pending{% endtrans %}
                        {% elif check.status.value == 'R' %}{% trans %}Running{% endtrans %}
                        {% elif check.status.value == 'C' %}{% trans %}Completed{% endtrans %}
                        {% elif check.status.value == 'E' %}{% trans %}Error{% endtrans %}
                        {% else %}{{ check.status }}{% endif %}
                    </span>
                </div>

                {% if check.status.value == 'R' %}
                    {% trans %}AI validation is in progress. Please refresh the page in a minute to see the results.{% endtrans %}
                {% endif %}

                {% for error in ((check.result or {}).errors or [])%}
                    <div class="item">
                        <div class="content" title="{{ check.field }}">
                            {% for msg in error.messages %}
                            <div class="header">{{ msg.error_short | safe }}</div>

                            <div class="pt-5 text-muted">
                                {{ msg.error_long | safe }}
                            </div>
                            {% endfor %}
                        </div>
                    </div>
                {% endfor %}
            {% endfor %}
        </div>
    </div>

    <div class="six wide column">
        {% if record._record.is_draft or record._record.has_draft %}
        <div class="ui warning message">
            <div class="header"><i class="attention icon"></i> {% trans %}Editing in progress{% endtrans %}</div>
            <p>{% trans %}You're viewing checks and feedback results for unpublished changes.{% endtrans %}</p>
            {% if record._record.is_published %}
            <p>{% trans %}The published version available to users may differ from what's shown here.{% endtrans %}</p>
            {% endif %}
        </div>
        {% endif %}

        <div class="ui info message">
            <div class="header">{% trans %}What is this about?{% endtrans %}</div>
            <p>{% trans %}These checks help ensure that your submission is compliant with this repository's guidelines.{% endtrans %}</p>
            {% if record._record.is_draft or record._record.has_draft %}
            <h5 class="ui header">{% trans %}How do I fix warnings/errors?{% endtrans %}</h5>
            <p>{% trans %}Click on the "Edit draft" button to make changes and fix warnings/errors.{% endtrans %}</p>
            <a class="ui primary small button" href="{{ record_ui.links.self_html }}" target="_blank" rel="noopener noreferrer">
                <i class="edit icon"></i>{% trans %}Edit draft{% endtrans %}
            </a>
            {% endif %}
        </div>
    </div>
</div>