{% extends '@Projet/projet/layout.html.twig' %}
{% block projet_title %}{{ ticket.titre }}{% endblock %}
{% block projet_content %}
{% set french_months = {1: 'janv.', 2: 'févr.', 3: 'mars', 4: 'avr.', 5: 'mai', 6: 'juin', 7: 'juil.', 8: 'août', 9: 'sept.', 10: 'oct.', 11: 'nov.', 12: 'déc.'} %}
{% set closed = ticket.statut|lower in ['résolu', 'fermé'] %}
{% set critical = ticket.priorite|lower == 'critique' %}
<div class="project-show project-ticket-page">
    {% include '@Projet/projet/tache/_project_hero.html.twig' %}
    <a class="project-ticket-back" href="{{ path('projet_show', {id: project.id, tab: 'tickets'}) }}"><i class="ti ti-arrow-left"></i> Retour aux tickets du projet</a>

    <section class="project-ticket-detail-hero">
        <div class="project-ticket-detail-hero__identity">
            <span class="{{ critical ? 'is-critical' : '' }}"><i class="ti {{ critical ? 'ti-exclamation-mark' : 'ti-ticket' }}"></i></span>
            <div>
                <div class="project-ticket-detail-hero__badges">
                    <small>#TK-{{ '%03d'|format(ticket.id) }}</small>
                    <b class="project-badge project-badge--{{ critical ? 'red' : 'amber' }}">{{ ticket.priorite }}</b>
                    <b class="project-badge project-badge--{{ closed ? 'green' : 'blue' }}">{{ ticket.statut }}</b>
                </div>
                <h1>{{ ticket.titre }}</h1>
                <p><i class="ti ti-folder"></i> {{ project.titre }} · <i class="ti ti-user"></i> {{ ticket.client ? ticket.client.nom : (project.client ? project.client.nom : 'Sans client') }} · Créé le {{ ticket.createdAt|date('j') }} {{ french_months[ticket.createdAt|date('n')] }} {{ ticket.createdAt|date('Y') }}</p>
            </div>
        </div>
        <form class="project-ticket-status-form" method="post" action="{{ path('projet_ticket_status', {projectId: project.id, id: ticket.id}) }}">
            <input type="hidden" name="_token" value="{{ csrf_token('projet_ticket_status_' ~ ticket.id) }}">
            <label><i class="ti ti-refresh"></i><select name="status" onchange="this.form.submit()" aria-label="Changer le statut">{% for status in ticket_statuses %}<option {{ ticket.statut == status ? 'selected' : '' }}>{{ status }}</option>{% endfor %}</select></label>
        </form>
    </section>

    <div class="project-ticket-detail-layout">
        <main>
            {% include '@Projet/projet/_attachments.html.twig' with {work: ticket, kind: 'tickets'} %}
            <section class="project-ticket-card">
                <header><i class="ti ti-list"></i><h2>Description</h2></header>
                <div class="project-ticket-card__body project-ticket-description">{{ ticket.description|nl2br }}</div>
            </section>

            <section class="project-ticket-card" id="ticket-comments">
                <header><i class="ti ti-message-dots"></i><h2>Activité &amp; commentaires</h2><span>{{ ticket_comments|length }}</span></header>
                <div class="project-ticket-card__body project-ticket-comments">
                    {% for comment in ticket_comments %}
                        <article>
                            <img class="project-avatar" src="{{ user_avatar_url(comment.user) }}" alt="">
                            <div><p><b>{{ comment.user ? comment.user.prenom ~ ' ' ~ comment.user.nom : 'Utilisateur' }}</b><small>{{ comment.createdAt|date('j') }} {{ french_months[comment.createdAt|date('n')] }} {{ comment.createdAt|date('Y') }} · {{ comment.createdAt|date('H:i') }}</small></p><div>{{ comment.contenu|nl2br }}</div></div>
                        </article>
                    {% else %}<p class="project-empty-state">Aucune activité enregistrée.</p>{% endfor %}
                    <form method="post" action="{{ path('projet_ticket_comment_add', {projectId: project.id, id: ticket.id}) }}">
                        <input type="hidden" name="_token" value="{{ csrf_token('projet_ticket_comment_' ~ ticket.id) }}">
                        <textarea name="content" rows="5" required placeholder="Ajouter un commentaire ou une mise à jour…"></textarea>
                        <button class="project-button project-button--primary"><i class="ti ti-send"></i> Envoyer</button>
                    </form>
                </div>
            </section>
        </main>

        <aside>
            <section class="project-ticket-card">
                <header><i class="ti ti-info-circle"></i><h2>Détails</h2></header>
                <div class="project-ticket-card__body"><dl class="project-ticket-details">
                    <div><dt>Statut</dt><dd><span class="project-badge project-badge--{{ closed ? 'green' : 'blue' }}">{{ ticket.statut }}</span></dd></div>
                    <div><dt>Priorité</dt><dd><span class="project-badge project-badge--{{ critical ? 'red' : 'amber' }}">{{ ticket.priorite }}</span></dd></div>
                    <div><dt>Assigné à</dt><dd>{{ ticket.assignedTo ? ticket.assignedTo.prenom ~ ' ' ~ ticket.assignedTo.nom : 'Non assigné' }}</dd></div>
                    <div><dt>Créé par</dt><dd>{{ ticket.user ? ticket.user.prenom ~ ' ' ~ ticket.user.nom : '—' }}</dd></div>
                    <div><dt>Projet</dt><dd>{{ project.titre }}</dd></div>
                    <div><dt>Client</dt><dd>{{ ticket.client ? ticket.client.nom : (project.client ? project.client.nom : '—') }}</dd></div>
                    <div><dt>Créé le</dt><dd>{{ ticket.createdAt|date('j') }} {{ french_months[ticket.createdAt|date('n')] }} {{ ticket.createdAt|date('Y') }}</dd></div>
                    <div><dt>Fermé le</dt><dd>{{ ticket.closedAt ? ticket.closedAt|date('j') ~ ' ' ~ french_months[ticket.closedAt|date('n')] ~ ' ' ~ ticket.closedAt|date('Y') : '—' }}</dd></div>
                </dl></div>
            </section>
            <section class="project-ticket-card project-ticket-rules">
                <header><i class="ti ti-shield-check"></i><h2>Règles</h2></header>
                <div class="project-ticket-card__body"><p><i class="ti ti-link"></i> Le ticket reste lié au client, au projet et à la société active.</p><p><i class="ti ti-rotate-2"></i> Les tickets fermés restent visibles dans l’historique.</p><p><i class="ti ti-shield"></i> Seuls les membres autorisés peuvent modifier son statut.</p></div>
            </section>
        </aside>
    </div>
</div>
{% endblock %}