{% extends 'base.html.twig' %}

{% block title %}Liste des échéances{% endblock %}

{% block body %}
<div class="modal fade" id="generateModal" tabindex="-1" role="dialog" aria-labelledby="generateModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="generateModalLabel">Sélectionner le mois</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
	  <form method="post" action={{ path('recurring_transaction_generate') }}>
        <div class="modal-body">
		<select name="mois">
            <option value="01">Janvier</option>
            <option value="02">Février</option>
            <option value="03">Mars</option>
            <option value="04">Avril</option>
            <option value="05">Mai</option>
            <option value="06">Juin</option>
            <option value="07">Juillet</option>
            <option value="08">Août</option>
            <option value="09">Septembre</option>
            <option value="10">Octobre</option>
            <option value="11">Novembre</option>
            <option value="12">Décembre</option>
        </select>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
          <button type="submit" class="btn btn-primary">Générer les transactions</button>
        </div>	  
	  </form>
    </div>
  </div>
</div>
<div class="container-fluid">
    <div class="transaction">
        <div class="row">
            <div class="col-md-12">
                <h1>Liste des échéances</h1>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <p class="text-center">Nombre d'échéances : {# {{ recurring_transactions.getTotalItemCount }} #}</p>
            </div>
            <div class="col-md-4">
                <a href="{{ path('recurring_transaction_new') }}" class="btn btn-outline-success">Créer une nouvelle échéance</a></p>
            </div>
            <div class="col-md-4">
                <button type="button" class="btn btn-outline-dark" data-toggle="modal" data-target="#generateModal">Générer les transactions</button>
            </div>
        </div>
        <table class="table">
            <thead>
                <tr>
                    <th scope="col">Jour</th>
                    <th scope="col">Emetteur</th>
                    <th scope="col">Tiers / Receveur</th>
                    <th scope="col">Catégorie</th>
                    <th scope="col">Debit</th>
                    <th scope="col">Credit</th>
                    <th scope="col">Comment.</th>
                    <th scope="col"></th>
                    <th scope="col"></th>
                </tr>
            </thead>
            <tbody>
            {% for recurring_transaction in recurring_transactions %}
                {% if date(recurring_transaction.creationDate|date('ymd')) > date("now"|date('ymd')) %}
                    <tr class="table-warning">
                {% else %}
                    <tr>
                {% endif %}
                    <td>{{ recurring_transaction.DayTransaction ? recurring_transaction.DayTransaction }}</td>
                    {% if recurring_transaction.issuerAccount %}
                        <td>{{ recurring_transaction.issuerAccount.bank }} / {{ recurring_transaction.issuerAccount.name }}</td>
                    {% else %}
                        <td>{{ recurring_transaction.issuerAccount.bank }} / {{ recurring_transaction.issuerAccount.name }}</td>
                    {% endif %}
                    {% if recurring_transaction.receiverAccount %}
                        <td>{{ recurring_transaction.receiverAccount.name }}</td>
                    {% else %}
                        <td>{{ recurring_transaction.outsider.name }}</td>
                    {% endif %}
                    <td>{{ recurring_transaction.category ? recurring_transaction.category.name }}</td>
                    <td align="right">
                        {% if recurring_transaction.debit %}
                            <span class="text-danger">{{ recurring_transaction.debit|number_format(2, '.', ' ') }} €</span>
                        {% endif %}
                    </td>
                    <td align="right">
                        {% if recurring_transaction.credit %}
                            <span class="text-success">{{ recurring_transaction.credit ? recurring_transaction.credit|number_format(2, '.', ' ') }} €</span>
                        {% endif %}
                    </td>
                    <td>
                        {% if recurring_transaction.comment %}
                            <a href="#" class="btn btn-sm btn-info" title="{{ recurring_transaction.comment }}"><span class="fa fa-info"></span></a>
                        {% endif %}
                    </td>
                    <td>
                        <a href="{{ path('recurring_transaction_show', {'id': recurring_transaction.id}) }}" class="btn btn-sm btn-primary"><span class="fa fa-eye"></span></a>
                        <a href="{{ path('recurring_transaction_edit', {'id': recurring_transaction.id}) }}" class="btn btn-sm btn-warning"><span class="fa fa-edit"></span></a>
                    </td>
                    <td>
                        {{ include('recurring_transaction/_delete_form.html.twig') }}
                    </td>
                </tr>
            {% else %}
                <tr>
                    <td colspan="9">Aucune échéance trouvée</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}