{% extends 'baseadmin.html.twig' %}
{% import "_modules/bsmacros.html.twig" as bs %}

{% block title %}
	{{ parent() }}
	- Support Tickets
{% endblock %}

{% block breadcrumb %}
{{ parent() }}
<li class="breadcrumb-item active">Tickets</li>
{% endblock %}

{% block content %}
	{% for label, messages in app.flashes %}
		{% for message in messages %}
			{{ bs.alert(message, label) }}
		{% endfor %}
	{% endfor %}

	<div class="card shadow-sm">
    <div class="card-header d-flex justify-content-between align-items-center">
      <div>Support Tickets</div>
    </div>
		<div class="card-body">
			{% if tickets|length > 0 %}
				<div class="table-responsive">
					<table class="table table-hover table-flush">
						<thead>
							<tr>
								<th>ID</th>
								<th>Subject</th>
								<th>Status</th>
								<th>Priority</th>
								<th>Created</th>
								<th>Assigned To</th>
								<th>Actions</th>
							</tr>
						</thead>
						<tbody>
							{% for ticket in tickets %}
								<tr>
									<td>#{{ ticket.id }}</td>
									<td>
										<a href="{{ path('admin.tickets.show', {'id': ticket.id}) }}" class="text-decoration-none">
											{{ ticket.subject }}
										</a>
									</td>
									<td>
										{% set status_class = {
                                        'open': 'primary',
                                        'in_progress': 'info',
                                        'resolved': 'success',
                                        'closed': 'secondary'
                                    } %}
										{{ bs.badge(ticket.status|capitalize, status_class[ticket.status]) }}
									</td>
									<td>
										{% set priority_class = {
                                        'low': 'success',
                                        'medium': 'info',
                                        'high': 'warning',
                                        'critical': 'danger'
                                    } %}
										{{ bs.badge(ticket.priority|capitalize, priority_class[ticket.priority]) }}
									</td>
									<td>{{ ticket.createdAt|date('Y-m-d H:i') }}</td>
									<td>
										{% if ticket.assignedTo %}
											{{ ticket.assignedTo.username }}
										{% else %}
											<span class="text-muted">Unassigned</span>
										{% endif %}
									</td>
									<td>
										<div class="btn-group btn-group-sm">
											<a href="{{ path('admin.tickets.show', {'id': ticket.id}) }}" class="btn btn-outline-primary">
												<i class="fas fa-eye"></i>
											</a>
											{% if app.user.isAdmin() or app.user == ticket.createdBy %}
												<a href="{{ path('admin.tickets.edit', {'id': ticket.id}) }}" class="btn btn-outline-secondary">
													<i class="fas fa-pencil"></i>
												</a>
											{% endif %}
										</div>
									</td>
								</tr>
							{% endfor %}
						</tbody>
					</table>
				</div>
			{% else %}
				<div>
					There are no tickets.
					{# <a href="{{ path('admin.tickets.new') }}" class="alert-link">Create your first ticket</a>. #}
				</div>
			{% endif %}
		</div>
	</div>
{% endblock %}

{% block scripts %}
	{{ parent() }}
	<script src="{{ asset('js/ticket.js') }}"></script>
{% endblock %}