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

{% block title %}Notes de frais{% endblock %}

{% block body %}

    {% if is_granted('ROLE_TRESORERIE_USER') %}
        <div class="row">
            <div class="block-flat">
                <div class="header">
                    <h3>Notes de frais en attente de validation</h3>
                </div>
                <div class="content">
                    {% if allPendingExpenseNotes %}
                        <table class="table table-responsive no-border">
                            <thead class="no-border">
                            <tr>
                                <th>Membre</th>
                                <th>Date</th>
                                <th>Titre</th>
                                <th>Montant</th>
                                <th>Tickets de caisse/Facture</th>
                                <th>Actions</th>
                            </tr>
                            </thead>
                            <tbody class="no-border-y">
                            {% for expenseNote in allPendingExpenseNotes %}
                                <tr>
                                    <td>
                                        {% if expenseNote.membre != null %}
                                            {{ userChip(expenseNote.membre, 30) }}
                                        {% else %}
                                            Utilisateur supprimé
                                        {% endif %}
                                    </td>
                                    <td>{{ expenseNote.expenseDate | date('d/m/Y') }}</td>
                                    <td>{{ expenseNote.name }}</td>
                                    <td>{{ expenseNote.amount }} €</td>
                                    <td>
                                        {% for proof in expenseNote.proofs %}
                                            <a href="/tresorerie/{{ proof.name }}" download>{{ proof.name }}</a>
                                        {% endfor %}
                                    </td>
                                        <td>
                                            {% if is_granted('edit', expenseNote) %}
                                                <a href="{{ path('_tdb_tresorerie_expense_note_edit', {'id': expenseNote.id}) }}"
                                                   class="btn btn-xs btn-primary btn-rad"
                                                   title="Editer la note de frais"><i
                                                            class="fas fa-pencil-alt"></i> </a>
                                            {% endif %}
                                            {% if is_granted('decide', expenseNote) %}
                                            <a href="{{ path('_tdb_tresorerie_expense_note_accept', {'id': expenseNote.id}) }}"
                                               class="btn btn-xs btn-success btn-rad"
                                               title="Accepter la note de frais"><i
                                                        class="fas fa-check"></i> </a>
                                            <a href="{{ path('_tdb_tresorerie_expense_note_refuse', {'id': expenseNote.id}) }}"
                                               class="btn btn-xs btn-danger btn-rad"
                                               title="Refuser la note de frais"><i
                                                        class="fas fa-times"></i> </a>
                                            {% endif %}
                                            {% if is_granted('delete', expenseNote) %}
                                                <a href="{{ path('_tdb_tresorerie_expense_note_delete', {'id': expenseNote.id}) }}"
                                                   class="btn btn-xs btn-danger btn-rad confirm-delete"
                                                   title="Supprimer la note de frais"
                                                   confirm-message="Êtes-vous sûr de vouloir supprimer la note de frais « {{ expenseNote.name }} » ?"
                                                ><i class="fas fa-trash"></i> </a>
                                            {% endif %}
                                        </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    {% else %}
                        <p>Pas de note de frais en attente de validation</p>
                    {% endif %}
                </div>
            </div>

        </div>
    {% endif %}

    <div class="row">
        <div class="block-flat">
            <div class="header">
                <h3>Mes Notes de frais</h3>
            </div>
            <div class="content">
                <a href="{{ path('_tdb_tresorerie_expense_note_new') }}" class="btn btn-rad btn-success">Ajouter une note de
                    frais</a>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-9">
            {{ form_start(filterForm, {'attr': {'class': 'form-inline'}}) }}
            <div class="checkbox {% if filterForm.status.vars.errors |length > 0 %} has-error {% endif %}">
                {{ form_widget(filterForm.status, {'attr': {'class': 'icheck'}}) }}
                {{ form_errors(filterForm.status) }}
            </div>
            <button type="submit" class="btn btn-rad btn-primary">Filtrer les résultats</button>
            {{ form_end(filterForm) }}
        </div>
        <div class="col-md-3">
            <div class="btn-group pull-right">
                <button data-toggle="dropdown" class="btn btn-rad btn-sm btn-flat btn-default dropdown-toggle" type="button">
                    Trier par <span class="caret"></span>
                </button>
                <ul role="menu" class="dropdown-menu">
                    <li><a href="{{ path('_tdb_tresorerie_expense_note', {'sort':'asc'}) }}">Date croissante</a></li>
                    <li><a href="{{ path('_tdb_tresorerie_expense_note', {'sort':'desc'}) }}">Date décroissante</a></li>
                </ul>
            </div>

        </div>
    </div>


    <div class="row">
        {% for expenseNote in currentUserExpenseNotes %}
            <div class="col-md-4">
                <div class="block block-color {% if expenseNote.isApproved %}success{% elseif expenseNote.isRefused %}danger{% else %}info{% endif %}">
                    <div class="header">
                        <h3>{{ expenseNote.name }}</h3>
                    </div>
                    <div class="content">
                        <table class="no-border">
                            <tbody class="no-border-x no-border-y">
                            <tr>
                                <td>Membre</td>
                                <td>
                                    {% if expenseNote.membre != null %}
                                        {{ userChip(expenseNote.membre, 30) }}
                                    {% else %}
                                        Utilisateur supprimé
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <td>Date</td>
                                <td>{{ expenseNote.expenseDate | date('d/m/Y') }}</td>
                            </tr>
                            <tr>
                                <td>Montant</td>
                                <td>{{ expenseNote.amount }} €</td>
                            </tr>
                            <tr>
                                <td>Statut</td>
                                <td>{{ expenseNote.readableStatus }}</td>
                            </tr>

                            {% for proof in expenseNote.proofs %}
                                <tr>
                                    <td>
                                        Tickets de caisse/Factures
                                    </td>
                                    <td>
                                        <a href="/tresorerie/{{ proof.name }}" download>{{ proof.name }}</a>
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                        <p>
                            {{ expenseNote.comments }}
                        </p>

                        {% if is_granted('edit', expenseNote) %}
                            <a href="{{ path('_tdb_tresorerie_expense_note_edit', {'id': expenseNote.id}) }}"
                               class="btn btn-primary btn-rad"><i class="fas fa-pencil-alt"></i> Modifier</a>
                        {% endif %}
                        {% if is_granted('decide', expenseNote) %}
                        <a href="{{ path('_tdb_tresorerie_expense_note_accept', {'id': expenseNote.id}) }}"
                           class="btn btn-success btn-rad"><i class="fas fa-check"></i> Accepter</a>
                        <a href="{{ path('_tdb_tresorerie_expense_note_refuse', {'id': expenseNote.id}) }}"
                           class="btn btn-danger btn-rad"><i class="fas fa-times"></i> Refuser</a>
                        {% endif %}
                        {% if is_granted('delete', expenseNote) %}
                            <a href="{{ path('_tdb_tresorerie_expense_note_delete', {'id': expenseNote.id}) }}"
                               class="btn btn-danger btn-rad confirm-delete"
                               confirm-message="Êtes-vous sûr de vouloir supprimer la note de frais « {{ expenseNote.name }} » ?">
                                <i class="fas fa-trash"></i>Supprimer</a>
                        {% endif %}
                    </div>
                </div>
            </div>
            {% if loop.index is divisible by(3) %}
                <div class="clearfix"></div>
            {% endif %}

        {% endfor %}
    </div>






{% endblock %}