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

{% block title %}{{ parent() }} - Edit Ticket #{{ ticket.id }}{% endblock %}

{% block content %}
<div class="container mt-4">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ path('app.tickets.index') }}">Tickets</a></li>
            <li class="breadcrumb-item"><a href="{{ path('app.tickets.show', {'id': ticket.id}) }}">Ticket #{{ ticket.id }}</a></li>
            <li class="breadcrumb-item active" aria-current="page">Edit</li>
        </ol>
    </nav>

    <div class="card shadow-sm">
        <div class="card-header">
            <h2 class="card-title h4 mb-0">Edit Ticket #{{ ticket.id }}</h2>
        </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.show', {'id': ticket.id}) }}" class="btn btn-outline-secondary">Cancel</a>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save"></i> Save Changes
                    </button>
                </div>
            {{ form_end(form) }}
        </div>
    </div>
</div>
{% endblock %}

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