{% extends "TdbBaseBundle::layout.html.twig" %}
{% form_theme newTransactionForm 'TdbBaseBundle:Form:fields.html.twig' %}
{% from "TdbBaseBundle::macros.html.twig" import userWidget %}

{% block title %}Tresorerie{% endblock %}

{% block body %}

    <div class="row">
        <div class="col-md-12">
            <div class="block-flat profile-info">
                <div class="row">
                    <div class="col-sm-7">
                        <div class="personal">
                            <h1 class="name">Année: {{ accountingYear.startDate | date('d/m/Y') }}
                                -
                                {% if accountingYear.endDate %}
                                    {{ accountingYear.endDate | date('d/m/Y') }}
                                {% else %}
                                    ...
                                {% endif %}
                            </h1>

                            <p class="description">
                            <h4>Trésorier :</h4>
                                {{ userWidget(accountingYear.accountant, 70) }}</p>
                        </div>
                    </div>
                    <div class="col-sm-3 col-sm-offset-1">
                        <div class="btn-group inline">
                            <button type="button" class="btn btn-rad btn-primary dropdown-toggle" data-toggle="dropdown"
                                    aria-expanded="false"> Changer d'année <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                {% for year in allAccountingYears %}
                                    <li>
                                        <a href="{{ path('_tdb_tresorerie_year', {'id': year.id}) }}">
                                            {{ year.startDate | date('d/m/Y') }} -
                                            {% if year.endDate %}
                                                {{ year.endDate | date('d/m/Y') }}
                                            {% else %}
                                                ...
                                            {% endif %}
                                        </a>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>

                        {% if is_granted('edit', accountingYear) %}
                            <div class="btn-group inline">
                                <button type="button" class="btn btn-rad btn-default dropdown-toggle" data-toggle="dropdown"
                                        aria-expanded="false"><i class="fas fa-cogs"></i> <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" role="menu">
                                    <li>
                                        <a href="{{ path('_tdb_tresorerie_account_new') }}"><i class="fas fa-plus"></i>
                                            Ajouter un compte</a>
                                    </li>
                                    {% if accountingYear.isEditable %}
                                        <li>
                                            <a href="javascript:;" class="md-trigger" data-target="#closingWarning"
                                               data-toggle="modal">
                                                <i class="fas fa-lock"></i> Clôturer les comptes <br/>&nbsp;&nbsp;&nbsp;&nbsp;de
                                                l'année
                                            </a>
                                        </li>
                                    {% endif %}
                                    <li>
                                        <a href="javascript:;" class="md-trigger" data-target="#newTag"
                                           data-toggle="modal">
                                            <i class="fas fa-tags"></i> Gérer les tags
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>

    {% for account in accounts %}
        {% include 'TVn7TresorerieBundle:Accounting:account.html.twig' with {'account': account, 'accountingYear': accountingYear} %}
    {% endfor %}

    <div class="modal fade" id="newTag" style="perspective: 1300px;">
        <div class="modal-dialog">
            <div class="md-content">
                {{ form_start(tagForm, {'attr': {'class': 'form-horizontal group-border-dashed'}}) }}
                <div class="modal-header">
                    <h3>Gestion des tags</h3>
                    <button type="button" class="close md-close" data-dismiss="modal" aria-hidden="true">×</button>
                </div>
                <div class="modal-body form form-horizontal group-border-dashed">
                    <p>Liste des tags existants :</p>
                    <ul>
                        {% for tag in tags %}
                            <li>{{ tag.name }}</li>
                        {% endfor %}
                    </ul>
                    <div class="form-group {% if tagForm.name.vars.errors |length > 0 %} has-error {% endif %}">
                        {{ form_label(tagForm.name, "Nom du nouveau tag :", {'label_attr': {'class':'col-sm-4 control-label'}}) }}
                        <div class="col-sm-5">
                            {{ form_widget(tagForm.name, {'attr': {'class': 'form-control'}}) }}
                            {{ form_errors(tagForm.name) }}
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-rad btn-rad btn-primary">Enregistrer</button>
                    <button type="button" class="btn btn-rad btn-default btn-flat md-close" data-dismiss="modal">Annuler
                    </button>
                </div>
                {{ form_end(tagForm) }}
            </div>
        </div>
    </div>

    <div class="modal colored-header danger fade" id="closingWarning" style="perspective: 1300px;">
        <div class="modal-dialog">
            <div class="md-content">
                {{ form_start(nextAccountantForm, {'attr': {'class': 'form-horizontal group-border-dashed'}}) }}

                <div class="modal-header">
                    <button type="button" class="close md-close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h3>Clôture des comptes : confirmation requise</h3>
                </div>
                <div class="modal-body">
                    <div class="text-center">
                        <h4>Attention!</h4>
                        <p>Vous vous apprêtez à clôturer les comptes pour l'année ayant commencée
                            le {{ accountingYear.startDate | date('d/m/Y') }}, aucune transaction ne pourra être
                            modifiée.</p>
                        <p>Veuillez choisir le nouveau trésorier: </p>
                        <div class="row">
                            <div class="col-sm-12">
                                {{ form_widget(nextAccountantForm.nextAccountant) }}
                            </div>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-rad btn-default btn-flat md-close" data-dismiss="modal">Annuler
                    </button>
                    <button type="submit" class="btn btn-rad btn-danger btn-flat">Valider</button>
                </div>
                {{ form_end(nextAccountantForm) }}
            </div>
        </div>
    </div>
    {% javascripts
    '@TVn7TresorerieBundle/Resources/public/js/transaction.js'
    filter="?closure" output='js/js_tdb_tresorerie.js' %}

    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
{% endblock %}