{% extends 'TVn7ForumBundle::layout.html.twig' %}
{% from "TdbBaseBundle::macros.html.twig" import userChip %}

{% block pageTitle %}Forum - {{ topic.subject }}{% endblock %}

{% block menuSideActions %}
    {% if is_granted('create-topic', topic.forum) %}
    <a class="btn btn-flat btn-primary" href="{{ path('_tdb_forum_topic_new', {'forum': topic.forum.slug}) }}">Nouveau
        sujet</a>
    {% endif %}
{% endblock menuSideActions %}


{% block forumContent %}
    <div class="message">
        <div class="head">
            <h3>
                {{ topic.subject }}
                <span class="head-right">
                    {% if is_granted('reply', topic) %}
                        <a href="javascript:;" onclick="scrollToAnchor('replyto');"
                           title="Répondre"><i class="fas fa-reply"></i></a>
                    {% endif %}
                    {% if is_granted('edit',topic)  %}
                        <a href="{{ path('_tdb_forum_topic_edit', {'forum': topic.forum.slug, 'slug': topic.slug}) }}">
                            <i class="fas fa-pencil-alt"></i>
                        </a>
                    {% endif %}
                    {% if is_granted('delete',topic)  %}
                        <a href="{{ path('_tdb_forum_topic_delete', {'forum': topic.forum.slug, 'slug': topic.slug}) }}"
                           class="js-confirm-topic-delete">
                            <i class="fas fa-trash"></i>
                        </a>
                    {% endif %}
                </span>

            </h3>
            <h4>
                {% if topic.user != null %}
                    {{ userChip(topic.user, 30) }}
                    (
                    {% if topic.user.poste != "Aucun" %}
                        <i>{{ topic.user.poste }} {{ topic.user.annee - 2 }}/{{ topic.user.annee - 1 }} - </i>
                    {% endif %}
                    Promo {{ topic.user.annee }}
                    )

                &nbsp;
                <a href="https://www.bde.enseeiht.fr/annuaire/fiche/{{ topic.user.username }}"
                   title="Voir la fiche sur l'annuaire BDE"><i class="fas fa-user"></i></a>
                {% else %}
                    Utilisateur supprimé
                {% endif %}

                <span class="head-right">
                    <a href="#" class="js-topic-subscribe-button-handler" data-topic="{{ topic.slug }}"
                       title="{% if app.user in topic.subscribers %}Se désabonner du sujet{% else %}S'abonner au sujet{% endif %}"
                       data-forum="{{ topic.forum.slug }}">
                        <i class="fas  {% if app.user in topic.subscribers %}fa-star starred{% else %}fa-star-o unstarred{% endif %}"></i>
                    </a>
                    &nbsp;
                    {{ topic.createDate|date('d/m/Y à H:i') }}
                </span>
            </h4>
        </div>
        <div class="mail">

            {{ topic.body | raw }}
            <div class="reaction-box" >
                    <div id="emojiboxTopic" class="popup" onclick="popReaction(0)">
                    {% if topic.reactions|length > 0 %}
                    {% for react in topic.reactions %}
                        <span class="em em-{{ react.reactionName }} reaction"
                              data-popover="popover"
                              data-content="{% for user in react.users %}<h6 class='reaction-popover'>{{ user }}</h6>{% endfor %}"
                              data-html=true
                              data-placement="top" data-trigger="hover"
                              >
                        {% if react.users|length > 1%}<span class="reaction-count">{{ react.users|length }}</span>{% endif %}</span>
                    {% endfor %}
                    {% else %}
                        <i class="fas fa-plus reaction"></i>
                    {% endif %}
                        <span class="popuptext" id="myPopup0">
                            {% for emoji in emojis %}
                                <i class="selection em em-{{ emoji }}" onclick="selectTopicEmoji('{{ topic.forum.slug }}', '{{ topic.slug }}', '{{ emoji }}')"></i>
                            {% endfor %}
                        </span>
                    </div>
                </div>
                <br/>

            {% if topic.editDate != "" %}
                <div class="spacer"></div>
                <p class="text-right">
                    <small>
                        <em>Dernière édition le {{ topic.editDate | date('d/m/Y à H:i') }}
                            {% if topic.editBy != "" and topic.editBy != topic.user %}
                                par {{ topic.editBy.nomComplet }}
                            {% endif %}
                        </em>
                    </small>
                </p>
            {% endif %}
        </div>

    </div>
    {% for reply in topic.unDeletedReplies %}
        <div class="reply" id="reply{{ reply.id }}">
            <div class="head">
                <h4>
                    {% if reply.user != null %}
                        {{ userChip(reply.user, 30) }}
                        (
                        {% if reply.user.poste != "Aucun" %}
                            <i>{{ reply.user.poste }} {{ reply.user.annee - 2 }}/{{ reply.user.annee - 1 }} - </i>
                        {% endif %}
                        Promo {{ reply.user.annee }}
                        )
                        &nbsp;
                        <a href="https://www.bde.enseeiht.fr/annuaire/fiche/{{ reply.user.username }}"
                        title="Voir la fiche sur l'annuaire BDE"><i class="fas fa-user"></i></a>
                    {% else %}
                        Utilisateur supprimé
                    {% endif %}
                    <span class="head-right">
                        {{ reply.createDate|date('d/m/Y à H:i') }}
                        {% if is_granted('edit',reply) %}
                            <a href="{{ path('_tdb_forum_topic_reply_edit', {'forum': topic.forum.slug, 'topic': topic.slug, 'id': reply.id}) }}"
                               class="action"
                               title="Editer la réponse">
                                <i class="fas fa-pencil-alt"></i>
                            </a>
                        {% endif %}
                        {% if is_granted('delete',reply) %}
                            <a href="{{ path('_tdb_forum_topic_reply_delete', {'forum': topic.forum.slug, 'topic': topic.slug, 'id': reply.id}) }}"
                               class="js-confirm-reply-delete action" title="Supprimer la réponse"><i
                                        class="fas fa-trash"></i></a>
                        {% endif %}
                    </span>
                </h4>
            </div>
            <div class="mail">

                {{ reply.body | raw }}
                <div class="reaction-box" >
                    <div id="emojibox{{ reply.id }}" class="popup" onclick="popReaction({{ loop.index }})">
                    {% if reply.reactions|length > 0 %}
                    {% for react in reply.reactions %}
                        <span class="em em-{{ react.reactionName }} reaction"
                              data-popover="popover"
                              data-content="{% for user in react.users %}<h6 class='reaction-popover'>{{ user }}</h6>{% endfor %}"
                              data-html=true
                              data-placement="top" data-trigger="hover"
                              >
                        {% if react.users|length > 1%}<span class="reaction-count">{{ react.users|length }}</span>{% endif %}</span>
                    {% endfor %}
                    {% else %}
                        <i class="fas fa-plus reaction"></i>
                    {% endif %}
                        <span class="popuptext" id="myPopup{{ loop.index }}">
                            {% for emoji in emojis %}
                                <i class="selection em em-{{ emoji }}" onclick="selectPostEmoji('{{ topic.forum.slug }}', '{{ topic.slug }}', '{{ reply.id }}', '{{ emoji }}')"></i>
                            {% endfor %}
                        </span>
                    </div>
                </div>
                <br/>
                {% if reply.editDate != "" %}
                    <div class="spacer"></div>
                    <p class="text-right">
                        <small>
                            <em>Dernière édition le {{ reply.editDate | date('d/m/Y à H:i') }}
                                {% if reply.editBy != "" and reply.editBy != reply.user %}
                                    par {{ reply.editBy.nomComplet }}
                                {% endif %}
                            </em>
                        </small>
                    </p>
                {% endif %}
            </div>

        </div>
    {% endfor %}
    {% if is_granted('reply', topic) %}
        <div class="reply" name="replyto">
            <div class="head">
                <div class="subject">
                    <h4>Répondre au sujet</h4>
                </div>
            </div>
            <div class="mail editor text-center">
                {% if newreplydetected %}
                    <div class="alert-warning">
                        <script> scrollToAnchor('replyto'); </script>
                        Une ou plusieurs réponses ont été postées pendant que vous écriviez votre réponse. <br />
                        Cette dernière n'a pas été postée pour que vous puissiez éventuellement la modifier.
                    </div>
                {% endif %}

                {{ form_start(form, {'attr': {'class': 'form-horizontal group-border-dashed', 'novalidate':''}}) }}
                {% include 'TVn7ForumBundle:Post:form.html.twig' with {'form': form, 'topic': topic} %}
                {% if lastreply is not null %}
                    <input type="hidden" name="lastreply" value="{{ lastreply.id }}" />
                {% endif %}
                    <input type="hidden" name="nbreply" value="{{ topic.unDeletedReplies|length }}" />
                {{ form_end(form) }}

            </div>
        </div>
    {% endif %}

{% endblock %}

{% block adminInformations %}
    {% if is_granted('ROLE_SUPER_ADMIN') %}
        <div class="row">
            <div class="col-md-6 col-sm-12">
                <div class="block-flat">
                    <div class="header">
                        <div class="actions">
                            <a class="minimize" href="#"><i class="fas fa-chevron-down"></i></a>
                        </div>
                        <h3>Nombre de vues ({{ topic.views }} vue(s) au total)</h3>
                    </div>
                    <div class="content">
                        <div class="table-responsive">
                            <table class="table no-border hover">
                                <thead class="no-border">
                                <tr>
                                    <th><strong>Nom</strong></th>
                                    <th><strong>Année</strong></th>
                                    <th><strong>Poste</strong></th>
                                </tr>
                                </thead>
                                <tbody class="no-border-y">
                                {% for viewer in topic.viewers %}
                                    <tr>
                                        <td>{{ viewer.nomComplet }}</td>
                                        <td>{{ viewer.annee }}</td>
                                        <td>{{ viewer.poste }}</td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-sm-12">
                <div class="block-flat">
                    <div class="header">
                        <div class="actions">
                            <a class="minimize" href="#"><i class="fas fa-chevron-down"></i></a>
                        </div>
                        <h3>Abonnés aux notifications</h3>
                    </div>
                    <div class="content">
                        <div class="table-responsive">
                            <table class="table no-border hover">
                                <thead class="no-border">
                                <tr>
                                    <th><strong>Nom</strong></th>
                                    <th><strong>Année</strong></th>
                                    <th><strong>Poste</strong></th>
                                    <th><strong>Action</strong></th>
                                </tr>
                                </thead>
                                <tbody class="no-border-y">
                                {% for subscriber in topic.subscribers %}
                                    <tr>
                                        <td>{{ subscriber.nomComplet }}</td>
                                        <td>{{ subscriber.annee }}</td>
                                        <td>{{ subscriber.poste }}</td>
                                        <td>
                                            <a href="{{ path('_tdb_forum_topic_unsubscribe', {'forum': topic.forum.slug, 'slug': topic.slug, 'username': subscriber.username}) }}"
                                               class="btn btn-rad btn-danger">Désabonner</a></td>
                                    </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>


                        <h4>Abonner une personne avec son login INP-net :</h4>
                        <div class="row">
                            <div class="col-sm-3">
                                <input type='text' class='form-control front-input' id='add_subscriber'/>
                            </div>
                            <div class="col-sm-3">
                                <button class="btn btn-rad btn-primary add-topic-subscriber" id="add_subscriber_btn"
                                        forumslug="{{ topic.forum.slug }}" topicslug="{{ topic.slug }}">Abonner
                                </button>
                            </div>
                            <br/>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    {% endif %}
{% endblock %}