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

{% block title %}Comptabilité
{% endblock %}

{% block body %}
	<div class="row bg-white rounded p-3">
		<nav aria-label="breadcrumb">
			<ol class="breadcrumb">
				<li class="breadcrumb-item " aria-current="page">
					<a href="{{path('app_accueil')}}">
						<i class="fa fa-home"></i>
					</a>
				</li>
				<li class="breadcrumb-item" aria-current="page">
					<a href="{{path('app_administration_home')}}">Portail administration</a>
				</li>
				<li class="breadcrumb-item active" aria-current="page">Comptabilité</li>
			</ol>
		</nav>
		<h1>Comptabilité</h1>
        {{ form_start(form)}}
        <div class="row">
            <div class="col col-lg-6">{{ form_widget(form.mois) }}</div>
            <div class="col col-lg-3">{{ form_widget(form.annee) }}</div>
            <div class="col col-lg-3"><button class="btn btn-dark" type="submit">Rechercher</button></div>
		{{ form_end(form) }}
	</div>
    {% if result != '' %}
        <hr>
        <h3>Résultats de votre recherche pour: <b>{{ result }}</b></h3>
        {# <ul class="nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="toutes-tab" data-bs-toggle="tab" data-bs-target="#toutes" type="button" role="tab" aria-controls="toutes" aria-selected="true">Toutes</button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="intermittent-tab" data-bs-toggle="tab" data-bs-target="#intermittent" type="button" role="tab" aria-controls="intermittent" aria-selected="true">Intermittents</button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="societe-tab" data-bs-toggle="tab" data-bs-target="#societe" type="button" role="tab" aria-controls="societe" aria-selected="false">Société</button>
            </li>
        </ul>
        <div class="tab-content" id="myTabContent">
            <div class="tab-pane fade show active" id="toutes" role="tabpanel" aria-labelledby="toutes-tab">
                <br/> #}
                {% if factures|length > 0 %}
                     <form action="{{path('app_comptabilite_generate_zip')}}" method="post">
                        <table id="table" class="table table-striped">
                            <thead>
                                <tr>
                                    <th>Titre</th>
                                    <th>Date</th>
                                    <th>Type</th>
                                    <th><input type="checkbox" id="allFactures"> Toutes/Aucune</th>
                                </tr>
                            </thead>
                            <tbody>
                            {% for facture in factures %}
                                <tr>
                                    <td>{{ facture.titre }}</td>
                                    <td>{{ facture.date|date('d/m/Y')}}</td>
                                    <td>{% if facture.prestation is defined %}Société{% else %}Intermittent{% endif %}</td>
                                    <td>
                                        {% if facture.prestation is defined %}
                                            <input type="checkbox" name="societe-{{ facture.id }}" id="societe-{{ facture.id }}">
                                        {% else %}                          
                                            <input type="checkbox" name="intermittent-{{ facture.id }}" id="intermittent-{{ facture.id }}">
                                        {% endif %}
                                    </td>
                            </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                        <button class="btn btn-warning" type="submit">Générer ZIP</button>
                    </form>
                {% else %}
                    {% include 'app/noresult.html.twig' %}
                {% endif %}
            {# </div>
            <div class="tab-pane fade" id="intermittent" role="tabpanel" aria-labelledby="intermittent-tab">
                <br/>
                {% if facturesIntermittent|length > 0 %}
                    <table id="table" class="table table-striped">
                        <thead>
                            <tr>
                                <th>Titre</th>
                                <th>Date</th>
                                <th><input type="checkbox" id="allFacturesIntermittent"> Toutes/Aucune</th>
                            </tr>
                        </thead>
                        <tbody>
                        {% for facture in facturesIntermittent %}
                            <tr>
                                <td>{{ facture.titre }}</td>
                                <td>{{ facture.date|date('d/m/Y')}}</td>
                                <td><input type="checkbox" name="intermittent-{{ facture.id }}" id="societe-{{ facture.id }}"></td>
                         </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                {% else %}
                    {% include 'app/noresult.html.twig' %}
                {% endif %}
            </div>
            <div class="tab-pane fade" id="societe" role="tabpanel" aria-labelledby="societe-tab">
                <br/>
                {% if facturesSociete|length > 0 %}
                <form action="{{path('app_comptabilite_generate_zip')}}" method="post">
                    <table id="table" class="table table-striped">
                        <thead>
                            <tr>
                                <th>Titre</th>
                                <th>Date</th>
                                <th><input type="checkbox" id="allFacturesSociete"> Toutes/Aucune</th>
                            </tr>
                        </thead>
                        <tbody>
                        {% for facture in facturesSociete %}
                            <tr>
                                <td>{{ facture.titre }}</td>
                                <td>{{ facture.date|date('d/m/Y')}}</td>
                                <td><input type="checkbox" name="societe-{{ facture.id }}" id="societe-{{ facture.id }}"></td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                    <button class="btn btn-warning" type="submit">Générer ZIP</button>
                </form>
                {% else %}
                    {% include 'app/noresult.html.twig' %}
                {% endif %}
            </div> #}
        {# </div> #}
    {% endif %}
{% endblock %}
{% block javascripts %}
{% if result != '' %}
<script type="text/javascript">
$(document).ready(function () {
	$('#allFactures').click(function () {
		if ($('#allFactures').is(':checked')) {
            {% for facture in factures %}
                $('#societe-{{ facture.id }}').prop('checked', true);
                $('#intermittent-{{ facture.id }}').prop('checked', true);
            {% endfor %}
        } else {
            {% for facture in factures %}
                $('#societe-{{ facture.id }}').prop('checked', false);
                $('#intermittent-{{ facture.id }}').prop('checked', false);
            {% endfor %}
        }
    });
    {#$('#allFacturesSociete').click(function () {
		if ($('#allFacturesSociete').is(':checked')) {
            {% for facture in facturesSociete %}
                $('#societe-{{ facture.id }}').prop('checked', true);
            {% endfor %}
        } else {
            {% for facture in facturesSociete %}
                $('#societe-{{ facture.id }}').prop('checked', false);
            {% endfor %}
        }
    });
    $('#allFacturesIntermittent').click(function () {
		if ($('#allFacturesIntermittent').is(':checked')) {
            {% for facture in facturesSociete %}
                console.log("checked");
                $('#intermittent-{{ facture.id }}').prop('checked', true);
            {% endfor %}
        } else {
            {% for facture in facturesSociete %}
                console.log("not checked");
                $('#intermittent-{{ facture.id }}').prop('checked', false);
            {% endfor %}
        }
    });#}
});
</script>
{% endif %}
{% endblock %}