{% extends "base.html" %}
{% block title %}IT Worker Dashboard — Echo{% endblock %}
{% block content %}
<div class="max-w-6xl mx-auto space-y-6">
    <div class="flex items-center justify-between">
        <h1 class="text-2xl font-semibold">Resolved Tickets</h1>
        {% set role_href = (user.role | lower) if user and user.role else 'it_agent' %}
        <a href="/dashboard/{{ role_href }}" class="text-sm text-blue-400 hover:text-blue-300">Back to Dashboard</a>
    </div>

  <div class="bg-zinc-900 border border-zinc-800 rounded-lg p-4">
    <h2 class="text-lg font-semibold mb-2">Resolved Tickets</h2>
    {% if resolved_tickets and resolved_tickets|length > 0 %}
      <ul class="divide-y">
        {% for t in resolved_tickets %}
          <li class="py-3 flex items-start justify-between">
            <div class="pr-4">
              <a href="/tickets/{{ t.id }}" class="font-medium text-blue-400 hover:underline">{{ t.title }}</a>
              <div class="text-xs text-zinc-400 mt-1">
                Category: {{ t.category.value if t.category else 'general' }} ·
                Priority: {{ t.priority.value if t.priority else 'medium' }} ·
                Status: {{ t.status.value if t.status else 'open' }}
              </div>
            </div>
            <div class="text-right text-xs text-zinc-500 whitespace-nowrap">
              <div>{{ t.created_at.strftime('%y %b %d %H:%M') }}</div>
              <a href="/tickets/{{ t.id }}" class="inline-block mt-1 text-blue-400 hover:text-blue-300">View</a>
            </div>
          </li>
        {% endfor %}
      </ul>
    {% else %}
      <p class="text-sm text-zinc-400">No Resolved tickets right now.</p>
    {% endif %}
  </div>
</div>
{% endblock %}