{% extends 'base.html.twig' %}

{% set statut_labels = {
    'OUVERT': 'Ouvert',
    'ASSIGNE': 'Assigne',
    'REPONDU': 'Repondu',
    'CLOTURE': 'Cloture'
} %}
{% set priorite_labels = {
    'BASSE': 'Basse',
    'NORMALE': 'Normale',
    'HAUTE': 'Haute',
    'URGENTE': 'Urgente'
} %}
{% set categorie_labels = {
    'TECHNIQUE': 'Technique',
    'FACTURATION': 'Facturation',
    'GENERAL': 'General',
    'AUTRE': 'Autre'
} %}

{% form_theme message_form 'form/fields.html.twig' %}

{% block body %}
    <div class="page-bar">
        <ul class="page-breadcrumb">
            <li>
                <a href="{{ path('homepage') }}">Accueil</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <a href="{{ path('ticket_index') }}">Support</a>
                <i class="fa fa-circle"></i>
            </li>
            <li><span>Ticket {{ ticket.numero }}</span></li>
        </ul>
    </div>

    <br/>

    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-life-ring font-green"></i>
                <span class="caption-subject bold uppercase">Ticket {{ ticket.numero }}</span>
                <span class="caption-helper">{{ ticket.sujet }}</span>
            </div>
            <div class="actions">
                {% if can_close and ticket.statut != 'CLOTURE' %}
                    <form method="post" action="{{ path('ticket_status', {'id': ticket.id}) }}" style="display:inline-block;">
                        <input type="hidden" name="status" value="CLOTURE">
                        <button class="btn red" type="submit"><i class="fa fa-check"></i> Cloturer</button>
                    </form>
                {% endif %}
            </div>
        </div>
        <div class="portlet-body">
            <div class="row" style="margin-bottom:20px;">
                <div class="col-md-8">
                    <p><strong>Description:</strong></p>
                    <p>{{ ticket.description|nl2br }}</p>
                </div>
                <div class="col-md-4">
                    <p><strong>Statut:</strong> {{ statut_labels[ticket.statut]|default(ticket.statut) }}</p>
                    <p><strong>Priorite:</strong> {{ priorite_labels[ticket.priorite]|default(ticket.priorite) }}</p>
                    <p><strong>Categorie:</strong> {{ categorie_labels[ticket.categorie]|default(ticket.categorie) }}</p>
                    <p><strong>Demandeur:</strong> {{ ticket.utilisateur.nom }} {{ ticket.utilisateur.prenom }}</p>
                    <p><strong>Assigne a:</strong> {{ ticket.assigne ? ticket.assigne.nom ~ ' ' ~ ticket.assigne.prenom : '-' }}</p>
                    <p><strong>Cree le:</strong> {{ ticket.dateTimeCreation ? ticket.dateTimeCreation|date('d/m/Y H:i') : '' }}</p>
                </div>
            </div>

            {% if ticket.piecesJointes|length > 0 %}
                <div class="well" style="margin-bottom:20px;">
                    <strong>Pieces jointes:</strong>
                    <ul style="margin-top:10px;">
                        {% for piece in ticket.piecesJointes %}
                            <li>
                                <a href="{{ asset(piece.cheminFichier) }}" target="_blank">{{ piece.nom }}</a>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            {% endif %}

            {% if can_assign %}
                <div class="well" style="margin-bottom:20px;">
                    <form method="post" action="{{ path('ticket_assign', {'id': ticket.id}) }}" class="form-inline">
                        <label style="margin-right:10px;">Assigner:</label>
                        <select name="assigne" class="form-control input-sm" style="margin-right:10px;">
                            {% for admin in superadmins %}
                                <option value="{{ admin.id }}" {% if ticket.assigne and admin.id == ticket.assigne.id %}selected{% endif %}>
                                    {{ admin.nom }} {{ admin.prenom }}
                                </option>
                            {% endfor %}
                        </select>
                        <button class="btn blue btn-sm" type="submit"><i class="fa fa-user"></i> Assigner</button>
                    </form>
                </div>
            {% endif %}

            <h4>Messages</h4>
            <div class="ticket-messages">
                {% if ticket.messages|length == 0 %}
                    <p>Aucun message pour le moment.</p>
                {% endif %}

                {% for message in ticket.messages %}
                    <div class="well" style="margin-bottom:10px;">
                        <div style="margin-bottom:8px;">
                            <strong>{{ message.utilisateur.nom }} {{ message.utilisateur.prenom }}</strong>
                            <span style="color:#888; margin-left:10px;">{{ message.dateTimeCreation ? message.dateTimeCreation|date('d/m/Y H:i') : '' }}</span>
                        </div>
                        <div>{{ message.message|nl2br }}</div>
                        {% if message.piecesJointes|length > 0 %}
                            <div style="margin-top:10px;">
                                <strong>Pieces jointes:</strong>
                                <ul style="margin-top:5px;">
                                    {% for piece in message.piecesJointes %}
                                        <li>
                                            <a href="{{ asset(piece.cheminFichier) }}" target="_blank">{{ piece.nom }}</a>
                                        </li>
                                    {% endfor %}
                                </ul>
                            </div>
                        {% endif %}
                    </div>
                {% endfor %}
            </div>

            {% if ticket.statut != 'CLOTURE' %}
                <hr />
                <h4>Repondre</h4>
                {{ form_start(message_form, {'action': path('ticket_message', {'id': ticket.id}), 'attr': {'class': 'form-horizontal'}}) }}
                    <div class="form-body">
                        {{ form_widget(message_form) }}
                    </div>
                    <div class="form-actions">
                        <div class="row">
                            <div class="col-md-9">
                                <button class="btn green" type="submit"><i class="fa fa-paper-plane"></i> Envoyer</button>
                            </div>
                        </div>
                    </div>
                {{ form_end(message_form) }}
            {% endif %}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('assets/global/scripts/karizma-ai-suggestion.js') ~ '?' ~ random() }}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/scripts/ticket.js') ~ '?' ~ random() }}" type="text/javascript"></script>
{% endblock %}