{% 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 articles en location
{% 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" />

    <style>
        @media (min-width: 992px) {
            .modal-lg {
                max-width: 950px;
            }
        }
        div.ganttview-vtheader {
            width: 460px!important;
        }

        div.ganttview-slide-container {
            width: 1270px!important;
        }

        div.ganttview-vtheader-item-name {
            width: 230px!important;
        }
        div.ganttview-vtheader-series {
            width: 230px!important;
        }
        div.ganttview-vtheader-series-name {
            width: 230px!important;
        }
    </style>

{% endblock %}

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


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

            <h4 class="font-w700" style="position: relative;top: -7px;">
                <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>

            {% if commandesClient|length > 0 %}
            <h4 class="font-w700" style="position: absolute;top: 145px;">
                <select class="form-control" id="commande-select" name="commande-select" style="width: 350px;margin-right: 20px;margin-top: -6px;">
                    <option value="">Sélectionner un numéro de commande</option>
                    {% for bl in commandesClient  %}
                        <option value="{{ bl.documentNumber }}" {% if filterCommande and filterCommande == bl.documentNumber %}selected{% endif %}>{{ bl.documentNumber }}- {{ bl.commandeClient }}</option>
                    {% endfor  %}
                </select>
            </h4>
            {% endif  %}

            <h4 class="font-w700" style="font-size: 24px">
                Disponibilité des articles à la location
            </h4>
            <div>
                <span class="badge " style="font-size: 14px;background-color: lightgreen;margin-left: 5px">Vos locations</span>
                <span class="badge " style="font-size: 14px;background-color: white;margin-left: 5px">Articles disponibles à la location</span>
                <i class="fa fa-file-text" style="color: black;margin-left: 10px;margin-right: 5px"></i>Certificat
                <i class="fa fa-book" style="color: black;margin-left: 10px;margin-right: 5px"></i>Notice PLM
                <i class="fa fa-file-pdf-o" style="color: black;margin-left: 10px;margin-right: 5px"></i>Notice constructeur
            </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-bl" 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-hidden="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-popup-bl"></h3>
                            <input type="text" id="bon-livraison-id" style="display: none">
                            <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="modal-footer bg-gray-lighter" style="padding-bottom: 5px">
                            <button type="button" class="btn btn-primary" onclick="displayBLockComment()">
                                Commenter le Bon de Livraison
                            </button>
                            <button type="button" class="btn btn-primary" onclick="displayBLockProlonger()">
                                Demander à prolonger la location
                            </button>
                        </div>
                        <div class="modal-footer bg-gray-lighter" style="border-top:none;padding-top: 5px">
                            <button type="button" id="btn-generate-pdf" class="btn btn-primary" onclick="generatePdfBonLivraison()">
                                PDF BON DE LIVRAISON
                            </button>
                            <button type="button" id="btn-fiche-pdf" class="btn btn-primary" onclick="generatePdfFicheVerification()">
                                PDF FICHE DE VERIFICATION
                            </button>
                        </div>
                        <div class="block block-rounded" style="margin:15px;display: none" id="block-comment">
                            <div class="block-content">
                                <div class="form-group row">
                                    <label class="col-12">Votre commentaire à destination des équipes de PLM :</label>
                                    <div class="col-12" style="margin-bottom: 10px">
                                        <input type="text" placeholder="Saisir votre commentaire" class="form-control" id="bl-commentaire"></input>
                                    </div>
                                    <div class="col-12">
                                        <button type="button" class="btn btn-primary" onclick="sendComment()" id="btn-send-comment">
                                            ENVOYER LE COMMENTAIRE AUX EQUIPES PLM
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="block block-rounded" style="margin:15px;display: none" id="block-prolonger">
                            <div class="block-content">
                                <div class="form-group row">
                                    <label class="col-12">Choisissez une nouvelle date de fin de location :</label>
                                    <div class="col-12">
                                        <div style="display: flex;margin-bottom: 10px">
                                            <input type="text"
                                                   id="date-prolonger"
                                                   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-prolonger-clear" style="padding: 8px 8px;">VIDER</button>
                                        </div>
                                        </div>
                                    <div class="col-12" style="margin-bottom: 10px">
                                        <input type="text" placeholder="Présisez nous l'article concerné ou toute autre information" class="form-control" id="bl-prolonger-commentaire"></input>
                                    </div>
                                    <div class="col-12">
                                        <button type="button" class="btn btn-primary" onclick="sendProlonger()" id="btn-send-prolonger">
                                            ENVOYER LA DEMANDE AUX EQUIPES PLM
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="block block-rounded" style="margin-left: 15px; margin-right: 15px">
                            <div class="block-content" id="modal-content">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer bg-gray-lighter">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</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 certificateId = "" %}
                {% set noticePlmId = "" %}
                {% set noticeConstructeurId = "" %}

                {% 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 blSecondDateStart = "2019,01,01" %}
                {% set blSecondDateEnd = "2019,01,01" %}
                {% set blSecondReceptionAt = "" %}
                {% set blSecondDateStartU = "" %}
                {% set blSecondDateEndU = "" %}
                {% set blSecondEtiquette = "" %}
                {% set blSecondTitle = "" %}
                {% set blSecondEtiquette = "" %}
                {% 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 blThreeEtiquette = "" %}
                {% 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 %}

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

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

                {% set articleForUser =  0  %}

                {% 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 %}

                {% if article.certificate %}
                    {% set certificateId = article.certificate.id %}
                {% endif %}

                {% if article.noticePlm %}
                    {% set noticePlmId = article.noticePlm.id %}
                {% endif %}

                {% if article.noticeConstructeur %}
                    {% set noticeConstructeurId = article.noticeConstructeur.id %}
                {% 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 %}
                    {% endfor %}


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

                    {% if ((bonLivraisonFirst.customerId in userCustomerIds) or user.hasServiceDemo or
                           (app.user.email == 'admin@admin.com') or
                           (app.user.email == 'y.saussier@plm-services.eu') or
                           (app.user.email == 'a.benedetti@plm-services.eu') or
                           (app.user.email == 'n.makni@plm-services.eu') or
                           (app.user.email == 'mh.cabane@plm-services.eu')) %}
                        {% if user.hasServiceDemo %}
                            {% set color = "#90ee90" %}
                            {% set articleForUser =  1  %}
                            {% set etiquette = bonLivraisonFirst.documentNumber %}
                            {% set title = "N° BL : " ~ bonLivraisonFirst.documentNumber %}
                        {% else %}
                            {% set color = "#90ee90" %}
                            {% set articleForUser =  1  %}
                            {% set etiquette = bonLivraisonFirst.documentNumber ~ " - " ~ bonLivraisonFirst.commandeClient %}
                            {% set title = "N° BL : " ~ bonLivraisonFirst.documentNumber ~ " - N° Commande : " ~ bonLivraisonFirst.commandeClient %}
                        {% endif %}

                    {% else %}
                        {% set color = "#ffffff" %}
                        {% set etiquette = "" %}
                        {% set title = "" %}
                    {% endif %}


                    {% if 'RETOUR TNT' in bonLivraisonFirst.transport|upper %}
                        {% 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 dateNowMinus45days =  "now"|date_modify("-25 day")  %}
                        {% if date(dateNowMinus45days) > date(dateStart) %}
                            {% set dateStart =  dateNowMinus45days  %}
                        {% else %}
                        {% endif %}

                    {% elseif not bonLivraisonFirst.startLocationAt %}
                        {% set dateStart =  "now"|date_modify("-25 day")  %}
                        {% set dateEnd =  bonLivraisonFirst.endLocationAt  %}
                        {% set dateNowPlus45days =  "now"|date_modify("+25 day")  %}
                        {% if date(dateNowPlus45days) > date(dateEnd) %}
                            {% set dateEnd =  dateNowPlus45days  %}
                        {% endif %}

                    {% elseif not bonLivraisonFirst.endLocationAt %}

                        {% set dateStart =  bonLivraisonFirst.startLocationAt  %}
                        {% set dateEnd =  "now"|date_modify("+25 day")  %}
                        {% set dateNowMinus45days =  "now"|date_modify("-25 day")  %}
                        {% if date(dateNowMinus45days) > date(dateStart) %}
                            {% set dateStart =  dateNowMinus45days  %}
                        {% endif %}

                    {% endif %}


                    {% if bonLivraisonSecond %}

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

                        {% if ((bonLivraisonSecond.customerId in userCustomerIds) or
                               (app.user.email == 'admin@admin.com') or
                               (app.user.email == 'y.saussier@plm-services.eu') or
                               (app.user.email == 'a.benedetti@plm-services.eu') or
                               (app.user.email == 'n.makni@plm-services.eu') or
                               (app.user.email == 'mh.cabane@plm-services.eu')) %}
                            {% set blSecondColor = "#90ee90" %}
                            {% set articleForUser =  1  %}
                            {% set blSecondEtiquette = bonLivraisonSecond.documentNumber ~ " - " ~ bonLivraisonSecond.commandeClient %}
                            {% set blSecondTitle = "N° BL : " ~ bonLivraisonSecond.documentNumber ~ " - N° Commande : " ~ bonLivraisonSecond.commandeClient %}
                        {% else %}
                            {% set blSecondColor = "#ffffff" %}
                            {% set blSecondEtiquette = "" %}
                            {% set blSecondTitle = "" %}
                        {% endif %}

                        {% set blSecondClient = "" %}

                        {% if 'RETOUR TNT' in bonLivraisonSecond.transport|upper %}
                            {% set blSecondTransport = bonLivraisonSecond.transport %}
                        {% endif %}

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

                        {% set blSecond = 1 %}

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

                            {% set blSecondDateStartU = bonLivraisonSecond.startLocationAt|date('d/m/Y') %}
                            {% set blSecondDateEndU = bonLivraisonSecond.endLocationAt|date('d/m/Y') %}
                            {% set blSecondDateStart = bonLivraisonSecond.startLocationAt|date('Y') ~ "," ~ macro.monthGant(bonLivraisonSecond.startLocationAt|date('m')) ~ "," ~ bonLivraisonSecond.startLocationAt|date('d') %}
                            {% set blSecondDateEnd = bonLivraisonSecond.endLocationAt|date('Y') ~ "," ~ macro.monthGant(bonLivraisonSecond.endLocationAt|date('m')) ~ "," ~ bonLivraisonSecond.endLocationAt|date('d') %}

                        {% elseif not bonLivraisonSecond.startLocationAt %}

                            {% set blSecondDs =  "now"|date_modify("-25 day")  %}
                            {% set blSecondDe =  bonLivraisonSecond.endLocationAt  %}
                            {% set dateNowPlus45days =  "now"|date_modify("+25 day")  %}
                            {% if date(dateNowPlus45days) > date(blSecondDe) %}
                                {% set blSecondDe =  dateNowPlus45days  %}
                                {% set blSecondClient = "....... " ~ blSecondClient ~ "....... " %}
                            {% else %}
                                {% set blSecondClient =  "....... " ~ blSecondClient  %}
                            {% endif %}

                            {% set blSecondDateStartU = blSecondDs|date('d/m/Y') %}
                            {% set blSecondDateEndU = blSecondDe|date('d/m/Y') %}
                            {% set blSecondDateStart = blSecondDs|date('Y') ~ "," ~ macro.monthGant(blSecondDs|date('m')) ~ "," ~ blSecondDs|date('d') %}
                            {% set blSecondDateEnd = blSecondDe|date('Y') ~ "," ~ macro.monthGant(blSecondDe|date('m')) ~ "," ~ blSecondDe|date('d') %}
                        {% elseif not bonLivraisonSecond.endLocationAt %}

                            {% set blSecondDs =  bonLivraisonSecond.startLocationAt  %}
                            {% set blSecondDe =  "now"|date_modify("+25 day")  %}

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

                            {% set blSecondDateStartU = blSecondDs|date('d/m/Y') %}
                            {% set blSecondDateEndU = blSecondDe|date('d/m/Y') %}
                            {% set blSecondDateStart = blSecondDs|date('Y') ~ "," ~ macro.monthGant(blSecondDs|date('m')) ~ "," ~ blSecondDs|date('d') %}
                            {% set blSecondDateEnd = blSecondDe|date('Y') ~ "," ~ macro.monthGant(blSecondDe|date('m')) ~ "," ~ blSecondDe|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.dealId) %}#}
                        {#{% set blThreeClient = bonLivraisonThree.customerName %}#}

                        {% if ((bonLivraisonThree.customerId in userCustomerIds) or
                               (app.user.email == 'admin@admin.com') or
                               (app.user.email == 'y.saussier@plm-services.eu') or
                               (app.user.email == 'a.benedetti@plm-services.eu') or
                               (app.user.email == 'n.makni@plm-services.eu') or
                               (app.user.email == 'mh.cabane@plm-services.eu')) %}
                            {% set blThreeColor = "#90ee90" %}
                            {% set articleForUser =  1  %}
                            {% set blThreeEtiquette = bonLivraisonThree.documentNumber ~ " - " ~ bonLivraisonThree.commandeClient %}
                            {% set blThreeTitle = "N° BL : " ~ bonLivraisonThree.documentNumber ~ " - N° Commande : " ~ bonLivraisonThree.commandeClient %}
                        {% else %}
                            {% set blThreeColor = "#ffffff" %}
                            {% set blThreeEtiquette = "" %}
                            {% set blThreeTitle = "" %}
                        {% endif %}

                        {% set blThreeClient = "" %}

                        {% if 'RETOUR TNT' in bonLivraisonThree.transport|upper %}
                            {% 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') %}

                        {% elseif not bonLivraisonThree.startLocationAt %}

                            {% set blThreeDs =  "now"|date_modify("-25 day")  %}
                            {% set blThreeDe =  bonLivraisonThree.endLocationAt  %}

                            {% set dateNowPlus45days =  "now"|date_modify("+25 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("+25 day")  %}

                            {% 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 }}, afu:{{ articleForUser }}, 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: "{{ blSecondDateStartU }}", blseu: "{{ blSecondDateEndU }}", blss: new Date({{ blSecondDateStart }}), blse: new Date({{ blSecondDateEnd }}), blsr: "{{ blSecondReceptionAt }}", blsc:"{{ blSecondColor }}", blst:"{{ blSecondTransport }}", blsf:"{{ blSecondFactured }}", blscl:"{{ blSecondClient }}", blset:"{{ blSecondEtiquette }}", 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 }}", bltet:"{{ blThreeEtiquette }}" , id: "{{ id }}", status:"{{ status }}", article: "{{ article.id }}", title: "{{ title }}", commentaire: "{{ article.commentaire }}", certificate: "{{ certificateId }}", noticeplm: "{{ noticePlmId }}", noticeconstructeur: "{{ noticeConstructeurId }}", start: new Date({{ start }}), end: new Date({{ end }}), {% if display %}color: "{{ color }}"{% endif %} }
                    {% else %}
                    ,{ name: "{{ name }}",a:{{ available }}, r:{{ reserved }}, afu:{{ articleForUser }}, 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: "{{ blSecondDateStartU }}", blseu: "{{ blSecondDateEndU }}", blss: new Date({{ blSecondDateStart }}), blse: new Date({{ blSecondDateEnd }}), blsr: "{{ blSecondReceptionAt }}", blsc:"{{ blSecondColor }}", blst:"{{ blSecondTransport }}", blsf:"{{ blSecondFactured }}", blscl:"{{ blSecondClient }}", blset:"{{ blSecondEtiquette }}", 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 }}", bltet:"{{ blThreeEtiquette }}" , id: "{{ id }}", status:"{{ status }}", article: "{{ article.id }}", title: "{{ title }}", commentaire: "{{ article.commentaire }}", certificate: "{{ certificateId }}", noticeplm: "{{ noticePlmId }}", noticeconstructeur: "{{ noticeConstructeurId }}", 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.afu === 1) {
                            //On affiche le bon BL en fonction du cliv
                            if (element.className.indexOf("bls") >= 0) {
                                openPopipBl(data.name, data.status, data.a, data.r, data.dl, data.fl,data.commentaire, data.blsid, data.sdlsid, data.blssu, data.blseu, data.blsr);
                            } else if (element.className.indexOf("blt") >= 0)  {
                                openPopipBl(data.name, data.status, data.a, data.r, data.dl, data.fl,data.commentaire, data.bltid, data.sdltid, data.bltsu, data.blteu, data.bltr);
                            } else {
                                openPopipBl(data.name, data.status, data.a, data.r, 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/yyyy") + ", end: " + data.end.toString("M/d/yyyy") + " }";
                        $("#eventMessage").text(msg);
                    },
                    onDrag: function (data) {
                        var msg = "You dragged an event: { start: " + data.start.toString("M/d/yyyy") + ", end: " + data.end.toString("M/d/yyyy") + " }";
                        $("#eventMessage").text(msg);
                    }
                }
            });

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

            $('#ganttChart').click(function(event) {
                var element = event.target;
                if (element.className.indexOf("fa fa-file-text") >= 0
                        || element.className.indexOf("fa fa-book") >= 0
                        || element.className.indexOf("fa fa-file-pdf-o") >= 0) {

                    var certificateId =  "";

                    if ( element.className.indexOf("fa fa-file-text") >= 0) {
                        var certificateId =  element.getAttribute('data-certificate');
                    }

                    if (element.className.indexOf("fa fa-book") >= 0) {
                        var certificateId =  element.getAttribute('data-notice-plm');
                    }

                    if (element.className.indexOf("fa fa-file-pdf-o") >= 0) {
                        var certificateId =  element.getAttribute('data-notice-constructeur');
                    }

                    if(certificateId !="") {
                        var url = '{{ path('certificate_get') }}';

                        $.ajax({
                            url: url,
                            type: 'GET',
                            data: {
                                'certificateId': certificateId
                            },
                            success: function(data){

                                urlCertificate = '{{ asset('uploads/certificate/') }}' + data;
                                window.open(urlCertificate, '_blank');

                            }
                        });
                    }

                }
            });

        });

        function displayBLockComment() {
            $('#block-prolonger').css('display', 'none');
            $('#block-comment').css('display', 'block');
        }

        function displayBLockProlonger() {
            $('#block-comment').css('display', 'none');
            $('#block-prolonger').css('display', 'block');

        }

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


        function openPopipBl(article, status, a, r, dl, fl,commentaire, blid, sdlid, blds, blde, bldr) {

            $('#block-comment').css('display', 'none');
            $('#bl-commentaire').val('');

            $('#block-prolonger').css('display', 'none');

            //var dateEndLocation = fl;
            var dateEndLocation = '';
            $('#date-prolonger').val(dateEndLocation);

            $('#title-popup-bl').html('BON DE LIVRAISON N° ' + blid);
            $('#bon-livraison-id').val(blid);


            $('#modal-content').html('');

            //requet ajax pour recupérer le contenu
            var url = '{{ path('bon_livraison_get') }}';

            $.ajax({
                url: url,
                type: 'GET',
                data: {
                    'blid': blid
                },
                success: function(data){
                    $('#modal-content').html(data);
                }
            });

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

        }

        function sendComment() {

            var commentaire = $('#bl-commentaire').val();

            if (commentaire != '') {
                if (confirm('Ce commentaire sera transmis aux équipes PLM, confirmez-vous l\'envoi ?')) {


                    var blid = $('#bon-livraison-id').val();
                    //requet ajax pour recupérer le contenu
                    var url = '{{ path('update_bon_livraison_comment') }}';

                    $('#btn-send-comment').css('pointer-events', 'none');
                    $('#btn-send-comment').css('opacity', '0.5');
                    $('#btn-send-comment').html('<i class="fa fa-spinner fa-pulse fa-1x fa-fw"></i> en cours');

                    $.ajax({
                        url: url,
                        type: 'GET',
                        data: {
                            'commentaire': commentaire,
                            'blid': blid
                        },
                        success: function (data) {
                            $('#block-comment').css('display', 'none');
                            $('#bl-commentaire').val('');

                            $('#btn-send-comment').css('pointer-events', 'auto');
                            $('#btn-send-comment').css('opacity', '1');
                            $('#btn-send-comment').html('ENVOYER LE COMMENTAIRE AUX EQUIPES PLM');

                            alert('le commentaire a bien été envoyé');
                        }
                    });
                }
            }
        }
        function sendProlonger() {

            var commentaire = $('#bl-prolonger-commentaire').val();
            var dateProlonger = $('#date-prolonger').val();

            if (dateProlonger != '' || commentaire != '') {
                if (confirm('Cette demande sera transmise aux équipes PLM, confirmez-vous l\'envoi ?')) {


                    var blid = $('#bon-livraison-id').val();
                    //requet ajax pour recupérer le contenu
                    var url = '{{ path('update_bon_livraison_prolonger') }}';

                    $('#btn-send-prolonger').css('pointer-events', 'none');
                    $('#btn-send-prolonger').css('opacity', '0.5');
                    $('#btn-send-prolonger').html('<i class="fa fa-spinner fa-pulse fa-1x fa-fw"></i> en cours');

                    $.ajax({
                        url: url,
                        type: 'GET',
                        data: {
                            'commentaire': commentaire,
                            'dateProlonger': dateProlonger,
                            'blid': blid
                        },
                        success: function (data) {
                            $('#block-comment').css('display', 'none');
                            $('#block-prolonger').css('display', 'none');
                            $('#bl-prolonger-commentaire').val('');
                            $('#date-prolonger').val('');

                            $('#btn-send-prolonger').css('pointer-events', 'auto');
                            $('#btn-send-prolonger').css('opacity', '1');
                            $('#btn-send-prolonger').html('ENVOYER LA DEMANDEAUX EQUIPES PLM');

                            alert('la demande a bien été envoyé');
                        }
                    });
                }
            }
        }
        function generatePdfBonLivraison() {


            var blid = $('#bon-livraison-id').val();
            //requet ajax pour recupérer le contenu
            var url = '{{ path('bon_livraison_generate_pdf') }}';

            $('#btn-generate-pdf').css('pointer-events', 'none');
            $('#btn-generate-pdf').css('opacity', '0.5');
            $('#btn-generate-pdf').html('<i class="fa fa-spinner fa-pulse fa-1x fa-fw"></i> en cours');

            document.location = url + "?blid=" + blid;

            $('#btn-generate-pdf').css('pointer-events', 'auto');
            $('#btn-generate-pdf').css('opacity', '1');
            $('#btn-generate-pdf').html('PDF BON DE LIVRAISON');
        }
        function generatePdfFicheVerification() {


            var blid = $('#bon-livraison-id').val();
            //requet ajax pour recupérer le contenu
            var url = '{{ path('fiche_verification_generate_pdf') }}';

            $('#btn-fiche-pdf').css('pointer-events', 'none');
            $('#btn-fiche-pdf').css('opacity', '0.5');
            $('#btn-fiche-pdf').html('<i class="fa fa-spinner fa-pulse fa-1x fa-fw"></i> en cours');

            document.location = url + "?blid=" + blid;

            $('#btn-fiche-pdf').css('pointer-events', 'auto');
            $('#btn-fiche-pdf').css('opacity', '1');
            $('#btn-fiche-pdf').html('PDF FICHE DE VERIFICATION');
        }
    </script>

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

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

    <script type="text/javascript">

        {% if commandesClient|length > 0 %}
            $('#commande-select').change(function() {
                var commande = $('#commande-select option:selected').val();
                var subfamily = $('#subfamilies-select option:selected').val();
                window.location.href = "{{ path('agenda_client') }}" + "?filterCommande=" + commande + "&filterSubFamily=" + subfamily;
            });

            $('#subfamilies-select').change(function() {
                var commande = $('#commande-select option:selected').val();
                var subfamily = $('#subfamilies-select option:selected').val();
                window.location.href = "{{ path('agenda_client') }}" + "?filterCommande=" + commande + "&filterSubFamily=" + subfamily;
            });
        {% else %}
            $('#subfamilies-select').change(function() {
                var subfamily = $('#subfamilies-select option:selected').val();
                window.location.href = "{{ path('agenda_client') }}" + "?filterSubFamily=" + subfamily;
            });
        {% endif %}

    </script>

{% endblock %}