{% extends "base.html" %}
{% block title %}Inbox{% endblock %}
{% block content %}
<h2>Inbox</h2>
<form method="get" action="/inbox" class="filter-form">
  <label>Status:</label>
  <select name="status">
    <option value="">All</option>
    <option value="open" {% if filters.status == 'open' %}selected{% endif %}>Open</option>
    <option value="in_progress" {% if filters.status == 'in_progress' %}selected{% endif %}>In Progress</option>
    <option value="waiting_customer" {% if filters.status == 'waiting_customer' %}selected{% endif %}>Waiting Customer</option>
    <option value="closed" {% if filters.status == 'closed' %}selected{% endif %}>Closed</option>
  </select>
  <label>Priority:</label>
  <select name="priority">
    <option value="">All</option>
    <option value="p1" {% if filters.priority == 'p1' %}selected{% endif %}>P1</option>
    <option value="p2" {% if filters.priority == 'p2' %}selected{% endif %}>P2</option>
    <option value="p3" {% if filters.priority == 'p3' %}selected{% endif %}>P3</option>
    <option value="p4" {% if filters.priority == 'p4' %}selected{% endif %}>P4</option>
  </select>
  <label>Tag:</label>
  <input type="text" name="tag" value="{{ filters.tag or '' }}" placeholder="Tag name">
  <label>Search:</label>
  <input type="text" name="search" value="{{ filters.search or '' }}" placeholder="Search">
  <button type="submit">Filter</button>
</form>

<table class="ticket-table">
  <thead>
    <tr>
      <th>ID</th>
      <th>Subject</th>
      <th>Status</th>
      <th>Priority</th>
      <th>Last Activity</th>
    </tr>
  </thead>
  <tbody>
    {% for ticket in tickets %}
    <tr>
      <td><a href="/ticket/{{ ticket.id }}">#{{ ticket.id }}</a></td>
      <td>{{ ticket.thread.subject }}</td>
      <td>{{ ticket.status }}</td>
      <td>{{ ticket.priority|upper }}</td>
      <td>{{ ticket.last_activity_at.strftime('%Y-%m-%d %H:%M') }}</td>
    </tr>
    {% else %}
    <tr><td colspan="5">No tickets found.</td></tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}