{% extends "base.html" %}
{% block title %}Ticket {{ ticket.id }}{% endblock %}
{% block content %}
<h2>Ticket #{{ ticket.id }}</h2>

<section class="ticket-metadata">
  <p><strong>Subject:</strong> {{ ticket.thread.subject }}</p>
  <p><strong>Status:</strong> {{ ticket.status }}</p>
  <p><strong>Priority:</strong> {{ ticket.priority|upper }}</p>
  <p><strong>Tags:</strong> {{ tags|join(', ') if tags else 'None' }}</p>
  <p><strong>First Seen:</strong> {{ ticket.first_seen_at.strftime('%Y-%m-%d %H:%M') }}</p>
  <p><strong>Last Activity:</strong> {{ ticket.last_activity_at.strftime('%Y-%m-%d %H:%M') }}</p>
</section>

<section class="actions">
  <h3>Update Ticket</h3>
  <form method="post" action="/ticket/{{ ticket.id }}">
    <input type="hidden" name="action" value="update_status">
    <label>Status:</label>
    <select name="status_val">
      <option value="open" {% if ticket.status == 'open' %}selected{% endif %}>Open</option>
      <option value="in_progress" {% if ticket.status == 'in_progress' %}selected{% endif %}>In Progress</option>
      <option value="waiting_customer" {% if ticket.status == 'waiting_customer' %}selected{% endif %}>Waiting Customer</option>
      <option value="closed" {% if ticket.status == 'closed' %}selected{% endif %}>Closed</option>
    </select>
    <button type="submit">Update Status</button>
  </form>
  <form method="post" action="/ticket/{{ ticket.id }}">
    <input type="hidden" name="action" value="update_priority">
    <label>Priority:</label>
    <select name="priority_val">
      <option value="p1" {% if ticket.priority == 'p1' %}selected{% endif %}>P1</option>
      <option value="p2" {% if ticket.priority == 'p2' %}selected{% endif %}>P2</option>
      <option value="p3" {% if ticket.priority == 'p3' %}selected{% endif %}>P3</option>
      <option value="p4" {% if ticket.priority == 'p4' %}selected{% endif %}>P4</option>
    </select>
    <button type="submit">Update Priority</button>
  </form>
  <form method="post" action="/ticket/{{ ticket.id }}">
    <input type="hidden" name="action" value="update_tags">
    <label>Tags (comma separated):</label>
    <input type="text" name="tags_val" value="{{ tags|join(', ') if tags else '' }}">
    <button type="submit">Update Tags</button>
  </form>
  <form method="post" action="/ticket/{{ ticket.id }}">
    <input type="hidden" name="action" value="generate_ai">
    <button type="submit">Generate AI Suggestion</button>
  </form>
</section>

<section class="conversation">
  <h3>Conversation</h3>
  {% for msg in messages %}
  <div class="message {{ msg.direction }}">
    <p class="meta"><strong>{{ msg.author_display }}</strong> &mdash; {{ msg.created_at.strftime('%Y-%m-%d %H:%M') }}</p>
    <p class="body">{{ msg.body_text | e | replace('\n', '<br>') | safe }}</p>
  </div>
  {% endfor %}
</section>

<section class="ai-panel">
  <h3>AI Suggestions</h3>
  {% if suggestions %}
    {% for s in suggestions|sort(attribute='created_at', reverse=True) %}
    <div class="suggestion">
      <p><strong>Generated at:</strong> {{ s.created_at.strftime('%Y-%m-%d %H:%M') }} ({{ s.model_used }})</p>
      <p><strong>Summary:</strong> {{ s.summary }}</p>
      <p><strong>Classification:</strong> {{ s.classification_json }}</p>
      <p><strong>Draft Reply:</strong></p>
      <pre>{{ s.draft_reply }}</pre>
      <button type="button" onclick="copyToClipboard(this.previousElementSibling.innerText)">Copy Reply</button>
    </div>
    {% endfor %}
  {% else %}
    <p>No AI suggestions yet.</p>
  {% endif %}
</section>

<section class="reply">
  <h3>Send Reply</h3>
  <form method="post" action="/ticket/{{ ticket.id }}">
    <input type="hidden" name="action" value="send_reply">
    <textarea name="reply_body" rows="6" cols="80" placeholder="Your reply here..." required></textarea><br>
    <button type="submit">Send Reply</button>
  </form>
</section>

{% endblock %}