{% extends 'layout.twig' %}

{% block body %}
<section class="contenu clearfix"  id="listeFormat">
	<h1>
		{{ 'Catalogues externes' | trad }}
	</h1>
		
    {{ ariane() }}

    <h2>
        {{ 'Création de l\'équivalence' }} : {{ newIdClass }}

        <button type="button" class="button principal" onClick="ajaxPopupV2('{{ path('Catalogue.ArticleEquivalent.validateEquiv', {idLigne:idLigne}) }}', 'filtre_create_equivalence', '{{ 'Validation' | trad }}');">
            {{ 'Enregistrer' | trad }}
        </button>
        {{ arianeAnnuler() }}
    </h2>

	<div class="tab-content" id="tab-content">
		<form method="post" name="filtre_create_equivalence" id="filtre_create_equivalence">		

            <div class="box-form clearfix">
                <fieldset class="scheduler-border clearfix">
                    <legend class="scheduler-border">{{ 'Article à ajouter' | trad}}</legend>

                    <div class="colonne2">
                        <div class="row">
                            {{ inputAdvance('ZOOMADVANCE', {
                                'titre' : 'Code article' | trad,
                                'name' : 'ARTICLE',
                                'pahtZoom' : path('Ajax.liste.articlesCatalogue'),
                                'paramZoom' : "{'byId' : true}",
                                'titleZoom' : 'Liste des articles catalogue' | trad,
                                'widthPopup' : 'modal_large',
                                'option' : 'desactiveSaisie',
                                obligatoire : true,
                            }) }}
                        </div>
                    </div>
                    <div class="colonne2 last">
                        <div class="row">
                            {{ inputAdvance('TEXT', {
                                name : 'COEFF',
                                titre : 'Coefficient de conversion' | trad,
                                value : 1,
                                pathValidator : path('Ajax.validator.float'),
                                paramsValidator : "{}",
                                obligatoire : true,
                            }) }}
                        </div>
                    </div>

                </fieldset>

                <div class="colonne2">
                    <fieldset class="scheduler-border">
                        <legend class="scheduler-border">{{ 'Classe de référence' | trad}}</legend>
                        <div class="row">
                            {{ inputAdvance('TEXT', {
                                name : '',
                                titre : 'Article' | trad,
                                option : 'disabled',
                                value : article.CODEARTI
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('ZOOMADVANCE', {
                                name : '',
                                titre : 'Fournisseur' | trad,
                                option : 'disabled',
                                entity : 'Fourniss',
                                convertLibelle : 'convertLibelleGlobal',
                                value : article.CODEFOUR
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('TEXT', {
                                name : '',
                                titre : 'Référence fournisseur' | trad,
                                option : 'disabled',
                                value : article.REFARTFOU
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('ZOOMADVANCE', {
                                name : '',
                                titre : 'Fabricant' | trad,
                                option : 'disabled',
                                entity : 'Fabricant',
                                convertLibelle : 'convertLibelleGlobal',
                                value : article.CODEFOUR
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('TEXT', {
                                name : '',
                                titre : 'Référence fabricant' | trad,
                                option : 'disabled',
                                value : article.REFARTFAB
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('TEXT', {
                                name : '',
                                titre : 'Désignation' | trad,
                                option : 'disabled',
                                value : article.DESIGNCRT
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('ZOOMADVANCE', {
                                name : '',
                                titre : 'Unité' | trad,
                                option : 'disabled',
                                entity : 'unites',
                                convertLibelle : 'convertLibelleGlobal',
                                value : article.UNITE
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('TEXT', {
                                titre : 'Quantité de conditionnement' |trad,
                                option : 'disabled',
                                name : '',
                                value : article.CONDITNT | qte ,
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('TEXT', {
                                titre : 'Prix unitaire' |trad,
                                option : 'disabled',
                                name : '',
                                value : article.PRIXNET | prixUnitaire
                            }) }}
                        </div>
                    </div>
                </fieldset>

                <div class="colonne2 last" id="articleCompare">
                    <fieldset class="scheduler-border">
                        <legend class="scheduler-border">{{ 'Article à associer' | trad}}</legend>
                        <div class="row">
                            {{ inputAdvance('TEXT', {
                                name : '',
                                titre : 'Article' | trad,
                                option : 'disabled',
                                value : articleCompare.CODEARTI
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('ZOOMADVANCE', {
                                name : '',
                                titre : 'Fournisseur' | trad,
                                option : 'disabled',
                                entity : 'Fourniss',
                                convertLibelle : 'convertLibelleGlobal',
                                value : articleCompare.CODEFOUR
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('TEXT', {
                                name : '',
                                titre : 'Référence fournisseur' | trad,
                                option : 'disabled',
                                value : articleCompare.REFARTFOU
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('ZOOMADVANCE', {
                                name : '',
                                titre : 'Fabricant' | trad,
                                option : 'disabled',
                                entity : 'Fabricant',
                                convertLibelle : 'convertLibelleGlobal',
                                value : articleCompare.CODEFOUR
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('TEXT', {
                                name : '',
                                titre : 'Référence fabricant' | trad,
                                option : 'disabled',
                                value : articleCompare.REFARTFAB
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('TEXT', {
                                name : '',
                                titre : 'Désignation' | trad,
                                option : 'disabled',
                                value : articleCompare.DESIGNCRT
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('ZOOMADVANCE', {
                                name : '',
                                titre : 'Unité' | trad,
                                option : 'disabled',
                                entity : 'unites',
                                convertLibelle : 'convertLibelleGlobal',
                                value : articleCompare.UNITE
                            }) }}
                        </div>
                        <div class="row">
                            {{ inputAdvance('TEXT', {
                                titre : 'Quantité de conditionnement' |trad,
                                option : 'disabled',
                                name : '',
                                value : articleCompare.CONDITNT | qte ,
                            }) }}
                        </div>
                        <div class="row">
                            <input type="hidden" id="savePU" name="savePU" value="{{ articleCompare.PRIXNET | prixUnitaire }}"/>
                            {{ inputAdvance('TEXT', {
                                titre : 'Prix unitaire x coefficient' |trad,
                                option : 'readOnly',
                                name : 'prixCalcule',
                                value : articleCompare.PRIXNET | prixUnitaire
                            }) }}
                        </div>
                    </div>
                </fieldset>
            </div>

        </form>
    </div>
</section>
<script>
    $('#input_COEFF').change(function(){
        var prixUnitaire = parseFloat($('#savePU').val().replace(' ', '').replace(',', '.'));
        var coeff = parseFloat($('#input_COEFF').val().replace(' ', '').replace(',', '.'));

        var calcule = parseFloat((prixUnitaire*coeff));

        $('#input_prixCalcule').val(formatNombre(calcule.toFixed(2), ' '));
    });
    $('#input_ARTICLE').change(function(){
        $.ajax({
            dataType: 'HTML',
            url: '{{ path('Catalogue.ArticleEquivalent.ajaxArticleCompare') }}',
            data: {'id' : $('#input_ARTICLE').val()},
            type: "POST",
            success: function(content){
                desactiveLoader();
                refreshFonction('articleCompare', content);
            }
        })
    });
</script>
{% endblock %}