{% extends 'layout.twig' %}

{% block body %}
    <div class="contenu clearfix"  id="fournisseurs">
    <h1>
        {{ titre | trad }}
    </h1>
    {{ ariane() }}
    
    <div id="detail_fournisseur" class="clearfix titre_div">
    
        {% if MODULE!='MultiFournisseur' %}
            <h2>
                {{ titre }} : {% if libelle!='' %}{{ libelle }} ({{ id }}){% else %}{{ id }}{% endif %}
            </h2>
        {% endif %}
        
            {{ arianeSub() }}
                    <div id="creation-incident" class="tab-pane fade in active clearfix padding15">
                        <form method="post" name="form_creation-incident" id="form_creation-incident" class="box-form clearfix">
                        
                            <div class="colonne2">
                                <div class="row">
                                    {{ inputSelect('Incident' | trad,"CODE", listeIncident, incident.CODE, '','','',true, '','','',true,'',true) }}
                                </div>
                                <div class="row">
                                    {{ inputText('Description' | trad, 'DESCRIPT', incident.DESCRIPT, '', path('Ajax.validator.isStringAvecEspace'), "{'sizeMin' : '0', 'sizeMax' : '60'}") }}
                                </div>
                            </div>
                            
                            <div class="colonne2 last">
                                {% if MODULE!='MultiFournisseur' %}
                                    {% set readOnly='readOnly' %}
                                {% endif %}
                                <div class="row">
                                    {{ inputAdvance('ZOOMADVANCE', {
                                        'titre' : 'Fournisseur' | trad,
                                        'name' : 'FOU',
                                        'pahtZoom' : path('Ajax.liste.fournisseur'),
                                        'paramZoom' : "{}",
                                        'entity' : 'Fourniss',
                                        'titleZoom' : 'Liste des fournisseurs' | trad,
                                        'pathConvert' : path('Ajax.outil.convertLibelle'),
                                        'convertLibelle' : 'convertLibelleGlobal',
                                        'pathValidator' : path('Commande.AjaxCreationCommande.validatorFrs'),
                                        'paramsValidator' : "{'entity' : 'Fourniss','nomChamp' : '"~'Fournisseur' | trad~"', 'null' : false}",
                                        'value' : incident.FOU,
                                        'option' :readOnly
                                    }) }}
                                </div>
                                <div class="row">
                                    {{ inputDate('Date' | trad, 'DTE_OCCUR', incident.DTE_OCCUR | dateTrad, '' , path('Ajax.validator.date'), '{}') }}
                                </div>
                            </div>
                            
                            
                            
                            <fieldset class="scheduler-border clearfix">
                                <legend class="scheduler-border">{{ 'Détail de l\'incident' | trad }}</legend>
                                    {% if MODULE=='Fournisseur' %}
                                        {% set lock = 'readOnly' %}
                                    {% endif %}
                                    
                <!-- COMMANDE -->
                                <div class="colonne2">
                                    <div class="row">
                                        {{ inputZoom('N° de Commande' | trad, "NO_CDE", path('Ajax.liste.commande'),'N° de Commande' | trad, "", incident.NO_CDE , '', 
                                        path('Ajax.validator.zoom'), "{'entity' : 'CaEntet','nomChamp' : '"~ 'N° de Commande' | trad ~"', 'null' : true}", '', '', '', '', '','readOnly')}}
                                    </div>
                                    <div class="row">
                                        <div class="input-wrapper input-text">
                                            <label>
                                                {{ 'N° de Ligne Commande' | trad }}
                                                {# {% if MODULE == 'Commande' %}
                                                <span class="obligatoire">*</span>
                                                {% endif %} #}
                                            </label>

                                            <div class="bs-col relative">
                                            {% if MODULE == 'Fournisseur' or MODULE == 'MultiFournisseur' or MODULE=='Reception' %}
                                                <input type="text" id="input_PO_CDE" name="PO_CDE" class="form-control" value="{{ incident.PO_CDE }}" readOnly/>
                                            {% else %}                            		 	
                                                <select class="form-control" id="input_PO_CDE" name="PO_CDE" >
                                                    <option></option>
                                                    {% for ligneCde in listeLigneCommande %}
                                                        <option {% if ligneCde.NO_PO==incident.PO_CDE  %}selected{% endif %} value='{{ ligneCde.NO_PO }}' data-codeArticle="{{ ligneCde.CODE_ART }}" data-libelleArticle="{{ ligneCde.DES_SOMM }}">{{ ligneCde.NO_PO }} ({{ ligneCde.DES_SOMM }} {{ ligneCde.CODE_ART }})</option>
                                                    {% endfor %}
                                                </select>
                                            {% endif %}
                                            </div>
                                        </div>
                                        <script>
                                            $('#input_PO_CDE').change(function(){
                                                var libelle = $(this).find(':selected').attr('data-libelleArticle');
                                                var code = $(this).find(':selected').attr('data-codeArticle');

                                                $('#input_ART').val(code);
                                                $('#input_DES_ART').val(libelle);
                                            });
                                        </script>
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('TEXT', {
                                            'titre' : 'Code article' | trad,
                                            'name' : 'ART',
                                            'value' : incident.ART,
                                            'option' : 'readOnly',
                                        }) }}
                                    </div>
                                    <div class="row">
                                        {{ inputAdvance('TEXT', {
                                            'titre' : 'Libellé article' | trad,
                                            'name' : 'DES_ART',
                                            'value' : incident.DES_ART,
                                            'option' : 'readOnly',
                                        }) }}
                                    </div>

                                </div>
                                
                <!-- BR -->
                                <div class="colonne2 last">
                                    {% if MODULE == 'Fournisseur' or MODULE == 'MultiFournisseur' or MODULE == 'Commande' %}
                                        {% set lockBR = 'readOnly' %}
                                    {% endif %}
                                        {% if MODULE == 'Commande' %}
                                            <div class="row">
                                                {{ inputAdvance('ZOOMADVANCE',{
                                                    'titre'             : 'N° de BR'| trad,
                                                    'name'              : 'NUM_BR',
                                                    'value'             : post.NUM_BR,
                                                    'pahtZoom'          : path('Ajax.liste.br'),
                                                    'paramZoom'         : "{
                                                        'filter_egal_NUM_CDE'   : " ~ incident.NO_CDE ~ ",
                                                        'divLibelle'            : 'text_NUM_BR',
                                                        'ligneCommande'         : $('#input_PO_CDE').val(),
                                                        'updateDateCreatBr'     : 'DTE_LIV'
                                                    }",
                                                    'entity'            : 'BrRecep',
                                                    'titleZoom'         : 'Liste des BR'| trad,
                                                    'pathConvert'       : path('Ajax.outil.convertLibelle'),
                                                    'convertLibelle'    : 'convertLibelleGlobal',
                                                    'pathValidator'     : path('Ajax.validator.zoom'),
                                                    'paramsValidator'   : "{'entity' : 'BrRecep', 'nomChamp' : 'NUM_BR', 'null' : false}",
                                                    'option' : 'disabled'
                                                }) }}
                                            </div>
                                        {% else %}
                                            <div class="row">
                                                {{ inputZoom('N° de BR' | trad, "NO_BR", path('Ajax.liste.br'),'N° de BR' | trad, "", incident.NO_BR , '', 
                                                path('Ajax.validator.zoom'), "{'entity' : 'BrRecep','nomChamp' : '"~ 'N° de BR' | trad ~"'}", '', '', '', '', '','readOnly')}}
                                            </div>
                                        {% endif %}
                                        {% if MODULE == 'Commande' %}
                                            <div class="row">
                                                {{ inputAdvance('TEXT',{
                                                    'titre'           : 'N° de ligne BR'| trad,
                                                    'name'            : 'NO_PO_CDE',
                                                    'value'           : post.NO_PO_CDE,
                                                    'option'          : 'readOnly',
                                                }) }}
                                            </div>
                                            <script>
                                                // si on modifie le numéro de poste de la commande et qu'un numéro de BR est renseigné, on met à jour le numéro de ligne de BR automatiquement (avec le numéro de ligne de la commande, soit BR_LIGNE.NO_PO_CDE)
                                                $('#input_PO_CDE').change(function(){
                                                    if ($('#input_NUM_BR').val() != '') {
                                                        $('#input_NO_PO_CDE').val($('#input_PO_CDE').val());
                                                    }
                                                    if ($('#input_PO_CDE').val() != '') {
                                                        $('#text_NUM_BR').removeAttr('disabled');
                                                        $('#zoom_NUM_BR').show();
                                                    }

                                                });

                                                $('#input_NUM_BR').change(function(){
                                                    if ($('#input_PO_CDE').val() != '') {
                                                        $('#input_NO_PO_CDE').val($('#input_PO_CDE').val());
                                                    }

                                                    if ($('#input_NUM_BR').val() != '') {
                                                        $('#input_QTE_REFU').removeAttr('readOnly');
                                                    }
                                                });

                                                function updateDateBr() {

                                                }
                                            </script>
                                        {% else %}
                                            <div class="row">
                                                <div class="input-wrapper input-text">
                                                <label>
                                                    {{ 'N° de Ligne BR' | trad }}										
                                                    {% if MODULE=='Reception' %}
                                                    <span class="obligatoire">*</span>
                                                    {% endif %}
                                                </label>

                                                <div class="bs-col relative">
                                                {% if MODULE=='Fournisseur' or MODULE=='MultiFournisseur' %}
                                                    <input type="text" id="input_PO_BR" name="PO_BR" class="form-control" value="{{ incident.PO_BR }}" readOnly/>
                                                {% else %}    
                                                    <select class="form-control" id="input_PO_BR" name="PO_BR" >
                                                        <option></option>
                                                        {% for ligneBR in listeLigneBR %}
                                                            <option {% if ligneBR.NO_PO_BR==incident.PO_CDE  %}selected{% endif %} value='{{ ligneBR.NO_PO_BR }}' data-ligneBr="{{ ligneBR.NO_PO_CDE }}" data-codeArticle="{{ ligneBR.CODE_ART }}" data-libelleArticle="{{ ligneBR.DESIGN }}">{{ ligneBR.NO_PO_BR }} ({{ ligneBR.DESIGN }} - {{ ligneBR.CODE_ART }})</option>
                                                        {% endfor %}
                                                    </select>
                                                {% endif %}
                                                </div>
                                                </div>
                                            </div>
                                            <script>
                                                $('#input_PO_BR').change(function(){
                                                    var libelle = $(this).find(':selected').attr('data-libelleArticle');
                                                    var code = $(this).find(':selected').attr('data-codeArticle');
                                                    var numLigneCde = $(this).find(':selected').attr('data-ligneBr');
                                                    $('#input_ART').val(code);
                                                    $('#input_DES_ART').val(libelle);
                                                    $('#input_PO_CDE').val(numLigneCde);
                                                });
                                            </script>
                                        {% endif %}
                                    <div class="row">
                                        {{ inputText('Qté en anomalie' | trad, 'QTE_REFU', incident.QTE_REFU|number_format(3, '.', ' '), '', path('Ajax.validator.float'), "{'format' : "~getConst('formatQTE')~"}", '', '', lockBR, 'align-right') }}
                                    </div>
                                    <div class="row">
                                        {{ inputDate('Date de livraison' | trad, 'DTE_LIV', incident.DTE_LIV|dateTrad, '' , path('Ajax.validator.date'), '{}', '', '','', 'readonly') }}
                                    </div>
                                    
                                </div>
                                <div class="full clearfix">
                                    <div class="row single">
                                        {{ inputTextarea('Commentaires' | trad, 'CONTMEMO', incident.CONTMEMO,path('Ajax.validator.isStringAvecEspace'), "{'sizeMin' : '0', 'sizeMax' : '3000'}") }}
                                    </div>
                                </div>
                                </fieldset>
                                <div class="button_right full validation_modal">
                                    <button type="submit" class="button principal button_right" >{{ 'Enregistrer' | trad }}</button>
                                    <a type="button" class="button secondaire button_right" href="{{ path('GlobalApplication.Incidents.incidents', {MODULE:MODULE, id:id, menuLeft:menuLeft, menuActif:menuActive}) }}">{{ 'Annuler' | trad }}</a>
                                </div>
                                
                                
                        </form>
                    </div>
                </div>
            </div>
                    <script>
                        {% if post.ErreurValid or ErreurValid != '' %}
                            activePopupErreur("{{ path('Ajax.Erreur.popupErreurValid') }}", "{{'Erreur lors de la validation !' | trad }} ", "{{ErreurValid | raw}}");
                        {% endif %} 
                    </script>

{% endblock %}