{% extends 'base.html' %}{% block title %}Ticket #{{ ticket.id }}{% endblock %}{% block content %}<div class="breadcrumbs"><a href="{{ url_for('tickets') }}">Tickets</a><span>/</span>#{{ '%04d'|format(ticket.id) }}</div><div class="page-heading detail-heading"><div><div class="eyebrow">{{ ticket.category|upper }} · TICKET #{{ '%04d'|format(ticket.id) }}</div><h1>{{ ticket.title }}</h1><p class="muted"><a href="{{ url_for('customer_detail', customer_id=ticket.customer_id) }}">{{ ticket.customer.name }}</a> · Created {{ ticket.created_at.strftime('%b %-d, %Y') }}</p></div><form method="post" action="{{ url_for('ticket_status', ticket_id=ticket.id) }}" class="status-select"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><select name="status" onchange="this.form.submit()">{% for s in ['Open','In progress','Waiting','Closed'] %}<option {% if ticket.status == s %}selected{% endif %}>{{ s }}</option>{% endfor %}</select></form></div><div class="ticket-layout"><div class="panel ticket-content"><div class="panel-heading"><h2>Request details</h2><span class="priority {{ ticket.priority|lower }}">● {{ ticket.priority }} priority</span></div><div class="ticket-description preserve">{{ ticket.details or 'No additional details were added.' }}</div><div class="ticket-meta"><div><span class="field-label">CUSTOMER</span><a href="{{ url_for('customer_detail', customer_id=ticket.customer_id) }}">{{ ticket.customer.name }}</a></div><div><span class="field-label">ASSIGNED TO</span>{{ ticket.assignee or 'Unassigned' }}</div><div><span class="field-label">SERVICE</span>{{ ticket.category }}</div></div></div><div class="panel timer-panel"><div class="timer-top"><span class="stat-icon green">◷</span><span class="eyebrow">TIME TRACKING</span></div><div class="timer-total">{{ ticket.minutes_logged|duration }}</div><p class="muted">Total time recorded</p>{% if ticket.active_entry and ticket.active_entry.staff_id == current_user.id %}<div class="timer-running"><span class="live-dot"></span>Timer running · {{ ticket.active_entry.started_at|elapsed|int }} min</div><form method="post" action="{{ url_for('timer_stop', ticket_id=ticket.id) }}"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><button class="button danger full">■ Stop timer</button></form>{% elif ticket.active_entry %}<div class="timer-running"><span class="live-dot"></span>{{ ticket.active_entry.staff_name }} is working · {{ ticket.active_entry.started_at|elapsed|int }} min</div><button class="button secondary full" disabled>Timer in use</button>{% else %}<form method="post" action="{{ url_for('timer_start', ticket_id=ticket.id) }}"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><button class="button primary full" {% if ticket.status == 'Closed' %}disabled{% endif %}>▶ Start working</button></form>{% endif %}</div></div><div class="section-heading compact"><div><h2>Work log</h2><p>Time entries recorded by your team</p></div></div><div class="panel"><div class="table-wrap"><table><thead><tr><th>TEAM MEMBER</th><th>STARTED</th><th>ENDED</th><th>DURATION</th><th></th></tr></thead><tbody>{% for e in ticket.entries|sort(attribute='started_at', reverse=true) %}<tr><td><span class="avatar mini">{{ e.staff_name[:1]|upper }}</span> {{ e.staff_name }}</td><td>{{ e.started_at.strftime('%b %-d, %Y · %-I:%M %p') }}</td><td>{{ e.ended_at.strftime('%b %-d, %Y · %-I:%M %p') if e.ended_at else 'In progress' }}</td><td>{{ e.minutes|duration if e.ended_at else ((e.started_at|elapsed)|int)|duration }}</td><td>{% if not e.ended_at %}<span class="live-dot"></span>{% endif %}</td></tr>{% else %}<tr><td colspan="5" class="empty-inline">No time recorded yet. Start working to create the first entry.</td></tr>{% endfor %}</tbody></table></div></div>{% endblock %}