{% extends "base.html" %}
{% block title %}{{ issue.title }} - craft-dashboard{% endblock %}
{% block content %}
<p><a href="/issues">&larr; Back to issue list</a></p>

<h2>{{ issue.title }}</h2>
<p>
  <a href="{{ original_issue_url }}" target="_blank" rel="noopener">View original {{ issue.source|capitalize }} issue</a>
</p>

<div class="issue-detail-layout">
  <section class="issue-detail-card">
    <h3>Metadata</h3>
    <dl class="issue-detail-meta">
      <dt>Project</dt><dd>{{ issue.project_name }}</dd>
      <dt>Number</dt><dd>#{{ issue.external_id }}</dd>
      <dt>Type</dt><dd>{{ issue.issue_type|replace("_", " ") }}</dd>
      <dt>State</dt><dd>{{ issue.state }}</dd>
      <dt>Author</dt><dd>{{ issue.author or "unknown" }}</dd>
      <dt>Labels</dt>
      <dd>
        {% if issue.labels %}
          {% for label in issue.labels %}
          <span class="p-label">{{ label }}</span>
          {% endfor %}
        {% else %}
          —
        {% endif %}
      </dd>
      <dt>Created</dt><dd>{{ issue.created_at | local_datetime }}</dd>
      <dt>Updated</dt><dd>{{ issue.updated_at | local_datetime }}</dd>
      <dt>Closed</dt><dd>{{ issue.closed_at | local_datetime }}</dd>
    </dl>
  </section>

  <section class="issue-detail-card">
    <h3>Current evaluation</h3>
    {% if current_evaluation %}
    {% if is_outdated %}
    <div class="evaluation-outdated-notice">
      ⚠️ This summary may be outdated — the issue content or evaluation prompts have changed since this evaluation was made.
    </div>
    {% endif %}
    <p>{{ current_evaluation.summary or "No summary available." }}</p>
    {% if issue.state in ("closed", "merged") %}
    <p><strong>Resolution:</strong> {{ (current_evaluation.suggested_action or "—")|replace("_", " ") }}</p>
    {% else %}
    <p><strong>Suggested action:</strong> {{ (current_evaluation.suggested_action or "—")|replace("_", " ") }}</p>
    {% endif %}
    {% if current_evaluation.suggested_action_reason %}
    <p><strong>Reason:</strong> {{ current_evaluation.suggested_action_reason }}</p>
    {% endif %}
    {% if current_evaluation.evaluated_by %}
    <p><strong>Evaluated by:</strong> <code>{{ current_evaluation.evaluated_by }}</code></p>
    {% endif %}
    <div class="issue-detail-scores">
      {% for score_key, score_value in (current_evaluation.scores or {}).items() %}
      {% set score_name = score_key|replace("_", " ")|title %}
      {% set score_inverted = score_key in ["impact", "actionability", "quick_win"] %}
      <span class="issue-detail-score">
        <strong>{{ score_name }}:</strong>
        {% include "components/score_badge.html" %}
      </span>
      {% else %}
      <span>No scores available.</span>
      {% endfor %}
    </div>
    {% else %}
    <p>No evaluation has been recorded for this issue yet.</p>
    {% endif %}
  </section>
</div>

<section class="issue-detail-card">
  <h3>Issue body</h3>
  <div id="issue-body" class="issue-detail-body--markdown">{{ issue.body or "No description provided." }}</div>
</section>

<section class="issue-detail-card">
  <h3>Evaluation history</h3>
  {% if evaluation_history %}
  <table>
    <thead>
      <tr>
        <th>Date</th>
        <th>Model</th>
        <th>Scores</th>
        <th>Action</th>
        <th>Summary</th>
      </tr>
    </thead>
    <tbody>
      {% for evaluation in evaluation_history %}
      <tr>
        <td>{{ evaluation.evaluated_at | local_datetime }}</td>
        <td>{{ evaluation.model_name or evaluation.llm_backend or "—" }}</td>
        <td>
          {% if evaluation.scores %}
            {% for score_key, score_value in evaluation.scores.items() %}
            {% set score_name = score_key|replace("_", " ")|title %}
            {% set score_inverted = score_key in ["impact", "actionability", "quick_win"] %}
            <div>{{ score_name }}: {% include "components/score_badge.html" %}</div>
            {% endfor %}
          {% else %}
            —
          {% endif %}
        </td>
        <td>{{ (evaluation.suggested_action or "—")|replace("_", " ") }}</td>
        <td>{{ evaluation.summary or "—" }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p>No evaluation history available.</p>
  {% endif %}
</section>

<section class="issue-detail-card">
  <h3>Update history</h3>
  {% if activity_history %}
  <table>
    <thead>
      <tr>
        <th>Date</th>
        <th>Change</th>
      </tr>
    </thead>
    <tbody>
      {% for activity in activity_history %}
      <tr>
        <td>{{ activity.occurred_at | local_datetime }}</td>
        <td>{{ activity.change_type|replace("_", " ") }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p>No update history recorded yet.</p>
  {% endif %}
</section>

{% if related_links %}
<section class="issue-detail-card">
  <h3>Related work</h3>
  <ul>
    {% for link in related_links %}
    <li>
      <strong>{{ link.kind | replace("_", " ") | title }}</strong>:
      {% if link.to_issue %}
      <a href="/issues/{{ link.to_issue.project.name | urlencode_path }}/{{ link.to_issue.external_id }}">{{ link.to_ref }}</a>
      {% elif link.to_ref | ref_external_url %}
      <a href="{{ link.to_ref | ref_external_url }}" target="_blank" rel="noopener noreferrer">{{ link.to_ref }}</a>
      {% else %}
      {{ link.to_ref }}
      {% endif %}
      (confidence {{ link.confidence }}%)
      {% if link.note %}<p class="u-text--muted">{{ link.note }}</p>{% endif %}
    </li>
    {% endfor %}
  </ul>
</section>
{% endif %}

<section class="issue-detail-card">
  <h3>Related issues</h3>
  {% if related_issues %}
  <table role="grid">
    <colgroup>
      <col class="col-title">
      <col style="width: 110px">
      <col style="width: 60px">
      <col class="col-summary">
      <col style="width: 90px">
    </colgroup>
    <thead>
      <tr>
        <th>Issue</th>
        <th>Project</th>
        <th>State</th>
        <th>Summary</th>
        <th>Similarity</th>
      </tr>
    </thead>
    <tbody>
      {% for rel in related_issues %}
      <tr>
        <td>
          <a href="/issues/{{ rel.project_name | urlencode_path }}/{{ rel.external_id }}">
            #{{ rel.external_id }} {{ rel.title }}
          </a>
        </td>
        <td>{{ rel.project_name }}</td>
        <td>{{ rel.state }}</td>
        <td class="summary-cell">{{ rel.summary or "—" }}</td>
        <td>
          <div class="similarity-bar">
            <div class="similarity-fill" style="width: {{ (rel.similarity * 100) | round(0) | int }}%"></div>
            <span class="similarity-label">{{ (rel.similarity * 100) | round(0) | int }}%</span>
          </div>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  {% if has_embedding %}
  <p>No related issues found above the similarity threshold.</p>
  {% else %}
  <p>No embedding available for this issue yet. Run <code>scripts/run_llm.py evaluate</code> to enable similarity search.</p>
  {% endif %}
  {% endif %}
</section>
{% endblock %}

{% block scripts %}
<script src="/static/vendor/marked.min.js"></script>
<script src="/static/vendor/purify.min.js"></script>
<script src="/static/js/table-interact.js"></script>
<script>
(function () {
  var el = document.getElementById("issue-body");
  if (!el || !el.textContent.trim()) return;
  var raw = el.textContent;
  el.innerHTML = DOMPurify.sanitize(marked.parse(raw));
})();
</script>
{% endblock %}