{# @author: Benjamin AMOUZOU <benkokouamouzou@gmail.com> #}
{% extends 'exploitation/template-exploitation.html.twig'%}

{% block titre_enfant %}
	Planning hebdomadaire
{% endblock %}

{% block contenu_principal_exploitation %}
	<div class="container-fluid">
		{% include('template-message.html.twig') %}

		<div class="row">
			<div class="col-lg-12">
				<div style="display: flex; flex-direction: row; justify-content:space-between; align-items: center">
					<h5>Planning(s) hebdomadaire(s)&nbsp;&nbsp;<span class="badge btn-new" style="border-radius: 15px">{#{total}#}</span></h5>
					<a href="{{path('app_planning_hebdomadaire_new')}}" class="btn btn-sm btn-new mt-3">
						<i class="fa fa-plus-square-o fa-lg" color="white"></i>&nbsp;&nbsp;Nouveau
					</a>
				</div>
			</div>
			<div class="col-lg-12">
                <fieldset class="edit-border" style="border-radius: 3px;">
                    <legend class="col-form-label col-form-label-sm">Eléments de la recherche</legend>
                    <form method="post">
                        {% set anneeDepart = 2021 %}
                        <div class="row">
                            <div class="col-lg-3">
                                <label class="col-form-label col-form-label-sm">Annee:</label><br/>
                                <select class="custom-select custom-select-sm" id="partenaire" name="annee" required="required">
                                    <option selected="true" disabled="disabled" value="">Selectionnez une année</option>
                                    {% for annee in anneeCourante..anneeDepart %}
                                        <option value="{{annee}}">{{annee}}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="col-lg-3">
                            <label class="col-form-label col-form-label-sm">Mois:</label><br/>
                            <select class="custom-select custom-select-sm" id="ecocollecteur" name="mois" required="required">
                                <option selected="true" disabled="disabled" value="">Selectionnez un mois</option>
                                <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>
                        <div class="row">
                            <div class="col-lg-3">
                                <label class="col-form-label col-form-label-sm"></label><br/>
                                <button class="btn btn-new btn-sm mt-1">
                                    <i class="fa fa-eye fa-lg" color="white"></i>&nbsp;&nbsp;Visualiser</button>
                            </div>
                        </div>
                    </form>
                </fieldset>
			</div>
			<div class="col-lg-12 text-center mt-5">
                <label class="col-form-label col-form-label-sm alert alert-success">
                        <span>{{message}}</span> 
                </label>
			</div>
			<div class="col-lg-12 mt-3">
                {% if plannings is not empty %}
                    <div class="table-responsive">
                        {% for planning in plannings %}
                            <div class="text-right mb-2">   
                                <label class="col-form-label col-form-label-sm font-weight-bold">
                                        {{loop.index}} 
                                </label>
                            </div>
                            {% set nombre = 0 %}{# Utile pour le rowspan edit #}
                            {% set affiche = true %}
                            {% for journee in planning.journees %} 
                                {% set nombre = nombre + journee.operations|length %}
                            {% endfor %}
                            <table class="table table-bordered my-3">
                                <thead>
                                    <tr>
                                        <td class="font-weight-bold">Date</td>
                                        <td class="font-weight-bold">Opération</td>
                                        <td class="font-weight-bold">Heure</td>
                                        <td class="font-weight-bold">Fournisseurs</td>
                                        <td class="font-weight-bold">Statut</td>
                                        <td class="font-weight-bold">Commentaire</td>
                                        <td class="font-weight-bold">Nbre tours</td>
                                        <td class="font-weight-bold">Action</td>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for journee in planning.journees %} 
                                        {% for operation in journee.operations %}
                                            <tr>
                                                {% if loop.index == 1 %}
                                                    <td rowspan="{{journee.operations|length}}" style="vertical-align: center">{{journee.date|date('d/m/Y')}}</td>
                                                {% endif %}
                                                <td>{{operation.typeOperation.denomination}}</td>
                                                <td>{{operation.heureDebut|date('H:i')}} - {{operation.heureFin|date('H:i')}}</td>
                                                <td>
                                                    {% for fournisseur in operation.fournisseurs %} 
                                                        <span>{{fournisseur.denomination}}</span>{% if loop.index != loop.last %};{% endif %}
                                                    {% endfor %}
                                                    {% for informel in operation.informels %} 
                                                        <span>{{informel.denomination}}</span>{% if loop.index != loop.last %};{% endif %}
                                                    {% endfor %}
                                                </td>
                                                <td>
                                                    {% if operation.statut.denomination is defined %}
                                                        {% if operation.statut.denomination == 'Réalisé' %}
                                                            <i class="fa fa-check fa-2x text-success" title="Réalisé"><i/>
                                                        {% else %}
                                                            <i class="fa fa-times fa-2x text-danger" title="Annulé"><i/>
                                                        {% endif %}
                                                    {% else %}
                                                        {{'Néant'}}
                                                    {% endif %}
                                                </td>
                                                <td>{% if operation.commentaire is not empty %}{{operation.commentaire}}{% else %}{{'Néant'}}{% endif %}</td>
                                                <td>{{operation.nbreTour}}</td>
                                                {% if affiche %}
                                                    <td rowspan="{{nombre}}">
                                                        <a href="{{path('app_planning_hebdomadaire_edit', {'id': planning.id})}}" class="btn-edit" title="Editer">
                                                        <i class="fa fa-edit fa-lg"></i>&nbsp;&nbsp;</a>
                                                    </td>
                                                    {% set affiche = false %}
                                                {% endif %}
                                            </tr>
                                        {% endfor %}
                                    {% endfor %}
                                </tbody>
                            </table>
                        {% endfor %}
                    </div>
                {% else %}
                    <div class="text-center">
                        <span class="col-form-label col-form-label-sm">Aucun planning !</span>
                    </div>
                {% endif %}
			</div>
			<div
				class="row justify-content-center">{# <div class="col-lg-2">{{ knp_pagination_render(activites, 'template-paginator.html.twig') }}</div> #}
			</div>
		</div>
    </div>
{% endblock %}