{% extends 'base.html' %}
{% block content %}
<h2>Support / disputes</h2>
{% if show_buyer_welcome %}<div class="flash ok"><strong>Welcome.</strong> {{ welcome_message }}</div>{% endif %}
<div class="inline-menu">
  <form method="post" class="action-card" style="margin:0; flex:1 1 26rem;">
    <p>Order ID (optional): <input name="order_id"></p>
    <p>Title: <input name="title" required></p>
    <p>Message:<br><textarea name="message" rows="4" cols="80" required></textarea></p>
    <button type="submit">Open ticket</button>
  </form>
  <div class="stack" style="flex:0 1 18rem;">
    <a role="button" class="{% if not archived %}primary{% else %}secondary{% endif %}" href="{{ url_for('tickets') }}">Open tickets</a>
    <a role="button" class="{% if archived %}primary{% else %}secondary{% endif %}" href="{{ url_for('archived_tickets') }}">Archived tickets</a>
  </div>
</div>
<form method="get" class="toolbar-form">
  <div class="toolbar-controls">
    <label>
      Search
      <input type="search" name="q" value="{{ search_query or '' }}" placeholder="Title, ticket ID, reporter, message">
    </label>
    <label>
      Sort
      <select name="sort">
        <option value="newest" {% if sort_by == 'newest' %}selected{% endif %}>Newest</option>
        <option value="oldest" {% if sort_by == 'oldest' %}selected{% endif %}>Oldest</option>
        <option value="title" {% if sort_by == 'title' %}selected{% endif %}>Title</option>
        <option value="reporter" {% if sort_by == 'reporter' %}selected{% endif %}>Reporter</option>
      </select>
    </label>
    <button type="submit">Apply</button>
  </div>
</form>
<table>
<tr><th>ID</th><th>Order</th><th>Title</th><th>Reported user</th><th>Status</th><th>Link</th></tr>
{% for t in tickets %}
<tr>
  <td>{{ t.id }}</td>
  <td>{% if t.order_id %}<a href="{{ url_for('order_detail', order_id=t.order_id) }}">#{{ t.order_id }}</a>{% else %}-{% endif %}</td>
  <td>{{ t.title }}</td>
  <td>{% if t.reported_user_id %}{% if current_user.account_type == 'admin' %}<a href="{{ url_for('admin_manage_user_by_id', user_id=t.reported_user_id) }}">{{ t.reported_username or ('User #' ~ t.reported_user_id) }}</a>{% else %}{{ t.reported_username or ('User #' ~ t.reported_user_id) }}{% endif %}{% else %}-{% endif %}</td>
  <td>{{ t.status }}</td>
  <td><a href="{{ url_for('ticket_detail', ticket_id=t.id) }}">Open</a></td>
</tr>
{% else %}<tr><td colspan="6">No {% if archived %}archived{% else %}open{% endif %} tickets</td></tr>{% endfor %}
</table>
{% endblock %}