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

{% block title %}
	{{ parent() }}
	- New Ticket
{% endblock %}

{% block content %}
	<div class="card shadow-sm">
		<div class="card-header">
			Create a Ticket
		</div>
		<div class="card-body">
			{{ form_start(form) }}
			<div class="row">
				<div class="col-md-8">
					{{ bs.form_row(form.subject) }}
				</div>
				<div class="col-md-4">
					{{ bs.form_row(form.priority) }}
				</div>
			</div>

			{{ bs.form_row(form.description) }}

			{% if form.status is defined %}
				<div class="row">
					<div class="col-md-6">
						{{ bs.form_row(form.status) }}
					</div>
					<div class="col-md-6">
						{{ bs.form_row(form.assignedTo) }}
					</div>
				</div>
			{% endif %}

			<div class="d-flex justify-content-between mt-4">
				<a href="{{ path('app.tickets.index') }}" class="btn btn-outline-secondary">Cancel</a>
				<button type="submit" class="btn btn-primary">
					Submit Ticket
					<i class="fas fa-send fa-xs"></i>
				</button>
			</div>
			{{ form_end(form) }}
		</div>
	</div>
{% endblock %}

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