{% extends 'nanowrimo/base.html' %}
{% load static %}

{% block body %}

<div class="columns container">

  <div class="column col-6 col-xl-6 col-lg-6 col-md-8 col-sm-10 col-xs-12 container">

    <h1>Modération</h1>

    {% if ideas %}
    <table class="table table-striped table-hover" id="ideas-list">
    <thead>
    <tr>
    <th>Soummission</th>
    <th>État</th>
    <th>Contenu</th>
    <th></th>
    </tr>
    </thead>
    <tbody>
    {% for idea in ideas %}
    <tr>
        <td>{{ idea.date_submitted | date:"Y-m-d H:i:s" }}</td>
        <td>
            <div class="toggle" iid="{{ idea.id }}">
                {% if idea.accepted %}
                <span class="text-success"><i class="icon icon-task"></i></span>
                {% else %}
                <span class="text-error"><i class="icon icon-cross"></i></span>
                {% endif %}
            </div>
        </td>
        <td>{{ idea.content }}</td>
        <td>
            <div class="delete" iid="{{ idea.id }}" title="Supprimer"><i class="icon icon-delete"></i></div>
        </td>
    </tr>
    {% endfor %}
    </tbody>
    </table>

    <div class="pagination">
        <span class="step-links">
            {% if ideas.has_previous %}
                <a href="?page=1">&laquo; début</a>
                <a href="?page={{ ideas.previous_page_number }}">précédent</a>
            {% endif %}

            <span class="current">
                Page {{ ideas.number }} sur {{ ideas.paginator.num_pages }}.
            </span>

            {% if ideas.has_next %}
                <a href="?page={{ ideas.next_page_number }}">suivant</a>
                <a href="?page={{ ideas.paginator.num_pages }}">fin &raquo;</a>
            {% endif %}
        </span>
    </div>

    {% else %}

    <div class="empty">
        <div class="empty-icon">
        <i class="icon icon-note icon-3x"></i>
        </div>
        <p class="empty-title h5">Aucune idée n'a été déposée</p>
    </div>
    
    {% endif %}

  </div>

</div>


<script>
    var TOGGLE_IDEA_URL = "{% url 'nanowrimo:toggle_idea' %}";
    var DELETE_IDEA_URL = "{% url 'nanowrimo:delete_idea' %}";
    var PAGE = {{ ideas.number }};
    var CSRF_TOKEN = "{{ csrf_token }}";
</script>
<script src="{% static 'nanowrimo/backoffice.js' %}"></script>


{% endblock body %}