{% load report_tags %}

<div class="detail-panel-header">
  <div>
    <span class="detail-eyebrow">Quality gate</span>
    <h4>Linting Results</h4>
  </div>
  <i class="fas fa-bug template-detail-section-icon" aria-hidden="true"></i>
</div>
{% if reporttemplate.lint_result %}
    {% with reporttemplate.lint_result as lint_result %}
        <div
            {% if lint_result.result == "success" %}
                class="alert alert-success"
            {% elif lint_result.result == "warning" %}
                class="alert alert-warning"
            {% else %}
                class="alert alert-danger"
            {% endif %}
        role="alert">
            <h4 class="alert-heading template-lint-alert-heading">{{ lint_result.result|capfirst }}</h4>
            {% if lint_result.result == "success" %}
              <p>Template passed all linter checks, but try using it for a report to test it with findings and custom fields.</p>
            {% else %}
              <p>To correct these issues, make changes and re-upload this template.
                See the documentation for more information on how to fix these issues:<br/>
                <a class="italic" href="https://www.ghostwriter.wiki/features/reporting/report-templates" target="_blank">
                  https://www.ghostwriter.wiki/features/reporting/report-templates
                </a>
              </p>
            {% endif %}
        </div>

        {% if lint_result.warnings %}
            <div class="template-lint-list">
                {% for warning in lint_result.warnings %}
                    <div class="template-lint-item">
                        <span class="template-lint-status is-warning">Warning</span>
                        <span>{{ warning }}</span>
                    </div>
                {% endfor %}
            </div>
        {% endif %}

        {% if lint_result.errors %}
            <div class="template-lint-list">
                {% for error in lint_result.errors %}
                    <div class="template-lint-item">
                        <span class="template-lint-status is-error">Error</span>
                        <span>{{ error }}</span>
                    </div>
                {% endfor %}
            </div>
            <p><strong>Note:</strong> Syntax errors tied to undefined variables might be linked to a Table of Contents picking up a variable (e.g., <em>finding.title</em>) outside of a loop.</p>
        {% endif %}
    {% endwith %}
{% else %}
    <div class="empty-state">
        <p class="empty-state-title">No linting results yet</p>
        <p class="empty-state-description">Run the linter to check this template for reporting issues.</p>
    </div>
{% endif %}