details.html.twig

{% extends 'MynatnetWebsiteBundle:Ticket:view.html.twig' %}

{% block ticket_details %}
<h2>Ticket Details</h2>

<table class="ticket-details">
    <tbody>
    <tr>
        <th>Account ID</th>
        <td>{{ account.id }}</td>
    </tr>
    <tr>
        <th>Ticket Type</th>
        <td>{{ ticket.getTicketType().getName() }}</td>
    </tr>
    {% if ticket.getTicketStatus() %}
    <tr>
        <th>Ticket Status</th>
        <td>{{ ticket.getTicketStatus().getName() }}</td>
    </tr>
    {% endif %}
    <tr>
        <th>Contact</th>
        <td>{{ app.user.getContact().getNameLast() ~ ' ' ~ app.user.getContact().getNameLast() }}</td>
    </tr>
    {% if ticket.getDateOpen() %}
    <tr>
        <th>Date Open</th>
        <td>{{ ticket.getDateOpen()|date('Y-m-d H:i:s') }}</td>
    </tr>
    {% endif %}
    {% if ticket.getDateClose() %}
        <tr>
            <th>Date Closed</th>
            <td>{{ ticket.getDateClose()|date('Y-m-d H:i:s') }}</td>
        </tr>
    {% endif %}
    </tbody>
</table>

{{ form_row(form.altName, {
    attr: { placeholder: 'Nick Name' },
    label: 'Alt Name'
}) }}

{{ form_row(form.altEmail, {
    attr: { placeholder: 'Additional Emails' },
    label: 'Addtional Emails'
}) }}

{{ form_row(form.altPhone, {
    attr: { placeholder: 'Alternate Phone #' },
    label: 'Alt Phone'
}) }}

<div class="form-group">
    <label for="input-tags">Tags</label>
    <input type="text" id="input-tags" class="demo-default" value="awesome,neat" />
</div>
{% endblock %}

{% block javascripts %}
{{ parent() }}
<script type="text/javascript">
    $('#input-tags').selectize({
        plugins: ['restore_on_backspace'],
        delimiter: ',',
        persist: false,
        create: function(input) {
            return {
                value: input,
                text: input
            }
        }
    });
</script>
{% endblock javascripts %}

view.html.twig

{% extends 'MynatnetWebsiteBundle::layout.html.twig' %}
{% do app.breadcrumbs.push('<a href="' ~ path('support') ~ '">Support</a>') %}
{% do app.breadcrumbs.push('<a href="' ~ path('tickets') ~ '">Tickets</a>') %}
{% do app.breadcrumbs.push('<a href="' ~ path('ticket_view', {'id' : ticket.id}) ~'">Ticket ' ~ ticket.id ~ '</a>') %}

{% block content %}
<div class="row">
    <div class="col-md-12">
        <h1>Ticket</h1>
        <h2>Ticket# {{ ticket.id }}. {{ ticket.subject }}</h2>
    </div>
</div>
<div class="row">
    {{ form_start(form, { action: path('ticket_view', { 'id': ticket.id }) }) }}
    {{ form_errors(form) }}
    <div class="col-md-4 col-md-push-8">
        {% block ticket_details %}

        {% endblock %}
    </div>

    <div class="col-md-8 col-md-pull-4">
        <h2>Add a ticket note</h2>

        {{ form_row(form.ticketNote.note, {
            attr: { placeholder: 'Type your request here.', rows: '8' },
            label: 'Ticket note'
        }) }}

        {{ form_row(form.save, { attr: { class: 'btn btn-primary btn-lg pull-right' }, label: 'Update Ticket' }) }}
        <div class="clearfix"></div>
    </div>

    <div class="col-md-8 col-md-pull-4">
        <h2>Notes</h2>
        {% for note in notes %}
            {% include 'MynatnetWebsiteBundle:Ticket:ticket_note.html.twig' with {
            note: note
            } %}
        {% endfor %}
    </div>
    {{ form_widget(form._token) }}
    {{ form_end(form, {'render_rest': false}) }}
</div>
{% endblock content %}