{% extends 'layout.twig' %}

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

    <div class="content">

        <form name="form_catalogue" id="form_catalogue">

            <h1>
                {% if idCatalogue %}
                    {{ strBuild('Modification du catalogue @1@', [idCatalogue]) | trad }}
                {% else %}
                    {{ 'Création d\'un catalogue' | trad }}
                {% endif %}
                <button class="principal button" type="button" onClick="ajaxPopupV2('{{ path('Catalogue.catalogueExterne.validate', {idCatalogue: idCatalogue}) }}', 'form_catalogue');">
                    {{ 'Enregistrer' |trad }}
                </button>
                {{ arianeAnnuler() }}
            </h1>

            <div class="bg_form padding_form border_form clearfix">

                <div class="colonne2">
                    <div class="row">
                        {{ inputAdvance('TEXT', {
                            'titre' : 'Référence catalogue' | trad,
                            'name' : 'ID_CATAL',
                            'value' : catalogue.ID_CATAL,
                            'pathValidator' : path('Ajax.validator.isStringSansEspace'),
                            'paramsValidator' : "{'sizeMin' : '1', 'sizeMax' : '30'}",
                            'obligatoire' : true,
                            'option' : (idCatalogue? 'readOnly':''),
                        }) }}
                    </div>
                </div>
                <div class="colonne2 last">
                    <div class="row">
                        {{ inputAdvance('TEXT', {
                            'titre' : 'Description' | trad,
                            'name' : 'DESCRIPTION_CATA',
                            'value' : catalogue.DESCRIPTION_CATA,
                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                            'paramsValidator' : "{'sizeMin' : '1', 'sizeMax' : '128'}",
                            'obligatoire' : true,
                        }) }}
                    </div>
                </div>
                <div class="clearfix">
                    <div class="colonne2">
                        <div class="row">
                            {{ inputAdvance('SELECT', {
                                'titre' : 'Type catalogue' | trad,
                                'name' : 'TYPECATA',
                                'value' : catalogue.TYPECATA,
                                'listeValue': typeCatlogue,
                                'optionVide': true,
                                'obligatoire' : true,
                                'option' : (idCatalogue? 'readOnly':''),
                            }) }}
                        </div>
                    </div>
                    <div class="colonne2 last">
                        <div class="row" id="div_REGRFOUR_F" style="display:none">
                            {{ inputAdvance('ZOOMADVANCE', {
                                'titre' : 'Fournisseur' | trad,
                                'name' : 'REGRFOUR_F',
                                'value' : catalogue.REGRFOUR,

                                'pahtZoom' : path('Ajax.liste.fournisseur'),
                                'paramZoom' : "{}",
                                'entity' : 'Fourniss',
                                'titleZoom' : 'Liste des fournisseurs' | trad,
                                'pathConvert' : path('Ajax.outil.convertLibelle'),
                                'convertLibelle' : 'convertLibelleGlobal',
                                'pathValidator' : path('Ajax.validator.zoom'),
                                'paramsValidator' : "{'entity' : 'Fourniss','nomChamp' : '"~('Fournisseur' | trad |e('js')|raw)~"', 'null' : false}",
                                'option' : (idCatalogue? 'readOnly':''),               
                                'obligatoire' : true,
                            }) }}
                        </div>
                        <div class="row" id="div_REGRFOUR_G" style="display:none">
                            {{ inputAdvance('ZOOMADVANCE', {
                                'titre' : 'Groupement' | trad,
                                'name' : 'REGRFOUR_G',
                                'value' : catalogue.REGRFOUR,
                                'pahtZoom' : path('Ajax.liste.grpfou'),
                                'paramZoom' : "{}",
                                'entity' : 'grpfou',
                                'titleZoom' : 'Liste des groupements fournisseurs' | trad,
                                'pathConvert' : path('Ajax.outil.convertLibelle'),
                                'convertLibelle' : 'convertLibelleGlobal',
                                'pathValidator' : path('Ajax.validator.zoom'),
                                'paramsValidator' : "{'entity' : 'grpfou','nomChamp' : '"~('Groupement' | trad |e('js')|raw)~"', 'null' : false}",
                                'option' : (idCatalogue? 'readOnly':''),
                                'obligatoire' : true,
                            }) }}
                        </div>
                    </div>
                </div>
                <div class="colonne2">
                    <div class="row">
                        {{ inputAdvance('ZOOMADVANCE', {
                            'titre' : 'ID Format' | trad,
                            'name' : 'IDFORMAT',
                            'value' : catalogue.IDFORMAT,

                            'pahtZoom' : path('Ajax.liste.entityList', {entity:'CFormats'}),
                            'paramZoom' : "{}",
                            'entity' : 'CFormats',
                            'titleZoom' : 'Liste des formats' | trad,
                            'pathConvert' : path('Ajax.outil.convertLibelle'),
                            'convertLibelle' : 'convertLibelleGlobal',
                            'pathValidator' : path('Ajax.validator.zoom'),
                            'paramsValidator' : "{'entity' : 'CFormats','nomChamp' : '"~('ID Format' | trad |e('js')|raw)~"', 'null' : false}",
                            'obligatoire' : true,
                            'option' : (idCatalogue? 'readOnly':''),
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('SWITCH', {
                            'titre' : 'Autoriser la modification des prix unitaire de ce catalogue ?' | trad,
                            'name' : 'PRIXMODIFIABLE',
                            'value' : catalogue.PRIXMODIFIABLE,
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('SWITCH', {
                            'titre' : 'Si la modification est autorisée à la hausse ?' | trad,
                            'name' : 'PRIXMODIFHAUSSE',
                            'value' : catalogue.PRIXMODIFHAUSSE,
                            'option' : catalogue.PRIXMODIFHAUSSE | boolSql == true ? '':'disabled',
                        }) }}
                    </div>
                </div>
                <div class="colonne2 last">
                    <div class="row">
                        {{ inputAdvance('SELECT', {
                            'titre' : 'Structure' | trad,
                            'name' : 'STRUCTURE',
                            'value' : typeFormat,
                            'listeValue' : listeFormat,
                            'optionVide' : true,
                            'option' : 'disabled',
                        }) }}
                    </div>
                    <div class="row">
                        {{ inputAdvance('SWITCH', {
                            'titre' : 'Autoriser la modification du taux de TVA' | trad,
                            'name' : 'MODIFTVA',
                            'value' : catalogue.MODIFTVA,
                        }) }}
                    </div>
                </div>

            </div>
        </form>
    </div>
</section>
<script>
    document.addEventListener('change',(event) => {
        var target = event.target;

        if (!(target instanceof HTMLElement) ) {
            return;
        }

        if ($(target).attr('id') == 'input_TYPECATA') {

            $('#div_REGRFOUR_F').hide();
            $('#div_REGRFOUR_G').hide();

            $('#div_REGRFOUR_'+$(target).val()).show();
            return;
        }

        if ($(target).attr('id') == 'input_PRIXMODIFIABLE') {
            
            if ($(target).is(':checked')) {
                $('#input_PRIXMODIFHAUSSE').prop('disabled', false);
            } else {
                $('#input_PRIXMODIFHAUSSE').prop('disabled', true);
                changeValueSwitch('PRIXMODIFHAUSSE', false);
            }

            return;
        }

        if ($(target).attr('id') == 'input_IDFORMAT') {
            $.ajax({
                dataType : 'JSON',
                url: '{{ path('Catalogue.CatalogueExterne.ajaxGetTypeFormat') }}',
                data: {'IDFORMAT' : $(target).val()}, 
                type: "POST",
                success: function(result){    				
                    $('#input_STRUCTURE').val(result.TYPEFORMAT);
                }
            });
            return;
        }

        

        return;

    });
</script>
{% endblock %}