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

{% block title %}TVn7 - Forum - {{ forum.name }}{% endblock %}

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

{% block forumContent %}


    <div class="content">

        <div class="mail-inbox">
            <div class="head">
                <h3>{{ forum.name }} </h3>

                <h4>
                    <div class="row">
                        <div class="col-md-11">
                            {{ forum.description | raw }}
                        </div>
                        <div class="col-md-1">
                            <span>
                                <a href="#" class="js-forum-subscribe-button-handler"
                                   title="{% if app.user in forum.subscribers %}Se désabonner du forum{% else %}S'abonner au forum{% endif %}"
                                   data-forum="{{ forum.slug }}">
                                    <i class="fas  {% if app.user in forum.subscribers %}fa-star starred{% else %}fa-star-o unstarred{% endif %}"></i>
                                </a>
                            </span>

                        </div>
                    </div>
                </h4>
            </div>
            <div class="filters">
                <span>&nbsp;</span>
                <div class="btn-group pull-right">
                    {% if nb_page > 1 %}
                        {% set max_page_in_selector = max_page_in_selector - 2 %}

                        {% if nb_page > max_page_in_selector %}
                            {% set start_page = (current_page - ((max_page_in_selector - 3)/2)|round) %}
                            {% set end_page = (current_page + ((max_page_in_selector - 3)/2)|round) %}

                            {% if end_page >= (nb_page - 2) %}
                                {% set end_page = nb_page - 1 %}
                                {% set start_page = end_page - max_page_in_selector + 2 %}
                            {% endif %}

                            {% if start_page <= 3 %}
                                {% set start_page = 2 %}
                                {% set end_page = start_page + max_page_in_selector - 2 %}
                            {% endif %}

                            {% if start_page - 2 == 1 %}
                                {% set start_page = start_page - 1 %}
                            {% endif %}

                            {% if end_page + 2 == nb_page %}
                                {% set end_page = end_page + 1 %}
                            {% endif %}
                        {% else %}
                            {% set start_page = 2 %}
                            {% set end_page = nb_page - 1 %}
                        {% endif %}


                        {% if current_page == 1 %}
                            <a href="#" title="Aller à la page précédente"
                               class="btn btn-sm btn-flat btn-default disabled">
                                <i class="fas fa-angle-left"></i>
                            </a>
                        {% else %}
                            <a href="{{ path('_tdb_forum_show', {'forum': forum.slug, 'page': current_page-1}) }}"
                               class="btn btn-sm btn-flat btn-default" title="Aller à la page précédente">
                                <i class="fas fa-angle-left"></i>
                            </a>
                        {% endif %}

                        <a href="{{ path('_tdb_forum_show', {'forum': forum.slug, 'page': 1}) }}"
                           class="btn btn-sm btn-flat btn-default" title="Aller à la première page">1</a>

                        {% if start_page > 2 %}
                            <button class="btn btn-sm btn-flat btn-default disabled"><i class="fas fa-ellipsis-h"></i>
                            </button>
                        {% endif %}

                        {% if nb_page > 2 %}
                            {% for page in start_page..end_page %}
                                <a href="{{ path('_tdb_forum_show', {'forum': forum.slug, 'page': page}) }}"
                                   class="btn btn-sm btn-flat btn-default {% if current_page == page %} active{% endif %}"
                                   title="Aller à la page {{ page }}">
                                    {{ page }}
                                </a>
                            {% endfor %}
                        {% endif %}

                        {% if end_page < nb_page - 2 %}
                            <button class="btn btn-sm btn-flat btn-default disabled"><i
                                        class="fas fa-ellipsis-h"></i></button>
                        {% endif %}


                        <a href="{{ path('_tdb_forum_show', {'forum': forum.slug, 'page': nb_page }) }}"
                           class="btn btn-sm btn-flat btn-default {% if current_page == nb_page %} active {% endif %}"
                           title="Aller à la dernière page">{{ nb_page }}</a>


                        {% if current_page < nb_page %}
                            <a href="{{ path('_tdb_forum_show', {'forum': forum.slug, 'page': current_page +1 }) }}"
                               class="btn btn-sm btn-flat btn-default"
                               title="Aller à la page suivante"><i class="fas fa-angle-right"></i></a>

                        {% else %}
                            <a class="btn btn-sm btn-flat btn-default disabled"
                               href="#"
                               title="Aller à la page suivante"><i class="fas fa-angle-right"></i></a></li>
                        {% endif %}

                    {% endif %}
                </div>


            </div>
            <div class="mails">
                {% for topic in topics %}
                    <div class="item">
                        <a href="{{ path('_tdb_forum_topic_show', { 'forum': topic.forum.slug, 'slug': topic.slug}) }}">
                            <div>
                                <span class="date pull-right">
                                    {% if topic.forum.visible == false %}
                                        <span class="text-sm">
                                            <i class="fas fa-eye-slash" aria-hidden="true"></i> Invisible — </span>
                                    {% endif %}
                                    {{ topic.createDate|date('d/m/Y à H:i') }} (Dernière modification {{ topic.lastChangeTimestamp|date('d/m/Y à H:i') }})
                                    <br />
                                    <span class="pull-right">
                                        <i class="fas fa-eye"></i> {{ topic.viewers.count }}{% if is_granted("ROLE_FORUM_ADMIN") %} ({{ topic.views }}){% endif %}
                                        &nbsp;<i class="fas fa-reply"></i> {{ topic.replies.count }}
                                    </span>
                                </span>
                                <h4 class="from">{{ topic.subject }}</h4>
                                <p class="msg">
                                    {% 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 }}
                                        )
                                    {% else %}
                                        Utilisateur supprimé
                                    {% endif %}
                                </p>
                            </div>
                        </a>
                    </div>

                {% endfor %}
            </div>
        </div>
    </div>

{% endblock %}


{% block adminInformations %}
    {% if is_granted('ROLE_SUPER_ADMIN') %}
        <div class="row">
            <div class="col-md-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>
                            Données développeur
                        </h3>
                    </div>
                    <div class="content">
                        <div>
                            <h4>Abonnés aux notifications: (nouveaux messages seulement)</h4>
                            <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 subscribers %}
                                        <tr>
                                            <td>{{ subscriber.nomComplet }}</td>
                                            <td>{{ subscriber.annee }}</td>
                                            <td>{{ subscriber.poste }}</td>
                                            <td>
                                                <a href="{{ path('_tdb_forum_unsubscribe', {'forum': forum.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 form-input' id='add_subscriber'/>
                                </div>
                                <div class="col-sm-3">
                                    <button class="btn btn-rad btn-primary add-forum-subscriber" id="add_subscriber_btn"
                                            forumslug="{{ forum.slug }}">Abonner
                                    </button>
                                </div>
                                <br/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
{% endblock %}