<% if (!ticket) { %>
  <h1>Ticket</h1>
  <div class="alert alert-danger"><%= error || 'Not found.' %></div>
<% } else { %>

<h1><%= ticket.ticket_number %> — <%= ticket.subject %></h1>

<div class="card">
  <p>Requester: <%= ticket.requester_email %> <% if (ticket.firm_id) { %>· Firm #<%= ticket.firm_id %><% } %></p>
  <p>Description: <%= ticket.description || '—' %></p>
  <p>SLA due: <%= new Date(ticket.sla_due_at).toLocaleString() %></p>
  <p>Created: <%= new Date(ticket.created_at).toLocaleString() %> <% if (ticket.created_by) { %>by <%= ticket.created_by %><% } else { %>(public submission)<% } %></p>

  <form method="post" action="/support/tickets/<%= ticket.id %>" style="max-width:420px">
    <div style="display:flex;gap:12px">
      <div style="flex:1">
        <label>Status</label>
        <select name="status">
          <% for (const s of ['open','in_progress','waiting_on_customer','resolved','closed']) { %>
          <option value="<%= s %>" <%= ticket.status === s ? 'selected' : '' %>><%= s %></option>
          <% } %>
        </select>
      </div>
      <div style="flex:1">
        <label>Priority</label>
        <select name="priority">
          <% for (const p of ['low','medium','high','urgent']) { %>
          <option value="<%= p %>" <%= ticket.priority === p ? 'selected' : '' %>><%= p %></option>
          <% } %>
        </select>
      </div>
    </div>
    <label>Escalation Level</label>
    <select name="escalationLevel">
      <option value="support" <%= ticket.escalation_level === 'support' ? 'selected' : '' %>>Support</option>
      <option value="engineering" <%= ticket.escalation_level === 'engineering' ? 'selected' : '' %>>Engineering</option>
      <option value="compliance_legal" <%= ticket.escalation_level === 'compliance_legal' ? 'selected' : '' %>>Compliance / Legal</option>
    </select>
    <label>Assigned To</label>
    <input type="text" name="assignedTo" value="<%= ticket.assigned_to || '' %>">
    <button class="btn" type="submit" style="width:100%;margin-top:16px">Save</button>
  </form>
</div>

<% } %>
