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

{% import 'macros/macro.html.twig' as macro %}

{% set nbArticle = 0 %}
{% for article in articlesLocation %}
    {% set nbArticle = nbArticle + 1 %}
{% endfor  %}

{% block title %}
    {{ parent() }}
    Agenda BE
{% endblock %}

{% block stylesheets %}
    {{ parent() }}

    <link rel="stylesheet" href="{{ asset('gant/jreset.css') }}">
    <link rel="stylesheet" href="{{ asset('gant/jquery.ganttView-202301023.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('salsa/SalsaCalendar.min.css') }}" media="all" />

{% endblock %}

{% block body %}
    {{ parent() }}


    <!-- Dynamic Table Full -->
    <div class="block">
        <div class="block-header block-header-default bg-gray" style="padding: 0 20px;">

            <div style="">
            <h4 class="font-w700" style="position: relative;margin-top: 1em">
                <select class="form-control" id="families-select" name="subfamilies-select" style="width: 350px;margin-right: 20px;margin-top: -6px;">
                    <option value="">Sélectionner une famille</option>
                    {% for family in families  %}
                        <option value="{{ family }}" {% if filterFamily and filterFamily == family %}selected{% endif %}>{{ family }}</option>
                    {% endfor  %}
                </select>
            </h4>

            <h4 class="font-w700" style="position: relative;">
                <select class="form-control" id="subfamilies-select" name="subfamilies-select" style="width: 350px;margin-right: 20px;margin-top: -6px;">
                    <option value="">Sélectionner une sous-famille</option>
                    {% for subFamily in subFamilies  %}
                        <option value="{{ subFamily.id }}" {% if filterSubFamily and filterSubFamily == subFamily.id %}selected{% endif %}>{{ subFamily.name }}</option>
                    {% endfor  %}
                </select>
            </h4>

            <h4 class="font-w700" style="position: relative;">
                <select class="form-control" id="deals-select" name="deals-select" style="width: 350px;margin-right: 20px;margin-top: -6px;">
                    <option value="">Sélectionner une affaire</option>
                    {% for deal in deals  %}
                        <option value="{{ deal.id }}" {% if filterDeal and filterDeal == deal.id %}selected{% endif %}>{{ deal.caption }} - {{ deal.id }}</option>
                    {% endfor  %}
                </select>
            </h4>
            </div>

            <h4 class="font-w700">
                {{ nbArticle }} articles
            </h4>
            <div>
                <i class="fa fa-truck" style="cursor: pointer" title="Affiché quand reprise de colis TNT"></i>
                <span class="badge badge-primary" style="font-size: 14px; background-color: lightgreen">Article disponible</span>
                <span class="badge badge-primary" style="font-size: 14px">Loc en cours</span>
                <span class="badge badge-info" style="font-size: 14px">Prêt</span>
                <span class="badge badge-danger" style="font-size: 14px">Réparation <i class="fa fa-wrench" style="cursor: pointer" title=" Affiché quand un article est en réparation"></i></span>
                <span class="badge badge-success" style="font-size: 14px">Calibration <i class="fa fa-cogs" style="cursor: pointer" title="Affiché quand un article est en calibration"></i></span>
                <span class="badge" style="font-size: 14px;background-color: #9370DB;color: white">Réservé</span>
                <span class="badge" style="font-size: 14px;background-color: #9E9E9E;color: white">Annulé</span>
            </div>
            <br>
        </div>
        <div class="block-content block-content-full">
            <div id="ganttChart"></div>
        </div>

    </div>
    <!-- END Dynamic Table Full -->

    <button type="button" id="btn-modal-article" class="btn" data-toggle="modal" data-target="#modal-large" style="display: none"></button>
{% endblock %}

{% block modal %}
    <div class="modal" id="modal-large" tabindex="-1" role="dialog" aria-labelledby="modal-large" style="display: none;" aria-hiden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <form action="be_forms_elements_bootstrap.html" method="post" onsubmit="return false;">
                    <div class="block block-themed mb-0 bg-gray-lighter">
                        <div class="block-header">
                            <h3 class="block-title" style="font-size: 20px" id="title-modal-update"></h3>
                            <div class="block-options">
                                <button type="button" class="btn-block-option" data-dismiss="modal" aria-label="Close">
                                    <i class="si si-close"></i>
                                </button>
                            </div>
                        </div>

                        <div class="row" style="margin: 0; margin-top: 10px;">
                            <div class="col-md-6" id="row-block-article">
                                <div class="block block-rounded">
                                    <div class="block-header bg-primary-light">
                                        <h3 class="block-title text-white">Article : <span id="title-popup-article"></span></h3>
                                    </div>
                                    <div class="block-content">
                                        <input type="text" id="location-article-id" style="display: none">
                                        <input type="text" id="update-article-url" value="" style="display: none">
                                        <input type="text" id="update-article-redirect" value="{{ path('location_agenda') }}" style="display: none">
                                        {% if user.isAdmin or user.getUsername == 'ysaussier' %}
                                            <div class="form-group row">
                                                <label class="col-12">Disponible à la location</label>
                                                <div class="col-12">
                                                    <div class="custom-control custom-radio custom-control-inline mb-5">
                                                        <input class="custom-control-input" type="radio" name="location-available" id="location-available-true" value="1" checked="">
                                                        <label class="custom-control-label" for="location-available-true">Oui</label>
                                                    </div>
                                                    <div class="custom-control custom-radio custom-control-inline mb-5">
                                                        <input class="custom-control-input" type="radio" name="location-available" id="location-available-false" value="0">
                                                        <label class="custom-control-label" for="location-available-false">Non</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label class="col-12">Article en maintenance</label>
                                                <div class="col-12">
                                                    <div class="custom-control custom-radio custom-control-inline mb-5">
                                                        <input class="custom-control-input" type="radio" name="location-maintenance" id="location-maintenance-true" value="1" checked="">
                                                        <label class="custom-control-label" for="location-maintenance-true">Oui</label>
                                                    </div>
                                                    <div class="custom-control custom-radio custom-control-inline mb-5">
                                                        <input class="custom-control-input" type="radio" name="location-maintenance" id="location-maintenance-false" value="0">
                                                        <label class="custom-control-label" for="location-maintenance-false">Non</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <label class="col-12">Article en réparation</label>
                                                <div class="col-12">
                                                    <div class="custom-control custom-radio custom-control-inline mb-5">
                                                        <input class="custom-control-input" type="radio" name="location-reparation" id="location-reparation-true" value="1" checked="">
                                                        <label class="custom-control-label" for="location-reparation-true">Oui</label>
                                                    </div>
                                                    <div class="custom-control custom-radio custom-control-inline mb-5">
                                                        <input class="custom-control-input" type="radio" name="location-reparation" id="location-reparation-false" value="0">
                                                        <label class="custom-control-label" for="location-reparation-false">Non</label>
                                                    </div>
                                                </div>
                                            </div>
                                        {% endif %}
                                        <div class="form-group row">
                                            <label class="col-12">Reservé</label>
                                            <div class="col-12">
                                                <div class="custom-control custom-radio custom-control-inline mb-5">
                                                    <input class="custom-control-input" type="radio" name="location-reserved" id="location-reserved-true" value="1" checked="">
                                                    <label class="custom-control-label" for="location-reserved-true">Oui</label>
                                                </div>
                                                <div class="custom-control custom-radio custom-control-inline mb-5">
                                                    <input class="custom-control-input" type="radio" name="location-reserved" id="location-reserved-false" value="0">
                                                    <label class="custom-control-label" for="location-reserved-false">Non</label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-12" for="example-text-input-valid">Date de début de location souhaité</label>
                                            <div class="col-6" style="display: inline-flex">
                                                <input type="text"
                                                       id="date-reserved-start-location"
                                                       class="form-control salsa-calendar-input"
                                                       autocomplete="off"
                                                       name="arrival"
                                                       value="" style="width: 150px;margin-right:15px">
                                                <button type="button" class="btn btn-secondary" id="btn-date-start-location-clear" style="pading: 8px 8px;">VIDER</button>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-12" for="example-text-input-valid">Date de fin de location souhaité</label>
                                            <div class="col-6" style="display: inline-flex">
                                                <input type="text"
                                                       id="date-reserved-end-location"
                                                       class="form-control salsa-calendar-input"
                                                       autocomplete="off"
                                                       name="arrival"
                                                       value="" style="width: 150px;margin-right:15px">
                                                <button type="button" class="btn btn-secondary" id="btn-date-end-location-clear" style="pading: 8px 8px;">VIDER</button>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-12">commentaire</label>
                                            <div class="col-12">
                                                <input type="text" class="form-control" id="article-commentaire"></input>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6" id="row-block-bl">
                                <div class="block block-rounded">
                                    <div class="block-header bg-primary-light">
                                        <h3 class="block-title text-white">Bon de livraison : <span id="title-popup-bl"></span></h3>
                                    </div>
                                    <div class="block-content">
                                        <input type="text" id="sdl-id" style="display: none">
                                        <div class="form-group row">
                                            <label class="col-12" for="example-text-input-valid">Date de début de location</label>
                                            <div class="col-6" style="display: inline-flex">
                                                <input type="text"
                                                       id="date-bl-start"
                                                       class="form-control salsa-calendar-input"
                                                       autocomplete="off"
                                                       name="arrival"
                                                       value="" style="width: 150px;margin-right:15px">
                                                <button type="button" class="btn btn-secondary" id="btn-bl-date-start-clear" style="pading: 8px 8px;">VIDER</button>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-12" for="example-text-input-valid">Date de fin de location</label>
                                            <div class="col-6" style="display: inline-flex">
                                                <input type="text"
                                                       id="date-bl-end"
                                                       class="form-control salsa-calendar-input"
                                                       autocomplete="off"
                                                       name="arrival"
                                                       value="" style="width: 150px;margin-right:15px">
                                                <button type="button" class="btn btn-secondary" id="btn-bl-date-end-clear" style="pading: 8px 8px;">VIDER</button>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label class="col-12" for="example-text-input-valid">Date de réception</label>
                                            <div class="col-6" style="display: inline-flex">
                                                <input readonly type="text" id="date-bl-reception" class="form-control" value="" style="width: 150px;margin-right:15px">
                                           </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer bg-gray-lighter">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
                        <button type="button" class="btn btn-primary" onclick="updateArticle()" id="btn-update-article">
                            <i class="fa fa-check"></i> Mettre à jour dans EBP
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
{% endblock  %}

{% block javascripts %}
    {{ parent() }}

    <script src="{{ asset('gant/jquery-1.4.2.js') }}"></script>
    <script src="{{ asset('gant/date.js') }}"></script>
    <script src="{{ asset('gant/jquery-ui-1.8.4.js') }}"></script>
    <script src="{{ asset('gant/jquery.ganttView-202301023.js') }}"></script>

    <script type="text/javascript">

        var ganttData = [

            {% set subFamilyName =  ""  %}

            {% for article in articlesLocation  %}

                {% set loopArticle = loop.index %}


                {% set dateStartReserved = "" %}
                {% set dateEndReserved = "" %}
                {% set etiquetteReserved =  "" %}
                {% set titleReserved = "" %}


                {% set blFirstId = "" %}
                {% set sdlFirstId = "" %}
                {% set blFirstDateStart = "" %}
                {% set blFirstDateEnd = "" %}
                {% set blFirstReceptionAt = "" %}
                {% set blFirstDateStartU = "" %}
                {% set blFirstDateEndU = "" %}
                {% set blFirstTransport = "" %}
                {% set blFirstFactured = "" %}

                {% set blSecond = 0 %}
                {% set blSecondId = "" %}
                {% set sdlSecondId = "" %}
                {% set blSecondColor = "" %}
                {% set blSecondateStart = "2019,01,01" %}
                {% set blSecondateEnd = "2019,01,01" %}
                {% set blSecondReceptionAt = "" %}
                {% set blSecondateStartU = "" %}
                {% set blSecondateEndU = "" %}
                {% set blSecondEtiquette = "" %}
                {% set blSecondTitle = "" %}
                {% set blSecondClient = "" %}
                {% set blSecondTransport = "" %}
                {% set blSecondFactured = "" %}

                {% set blThree = 0 %}
                {% set blThreeId = "" %}
                {% set sdlThreeId = "" %}
                {% set blThreeColor = "" %}
                {% set blThreeDateStart = "2019,01,01" %}
                {% set blThreeDateEnd = "2019,01,01" %}
                {% set blThreeReceptionAt = "" %}
                {% set blThreeDateStartU = "" %}
                {% set blThreeDateEndU = "" %}
                {% set blThreeEtiquette = "" %}
                {% set blThreeTitle = "" %}
                {% set blThreeClient = "" %}
                {% set blThreeTransport = "" %}
                {% set blThreeFactured = "" %}

                {% set blFour = 0 %}
                {% set blFourId = "" %}
                {% set sdlFourId = "" %}
                {% set blFourColor = "" %}
                {% set blFourDateStart = "2019,01,01" %}
                {% set blFourDateEnd = "2019,01,01" %}
                {% set blFourDateStartU = "" %}
                {% set blFourDateEndU = "" %}
                {% set blFourEtiquette = "" %}
                {% set blFourTitle = "" %}
                {% set blFourClient = "" %}
                {% set blFourTransport = "" %}
                {% set blFourFactured = "" %}

                {% set name = article.id ~ ' ' ~ article.lastReplocCode %}

                {% set available =  0  %}
                {% if article.availableLocation %}
                    {% set available = 1 %}
                {% endif %}

                {% set reserved =  0  %}
                {% if article.isReserved %}
                    {% set reserved = 1 %}
                {% endif %}

                {% set maintenance =  0  %}

                {% set reparation =  0  %}
                {% if article.isReparation %}
                    {% set reparation = 1 %}
                {% endif %}

                {% set calibration =  0  %}
                {% if article.isCalibration %}
                    {% set calibration = 1 %}
                {% endif %}

                {% set reservedStartLocation =  ''  %}
                {% if article.reservedStartLocationAt %}
                    {% set reservedStartLocation = article.reservedStartLocationAt|date('d/m/Y') %}
                {% endif %}

                {% set reservedEndLocation =  ''  %}
                {% if article.reservedEndLocationAt %}
                    {% set reservedEndLocation = article.reservedEndLocationAt|date('d/m/Y') %}
                {% endif %}

                {% set bonLivraisonFirst = null %}
                {% set bonLivraisonSecond = null %}
                {% set bonLivraisonThree = null %}
                {% set bonLivraisonFour = null %}
                {% set garantie =  0  %}
                {% set pret =  0  %}

                {% if article.isReserved %}

                    {% set color = "#9370DB" %}

                    {% set etiquetteReservedText = "Réservé" %}
                    {% if article.isReserved %}
                        {% set etiquetteReservedText = article.commentaire %}
                    {% endif %}

                    {% set dateNowPlus45days =  "now"|date_modify("+45 day")  %}

                    {% if article.reservedStartLocationAt and article.reservedEndLocationAt %}

                        {% if date(dateNowPlus45days) < date(article.reservedStartLocationAt) %}
                            {% set dateNowPlus38days =  "now"|date_modify("+38 day")  %}
                            {% set dateStartReservation =  dateNowPlus38days  %}
                            {% set dateStartReserved = dateStartReservation|date('Y') ~ "," ~ macro.monthGant(dateStartReservation|date('m')) ~ "," ~ dateStartReservation|date('d') %}

                            {% set dateEndReservation =  dateNowPlus45days  %}
                            {% set dateEndReserved = dateEndReservation|date('Y') ~ "," ~ macro.monthGant(dateEndReservation|date('m')) ~ "," ~ dateEndReservation|date('d') %}

                            {% set etiquetteReserved = "//// " ~ etiquetteReservedText %}
                            {% set titleReserved =  article.id ~ " - Réservé du " ~ article.reservedStartLocationAt|date('d/m/Y')  ~ " au " ~ article.reservedEndLocationAt|date('d/m/Y') %}

                        {% else %}
                            {% set dateStartReserved = article.reservedStartLocationAt|date('Y') ~ "," ~ macro.monthGant(article.reservedStartLocationAt|date('m')) ~ "," ~ article.reservedStartLocationAt|date('d') %}
                            {% set dateEndReserved =   article.reservedEndLocationAt|date('Y') ~ "," ~ macro.monthGant(article.reservedEndLocationAt|date('m')) ~ "," ~ article.reservedEndLocationAt|date('d') %}
                            {% set etiquetteReserved = etiquetteReservedText %}
                            {% set titleReserved =  article.id ~ " - Réservé du " ~ article.reservedStartLocationAt|date('d/m/Y')  ~ " au " ~ article.reservedEndLocationAt|date('d/m/Y') %}
                        {% endif %}

                    {% elseif article.reservedStartLocationAt and not article.reservedEndLocationAt %}

                        {% if date(dateNowPlus45days) < date(article.reservedStartLocationAt) %}
                            {% set dateNowPlus38days =  "now"|date_modify("+38 day")  %}
                            {% set dateStartReservation =  dateNowPlus38days  %}
                            {% set dateStartReserved = dateStartReservation|date('Y') ~ "," ~ macro.monthGant(dateStartReservation|date('m')) ~ "," ~ dateStartReservation|date('d') %}

                            {% set dateEndReservation =  dateNowPlus45days  %}
                            {% set dateEndReserved = dateEndReservation|date('Y') ~ "," ~ macro.monthGant(dateEndReservation|date('m')) ~ "," ~ dateEndReservation|date('d') %}

                            {% set etiquetteReserved = "//// " ~ etiquetteReservedText %}
                             {% set titleReserved =  article.id ~ " - Réservé à partir " ~ article.reservedStartLocationAt|date('d/m/Y')%}
                        {% else %}

                            {% set dateStartReserved = article.reservedStartLocationAt|date('Y') ~ "," ~ macro.monthGant(article.reservedStartLocationAt|date('m')) ~ "," ~ article.reservedStartLocationAt|date('d') %}
                            {% set dateEndReservedTemp = article.reservedStartLocationAt|date_modify("+10 day") %}
                            {% set dateEndReserved = dateEndReservedTemp|date('Y') ~ "," ~ macro.monthGant(dateEndReservedTemp|date('m')) ~ "," ~ dateEndReservedTemp|date('d') %}
                            {% set etiquetteReserved = etiquetteReservedText %}
                            {% set titleReserved =  article.id ~ " - Réservé à partir " ~ article.reservedStartLocationAt|date('d/m/Y') %}
                        {% endif %}

                    {% else %}
                        {% set etiquetteReserved = etiquetteReservedText %}
                        {% set titleReserved = article.id ~ " - pas de date de réservation" %}
                    {% endif %}

                {% endif %}

                {% if article.getBonsLivraison() %}

                    {#On initialise les 4 potentiels bons de livraison#}
                    {% for bonLivraison in article.getBonsLivraison() %}
                        {% if loop.index == 1 %}
                            {% set bonLivraisonFirst = bonLivraison %}
                        {% endif %}
                        {% if loop.index == 2 %}
                            {% set bonLivraisonSecond = bonLivraison %}
                        {% endif %}
                        {% if loop.index == 3 %}
                            {% set bonLivraisonThree = bonLivraison %}
                        {% endif %}
                        {% if loop.index == 4 %}
                            {% set bonLivraisonFour = bonLivraison %}
                        {% endif %}

                        {#Si un des article dans un bon de livraison est en pret
                          On initialise la variables #}
                        {% if bonLivraison.isDealSecteurPret %}
                            {% set pret = 1 %}
                        {% endif %}
                    {% endfor %}


                    {% set id = bonLivraisonFirst.documentNumber %}
                    {% set sdlFirstId = bonLivraisonFirst.sdlId %}
                    {% set client = bonLivraisonFirst.customerName %}
                    {% set status = bonLivraisonFirst.dealStatus %}
                    {% set color = macro.colorAgendaBl(bonLivraisonFirst) %}

                    {% if bonLivraisonFirst.transport %}
                        {% set blFirstTransport = bonLivraisonFirst.transport %}
                    {% endif %}

                    {% if bonLivraisonFirst.transferedDocumentId %}
                        {% set blFirstFactured = "1" %}
                    {% endif %}

                    {% set display = 1  %}

                    {# On affiche la ligne pour les articles reservé avec date de debut et fin de location souhaité #}
                    {% if article.isReserved and article.reservedStartLocationAt and article.reservedEndLocationAt %}
                        {% set display = 1 %}
                    {% endif %}


                    {% set blFirstId = bonLivraisonFirst.documentNumber %}

                    {% if bonLivraisonFirst.startLocationAt %}
                        {% set blFirstDateStartU = bonLivraisonFirst.startLocationAt|date('d/m/Y') %}
                        {% set blFirstDateStart = bonLivraisonFirst.startLocationAt|date('Y') ~ "," ~ macro.monthGant(bonLivraisonFirst.startLocationAt|date('m')) ~ "," ~ bonLivraisonFirst.startLocationAt|date('d') %}
                    {% endif %}

                    {% if bonLivraisonFirst.endLocationAt %}
                        {% set blFirstDateEndU = bonLivraisonFirst.endLocationAt|date('d/m/Y')%}
                        {% set blFirstDateEnd = bonLivraisonFirst.endLocationAt|date('Y') ~ "," ~ macro.monthGant(bonLivraisonFirst.endLocationAt|date('m')) ~ "," ~ bonLivraisonFirst.endLocationAt|date('d') %}
                    {% endif %}

                    {% if bonLivraisonFirst.receptionAt %}
                        {% set blFirstReceptionAt = bonLivraisonFirst.receptionAt|date('d/m/Y') %}
                    {% endif %}

                    {% if bonLivraisonFirst.startLocationAt and bonLivraisonFirst.endLocationAt %}
                        {% set dateStart =  bonLivraisonFirst.startLocationAt  %}
                        {% set dateEnd =  bonLivraisonFirst.endLocationAt  %}

                        {% set title = id ~ " - " ~ article.id ~ " - " ~ bonLivraisonFirst.dealStatus ~ " - du " ~ dateStart|date('d/m/Y') ~ " au " ~ dateEnd|date('d/m/Y') %}

                        {% set dateNowMinus45days =  "now"|date_modify("-25 day")  %}
                        {% if date(dateNowMinus45days) > date(dateStart) %}
                            {% set dateStart =  dateNowMinus45days  %}
                            {% set etiquette =  "....... " ~ client  %}
                        {% else %}
                            {% set etiquette =  client  %}
                        {% endif %}

                    {% elseif not bonLivraisonFirst.startLocationAt %}
                        {% set dateStart =  "now"|date_modify("-25 day")  %}
                        {% set dateEnd =  bonLivraisonFirst.endLocationAt  %}
                        {% set title = id ~ " - " ~ article.id ~ " - " ~ bonLivraisonFirst.dealStatus ~ " - jusqu au " ~ dateEnd|date('d/m/Y') %}

                        {% set dateNowPlus45days =  "now"|date_modify("+45 day")  %}
                        {% if date(dateNowPlus45days) > date(dateEnd) %}
                            {% set dateEnd =  dateNowPlus45days  %}
                            {% set etiquette = "....... " ~ client ~ "....... " %}
                        {% else %}
                            {% set etiquette =  "....... " ~ client  %}
                        {% endif %}

                    {% elseif not bonLivraisonFirst.endLocationAt %}

                        {% set dateStart =  bonLivraisonFirst.startLocationAt  %}
                        {% set dateEnd =  "now"|date_modify("+45 day")  %}
                        {% set title = id ~ " - " ~ article.id ~ " - " ~ bonLivraisonFirst.dealStatus ~ " - à partir du " ~ dateStart|date('d/m/Y')%}

                        {% set dateNowMinus45days =  "now"|date_modify("-25 day")  %}
                        {% if date(dateNowMinus45days) > date(dateStart) %}
                            {% set dateStart =  dateNowMinus45days  %}
                            {% set etiquette = "....... " ~ client ~ "....... " %}
                        {% else %}
                            {% set etiquette =  client  ~ " ......." %}
                        {% endif %}

                    {% endif %}

                    {% if not bonLivraisonFirst.startLocationAt and not bonLivraisonFirst.endLocationAt %}
                        {% set title = id ~ " - " ~ article.id ~ " - " ~ bonLivraisonFirst.dealStatus ~ " -  aucune date de début et fin" %}
                    {% endif %}

                    {% if bonLivraisonSecond %}

                        {% set blSecondId = bonLivraisonSecond.documentNumber %}
                        {% set sdlSecondId = bonLivraisonSecond.sdlId %}
                        {% set blSecondColor = macro.colorAgendaBl(bonLivraisonSecond) %}
                        {% set blSecondClient = bonLivraisonSecond.customerName %}

                        {% if bonLivraisonSecond.transport %}
                            {% set blSecondTransport = bonLivraisonSecond.transport %}
                        {% endif %}

                        {% if bonLivraisonSecond.transferedDocumentId %}
                            {% set blSecondFactured = "1" %}
                        {% endif %}

                        {% set blSecond = 1 %}

                        {% if bonLivraisonSecond.startLocationAt and bonLivraisonSecond.endLocationAt %}

                            {% set blSecondateStartU = bonLivraisonSecond.startLocationAt|date('d/m/Y') %}
                            {% set blSecondateEndU = bonLivraisonSecond.endLocationAt|date('d/m/Y') %}
                            {% set blSecondateStart = bonLivraisonSecond.startLocationAt|date('Y') ~ "," ~ macro.monthGant(bonLivraisonSecond.startLocationAt|date('m')) ~ "," ~ bonLivraisonSecond.startLocationAt|date('d') %}
                            {% set blSecondateEnd = bonLivraisonSecond.endLocationAt|date('Y') ~ "," ~ macro.monthGant(bonLivraisonSecond.endLocationAt|date('m')) ~ "," ~ bonLivraisonSecond.endLocationAt|date('d') %}
                            {% set blSecondTitle = blSecondId ~ " - " ~ article.id ~ " - " ~ bonLivraisonSecond.dealStatus ~ " - du " ~ bonLivraisonSecond.startLocationAt|date('d/m/Y') ~ " au " ~ bonLivraisonSecond.endLocationAt|date('d/m/Y') %}

                        {% elseif not bonLivraisonSecond.startLocationAt %}

                            {% set blSeconds =  "now"|date_modify("-25 day")  %}
                            {% set blSeconde =  bonLivraisonSecond.endLocationAt  %}
                            {% set blSecondTitle = blSecondId ~ " - " ~ article.id ~ " - " ~ bonLivraisonSecond.dealStatus ~ " - jusqu au " ~ blSeconde|date('d/m/Y') %}

                            {% set dateNowPlus45days =  "now"|date_modify("+45 day")  %}
                            {% if date(dateNowPlus45days) > date(blSeconde) %}
                                {% set blSeconde =  dateNowPlus45days  %}
                                {% set blSecondClient = "....... " ~ blSecondClient ~ "....... " %}
                            {% else %}
                                {% set blSecondClient =  "....... " ~ blSecondClient  %}
                            {% endif %}

                            {% set blSecondateStartU = blSeconds|date('d/m/Y') %}
                            {% set blSecondateEndU = blSeconde|date('d/m/Y') %}
                            {% set blSecondateStart = blSeconds|date('Y') ~ "," ~ macro.monthGant(blSeconds|date('m')) ~ "," ~ blSeconds|date('d') %}
                            {% set blSecondateEnd = blSeconde|date('Y') ~ "," ~ macro.monthGant(blSeconde|date('m')) ~ "," ~ blSeconde|date('d') %}
                        {% elseif not bonLivraisonSecond.endLocationAt %}

                            {% set blSeconds =  bonLivraisonSecond.startLocationAt  %}
                            {% set blSeconde =  "now"|date_modify("+45 day")  %}
                            {% set blSecondTitle = blSecondId ~ " - " ~ article.id ~ " - " ~ bonLivraisonSecond.dealStatus ~ " - à partir du " ~ blSeconds|date('d/m/Y') %}

                            {% set dateNowMinus45days =  "now"|date_modify("-25 day")  %}
                            {% if date(dateNowMinus45days) > date(blSeconds) %}
                                {% set blSeconds =  dateNowMinus45days  %}
                                {% set blSecondClient = "....... " ~ blSecondClient ~ "....... " %}
                            {% else %}
                                {% set blSecondClient =  blSecondClient  ~ " ......." %}
                            {% endif %}

                            {% set blSecondateStartU = blSeconds|date('d/m/Y') %}
                            {% set blSecondateEndU = blSeconde|date('d/m/Y') %}
                            {% set blSecondateStart = blSeconds|date('Y') ~ "," ~ macro.monthGant(blSeconds|date('m')) ~ "," ~ blSeconds|date('d') %}
                            {% set blSecondateEnd = blSeconde|date('Y') ~ "," ~ macro.monthGant(blSeconde|date('m')) ~ "," ~ blSeconde|date('d') %}

                        {% endif %}

                        {% if bonLivraisonSecond.receptionAt %}
                            {% set blSecondReceptionAt = bonLivraisonSecond.receptionAt|date('d/m/Y') %}
                        {% endif %}

                    {% endif %}

                    {% if bonLivraisonThree %}

                        {% set blThreeId = bonLivraisonThree.documentNumber %}
                        {% set sdlThreeId = bonLivraisonThree.sdlId %}
                        {% set blThreeColor = macro.colorAgendaBl(bonLivraisonThree) %}
                        {% set blThreeClient = bonLivraisonThree.customerName %}

                        {% if bonLivraisonThree.transport %}
                            {% set blThreeTransport = bonLivraisonThree.transport %}
                        {% endif %}

                        {% if bonLivraisonThree.transferedDocumentId %}
                            {% set blThreeFactured = "1" %}
                        {% endif %}

                        {% set blThree = 1 %}

                        {% if bonLivraisonThree.startLocationAt and bonLivraisonThree.endLocationAt %}

                            {% set blThreeDateStartU = bonLivraisonThree.startLocationAt|date('d/m/Y') %}
                            {% set blThreeDateEndU = bonLivraisonThree.endLocationAt|date('d/m/Y') %}
                            {% set blThreeDateStart = bonLivraisonThree.startLocationAt|date('Y') ~ "," ~ macro.monthGant(bonLivraisonThree.startLocationAt|date('m')) ~ "," ~ bonLivraisonThree.startLocationAt|date('d') %}
                            {% set blThreeDateEnd = bonLivraisonThree.endLocationAt|date('Y') ~ "," ~ macro.monthGant(bonLivraisonThree.endLocationAt|date('m')) ~ "," ~ bonLivraisonThree.endLocationAt|date('d') %}
                            {% set blThreeTitle = blThreeId ~ " - " ~ article.id ~ " - " ~ bonLivraisonThree.dealStatus ~ " - du " ~ bonLivraisonThree.startLocationAt|date('d/m/Y') ~ " au " ~ bonLivraisonThree.endLocationAt|date('d/m/Y') %}

                        {% elseif not bonLivraisonThree.startLocationAt %}

                            {% set blThreeDs =  "now"|date_modify("-25 day")  %}
                            {% set blThreeDe =  bonLivraisonThree.endLocationAt  %}
                            {% set blThreeTitle = id ~ " - " ~ article.id ~ " - " ~ bonLivraisonThree.dealStatus ~ " - jusqu au " ~ blThreeDe|date('d/m/Y') %}

                            {% set dateNowPlus45days =  "now"|date_modify("+45 day")  %}
                            {% if date(dateNowPlus45days) > date(blThreeDe) %}
                                {% set blThreeDe =  dateNowPlus45days  %}
                                {% set blThreeClient = "....... " ~ blThreeClient ~ "....... " %}
                            {% else %}
                                {% set blThreeClient =  "....... " ~ blThreeClient  %}
                            {% endif %}

                            {% set blThreeDateStartU = blThreeDs|date('d/m/Y') %}
                            {% set blThreeDateEndU = blThreeDe|date('d/m/Y') %}
                            {% set blThreeDateStart = blThreeDs|date('Y') ~ "," ~ macro.monthGant(blThreeDs|date('m')) ~ "," ~ blThreeDs|date('d') %}
                            {% set blThreeDateEnd = blThreeDe|date('Y') ~ "," ~ macro.monthGant(blThreeDe|date('m')) ~ "," ~ blThreeDe|date('d') %}

                        {% elseif not bonLivraisonThree.endLocationAt %}

                            {% set blThreeDs =  bonLivraisonThree.startLocationAt  %}
                            {% set blThreeDe =  "now"|date_modify("+45 day")  %}
                            {% set blThreeTitle = blThreeId ~ " - " ~ article.id ~ " - " ~ bonLivraisonThree.dealStatus ~ " - à partir du " ~ blThreeDs|date('d/m/Y') %}

                            {% set dateNowMinus45days =  "now"|date_modify("-25 day")  %}
                            {% if date(dateNowMinus45days) > date(blThreeDs) %}
                                {% set blThreeDs =  dateNowMinus45days  %}
                                {% set blThreeClient = "....... " ~ blThreeClient ~ "....... " %}
                            {% else %}
                                {% set blThreeClient =  blThreeClient  ~ " ......." %}
                            {% endif %}

                            {% set blThreeDateStartU = blThreeDs|date('d/m/Y') %}
                            {% set blThreeDateEndU = blThreeDe|date('d/m/Y') %}
                            {% set blThreeDateStart = blThreeDs|date('Y') ~ "," ~ macro.monthGant(blThreeDs|date('m')) ~ "," ~ blThreeDs|date('d') %}
                            {% set blThreeDateEnd = blThreeDe|date('Y') ~ "," ~ macro.monthGant(blThreeDe|date('m')) ~ "," ~ blThreeDe|date('d') %}

                        {% endif %}

                        {% if bonLivraisonThree.receptionAt %}
                            {% set blThreeReceptionAt = bonLivraisonThree.receptionAt|date('d/m/Y') %}
                        {% endif %}

                    {% endif %}

                {% else %}
                    {% set display = 0  %}
                    {% set id = 0  %}
                    {% set status = 0  %}
                    {% set color = 0  %}
                    {% set etiquette =  ""  %}
                    {% set title =  ""  %}
                    {% set dateStart =  "now"  %}
                    {% set dateEnd =  "now"|date_modify("+1 day")  %}
                {% endif %}

                {% set start = dateStart|date('Y') ~ "," ~ macro.monthGant(dateStart|date('m')) ~ "," ~ dateStart|date('d') %}
                {% set end = dateEnd|date('Y') ~ "," ~ macro.monthGant(dateEnd|date('m')) ~ "," ~ dateEnd|date('d') %}


                {% if subFamilyName != article.subFamilyName %}
                {% if loop.index != 1 %}
                ]
                },
                {% endif %}
                {
                    id: {{ loop.index }}, name: "{{ article.getCaption }}", series: [
                    { name: "{{ name }}", a:{{ available }}, r:{{ reserved }}, main:{{ maintenance }}, repa:{{ reparation }}, cali:{{ calibration }}, pret:{{ pret }}, dl:"{{ reservedStartLocation }}", fl:"{{ reservedEndLocation }}", e:"{{ etiquette }}", d:{{ display }}, rds: new Date({{ dateStartReserved }}), rde: new Date({{ dateEndReserved }}), re:"{{ etiquetteReserved }}", rt:"{{ titleReserved }}", blfid: "{{ blFirstId }}", sdlfid: "{{ sdlFirstId }}", blfsu: "{{ blFirstDateStartU }}", blfeu: "{{ blFirstDateEndU }}", blfs: new Date({{ blFirstDateStart }}), blfe: new Date({{ blFirstDateEnd }}), blfr: "{{ blFirstReceptionAt }}", blft:"{{ blFirstTransport }}", blff:"{{ blFirstFactured }}", bls:{{ blSecond }}, blsid: "{{ blSecondId }}", sdlsid: "{{ sdlSecondId }}", blsti: "{{ blSecondTitle }}", blssu: "{{ blSecondateStartU }}", blseu: "{{ blSecondateEndU }}", blss: new Date({{ blSecondateStart }}), blse: new Date({{ blSecondateEnd }}), blsr: "{{ blSecondReceptionAt }}", blsc:"{{ blSecondColor }}", blst:"{{ blSecondTransport }}", blsf:"{{ blSecondFactured }}", blscl:"{{ blSecondClient }}", bltid: "{{ blThreeId }}", sdltid: "{{ sdlThreeId }}", bltti: "{{ blThreeTitle }}", blt:{{ blThree }}, bltsu: "{{ blThreeDateStartU }}", blteu: "{{ blThreeDateEndU }}", blts: new Date({{ blThreeDateStart }}), blte: new Date({{ blThreeDateEnd }}), bltr: "{{ blThreeReceptionAt }}", bltc:"{{ blThreeColor }}", bltt:"{{ blThreeTransport }}", bltf:"{{ blThreeFactured }}", bltcl:"{{ blThreeClient }}", id: "{{ id }}", status:"{{ status }}", article: "{{ article.id }}", title: "{{ title }}", commentaire: "{{ article.commentaire }}", start: new Date({{ start }}), end: new Date({{ end }}), {% if display %}color: "{{ color }}"{% endif %} }
                    {% else %}
                    ,{ name: "{{ name }}",a:{{ available }}, r:{{ reserved }}, main:{{ maintenance }}, repa:{{ reparation }}, cali:{{ calibration }}, pret:{{ pret }}, dl:"{{ reservedStartLocation }}", fl:"{{ reservedEndLocation }}", e:"{{ etiquette }}", d:{{ display }}, rds: new Date({{ dateStartReserved }}), rde: new Date({{ dateEndReserved }}), re:"{{ etiquetteReserved }}", rt:"{{ titleReserved }}", blfid: "{{ blFirstId }}", sdlfid: "{{ sdlFirstId }}", blfsu: "{{ blFirstDateStartU }}", blfeu: "{{ blFirstDateEndU }}", blfs: new Date({{ blFirstDateStart }}), blfe: new Date({{ blFirstDateEnd }}), blfr: "{{ blFirstReceptionAt }}", blft:"{{ blFirstTransport }}", blff:"{{ blFirstFactured }}", bls:{{ blSecond }}, blsid: "{{ blSecondId }}", sdlsid: "{{ sdlSecondId }}", blsti: "{{ blSecondTitle }}", blssu: "{{ blSecondateStartU }}", blseu: "{{ blSecondateEndU }}", blss: new Date({{ blSecondateStart }}), blse: new Date({{ blSecondateEnd }}), blsr: "{{ blSecondReceptionAt }}", blsc:"{{ blSecondColor }}", blst:"{{ blSecondTransport }}", blsf:"{{ blSecondFactured }}", blscl:"{{ blSecondClient }}", bltid: "{{ blThreeId }}", sdltid: "{{ sdlThreeId }}", bltti: "{{ blThreeTitle }}", blt:{{ blThree }}, bltsu: "{{ blThreeDateStartU }}", blteu: "{{ blThreeDateEndU }}", blts: new Date({{ blThreeDateStart }}), blte: new Date({{ blThreeDateEnd }}), bltr: "{{ blThreeReceptionAt }}", bltc:"{{ blThreeColor }}", bltt:"{{ blThreeTransport }}", bltf:"{{ blThreeFactured }}", bltcl:"{{ blThreeClient }}", id: "{{ id }}", status:"{{ status }}", article: "{{ article.id }}", title: "{{ title }}", commentaire: "{{ article.commentaire }}", start: new Date({{ start }}), end: new Date({{ end }}), {% if display %}color: "{{ color }}"{% endif %} }
                    {% endif %}

                    {% set subFamilyName =  article.subFamilyName  %}

            {% endfor  %}
        ]
        }
        ];


        $(function () {
            $("#ganttChart").ganttView({
                data: ganttData,
                slideWidth: window.innerWidth-500,
                startDatetime   : "currently",
                behavior: {
                    draggable: false,
                    onClick: function (data,event) {
                        var element = event.target;

                        if(data.d === 1 || data.r === 1) {
                            //On affiche le bon BL en fonction du cliv
                            if (element.className.indexOf("bls") >= 0) {
                                openPopipArticle(data.name, data.status, data.a, data.r, data.main, data.repa, data.cali, data.pret, data.dl, data.fl,data.commentaire, data.blsid, data.sdlsid, data.blssu, data.blseu, data.blsr);
                            } else if (element.className.indexOf("blt") >= 0)  {
                                openPopipArticle(data.name, data.status, data.a, data.r, data.main, data.repa, data.cali, data.pret, data.dl, data.fl,data.commentaire, data.bltid, data.sdltid, data.bltsu, data.blteu, data.bltr);
                            } else {
                                openPopipArticle(data.name, data.status, data.a, data.r, data.main, data.repa, data.cali, data.pret, data.dl, data.fl,data.commentaire, data.id, data.sdlfid, data.blfsu, data.blfeu, data.blfr);
                            }
                        }

                    },
                    onResize: function (data) {
                        var msg = "You resized an event: { start: " + data.start.toString("M/d/Y") + ", end: " + data.end.toString("M/d/Y") + " }";
                        $("#eventMessage").text(msg);
                    },
                    onDrag: function (data) {
                        var msg = "You dragged an event: { start: " + data.start.toString("M/d/Y") + ", end: " + data.end.toString("M/d/Y") + " }";
                        $("#eventMessage").text(msg);
                    }
                }
            });

            {% if scrollTop %}
            $('html, body').animate({ scrollTop: {{ scrollTop }} }, 1000, 'linear');
            {% endif %}


        });

        function openPopipArticle(article, status, a, r, main, repa, cali, pret, dl, fl,commentaire, blid, sdlid, blds, blde, bldr) {

            var articleName = article;
            var articlecommentaire = commentaire;
            var available = a;
            var reserved = r;
            var maintenance = main;
            var reparation = repa;
            var calibration = cali;
            var prett = pret;
            var reservedStartLocation = dl;
            var reservedEndLocation = fl;
            var blId = blid;
            var sdlId = sdlid;
            var dateBlStart = blds;
            var dateBlEnd = blde;
            var dateBlReception = bldr;

            $('#title-popup-article').html(articleName);
            $('#title-popup-bl').html(blId);

            $('#article-commentaire').val(articlecommentaire);

            if(available === 1 || available === "1") {
                $('#location-available-true').attr('checked', true);
            } else {
                $('#location-available-false').attr('checked', true);
            }

            if(reserved === 1 || reserved === "1") {
                $('#location-reserved-true').attr('checked', true);
            } else {
                $('#location-reserved-false').attr('checked', true);
            }

            if(maintenance === 1 || maintenance === "1") {
                $('#location-maintenance-true').attr('checked', true);
            } else {
                $('#location-maintenance-false').attr('checked', true);
            }

            if(reparation === 1 || reparation === "1") {
                $('#location-reparation-true').attr('checked', true);
            } else {
                $('#location-reparation-false').attr('checked', true);
            }
            $('#date-reserved-start-location').val(reservedStartLocation);
            $('#date-reserved-end-location').val(reservedEndLocation);

            $('#location-article-id').val(articleName);

            //Si un id BL exixte on affiche le panneau BL et on redirige vers la mise à jour article et BL
            // Sinon uniquement affichage et mise à jour article
            if (blid && blid != 0) {
                $('#sdl-id').val(sdlId);
                $('#date-bl-start').val(dateBlStart);
                $('#date-bl-end').val(dateBlEnd);
                $('#date-bl-reception').val(dateBlReception);
                $('#title-modal-update').html('Modification de l\'article et du Bon de livraison');
                $('#update-article-url').val('{{ path('update_article_bl') }}');
                $("#row-block-article").attr('class', 'col-md-6');
                $('#row-block-bl').css('display', 'block');

            } else {
                $('#title-modal-update').html('Modification de l\'article');
                $('#update-article-url').val('{{ path('update_article') }}');
                $("#row-block-article").attr('class', 'col-md-12');
                $('#row-block-bl').css('display', 'none');
            }

            $('#btn-modal-article').click();

        }

        $('#btn-date-start-location-clear').click(function() {
            $('#date-reserved-start-location').val('');
        });

        $('#btn-date-end-location-clear').click(function() {
            $('#date-reserved-end-location').val('');
        });

        $('#btn-bl-date-start-clear').click(function() {
            $('#date-bl-start').val('');
        });

        $('#btn-bl-date-end-clear').click(function() {
            $('#date-bl-end').val('');
        });

        $('#ganttChart').click(function(event) {
            var element = event.target;
            if (element.className.indexOf("article-id") >= 0) {

                var article =  element.getAttribute('data-article');
                var status =  element.getAttribute('data-status');
                var a =  element.getAttribute('data-a');
                var r =  element.getAttribute('data-r');
                var maintenance =  element.getAttribute('data-main');
                var reparation =  element.getAttribute('data-repa');
                var calibration =  element.getAttribute('data-cali');
                var pret =  element.getAttribute('data-pret');
                var dl =  element.getAttribute('data-dl');
                var fl =  element.getAttribute('data-fl');
                var commentaire =  element.getAttribute('data-commentaire');
                var p =  element.getAttribute('data-p');

                openPopipArticle(article, status, a, r, maintenance, reparation, calibration, pret, dl, fl, commentaire, p);
            }
        });



    </script>

    <script src="{{ asset('sticky/jquery.sticky.js') }}"></script>
    <script>
        $(document).ready(function(){
            $("#sticky-hzheader").sticky({topSpacing:0});
        });
    </script>

    <script type="text/javascript" src="{{ asset('salsa/SalsaCalendar.min.js') }}"></script>
    <script type="text/javascript">
        var calendar_start = new SalsaCalendar({
            inputId: 'date-reserved-start-location',
            lang: 'fr',
            calendarPosition: 'right',
            fixed: true,
            connectCalendar: false
        });
        var calendar_end = new SalsaCalendar({
            inputId: 'date-reserved-end-location',
            lang: 'fr',
            calendarPosition: 'right',
            fixed: true,
            connectCalendar: false
        });
        var calendar_bl_start = new SalsaCalendar({
            inputId: 'date-bl-start',
            lang: 'fr',
            calendarPosition: 'right',
            fixed: true,
            connectCalendar: false
        });
        var calendar_bl_end = new SalsaCalendar({
            inputId: 'date-bl-end',
            lang: 'fr',
            calendarPosition: 'right',
            fixed: true,
            connectCalendar: false
        });

        $('#deals-select').change(function() {
            var deal = $('#deals-select option:selected').val();
            var subfamily = $('#subfamilies-select option:selected').val();
            var family = $('#families-select option:selected').val();
            window.location.href = "{{ path('location_agenda') }}" + "?filterDeal=" + deal + "&filterSubFamily=" + subfamily + "&filterFamily=" + family;
        });

        $('#subfamilies-select').change(function() {
            var deal = $('#deals-select option:selected').val();
            var subfamily = $('#subfamilies-select option:selected').val();
            var family = $('#families-select option:selected').val();
            window.location.href = "{{ path('location_agenda') }}" + "?filterDeal=" + deal + "&filterSubFamily=" + subfamily + "&filterFamily=" + family;
        });

        $('#families-select').change(function() {
            var deal = $('#deals-select option:selected').val();
            var subfamily = $('#subfamilies-select option:selected').val();
            var family = $('#families-select option:selected').val();
            window.location.href = "{{ path('location_agenda') }}" + "?filterDeal=" + deal + "&filterSubFamily=" + subfamily + "&filterFamily=" + family;
        });

    </script>

    <script type="text/javascript">
        function updateArticle() {

            $('#btn-update-article').css('pointer-events', 'none');
            $('#btn-update-article').css('opacity', '0.5');
            $('#btn-update-article').html('<i class="fa fa-spinner fa-pulse fa-1x fa-fw"></i> Mise à jour');

            var url = $('#update-article-url').val();
            var redirect = $('#update-article-redirect').val();
            var article = $('#location-article-id').val();
            var available = $('input[name=location-available]:checked').val();
            var commentaire = $('#article-commentaire').val();
            var reserved = $('input[name=location-reserved]:checked').val();
            var maintenance = $('input[name=location-maintenance]:checked').val();
            var reparation = $('input[name=location-reparation]:checked').val();
            var reservedStartLocation = $('#date-reserved-start-location').val();
            var reservedEndLocation = $('#date-reserved-end-location').val();
            var sdlId = $('#sdl-id').val();
            var blStartLocation = $('#date-bl-start').val();
            var blEndLocation = $('#date-bl-end').val();

            if (article[article.length - 6] === '0' && article[article.length - 5] === '0' && article[article.length - 4] === '0') {
                var ret = article.split(' ');
                // console.log(ret[0]);
                article = ret[0];
            } else {
                article = article.substr(0, article.length - 1);
            }
            $.ajax({
                url: url,
                type: 'GET',
                data: {
                    'article': article,
                    'commentaire': commentaire,
                    'available': available,
                    'reserved': reserved,
                    'maintenance': maintenance,
                    'reparation': reparation,
                    'reservedStartLocation': reservedStartLocation,
                    'reservedEndLocation': reservedEndLocation,
                    'sdlId': sdlId,
                    'blStartLocation': blStartLocation,
                    'blEndLocation': blEndLocation
                },
                success: function(data){


                    var deal = $('#deals-select option:selected').val();
                    var subfamily = $('#subfamilies-select option:selected').val();
                    window.location.href = redirect + "?scrollTop=" + document.documentElement.scrollTop + "&filterDeal=" + deal + "&filterSubFamily=" + subfamily;
                    window.location.href = redirect + "?scrollTop=" + document.documentElement.scrollTop;
                }
            });
        }
    </script>



{% endblock %}