{% extends 'layout.twig' %}

{% block body %}
    <!-- Modal content -->
    <div id="myModal" class="modal" tabindex="-1" role="dialog">

        <div class="modal-dialog" style="width:auto;height:auto;{% if application != 'Mobility' %}min-width:500px{% endif %}" role="document">
            <div id="modal-content" class="modal-content" style="z-index:99999;{% if application != 'Mobility' %}min-width: 600px;{% endif %}">
                <div class="modal-header">
                    <span class="modal-close">&times;</span>
                    <h3 id="modal-title"></h3>
                </div>
                <div id="modal-body" style="padding: 15px;z-index:99999">
                </div>
            </div>
        </div>
    </div>
    <div class="contenu clearfix" id="nouveau-modele">
        <h1>{{ title }}</h1>

        {{ ariane() }}

        <form method="post" name="form_nouveau-modele" id="form_nouveau-modele" class="box-form clearfix">
            <div class="colonne2">
                <div class="row">						
                    {{ inputAdvance('TEXT', {
                        'titre' : 'Code' | trad ~ ' :',
                        'name' : 'CODE',
                        'value' : model.ID_MODEL,
                        'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                        'paramsValidator' : "{'sizeMin' : '1', 'sizeMax' : '10'}",
                        'obligatoire' : true,
                        'option' : action == 'modification' ? 'readOnly' : '',
                    }) }}
                </div>
            </div>
            <div class="colonne2 last">
                <div class="row">						
                    {{ inputAdvance('TEXT', {
                        'titre' : 'Libellé' | trad ~ ' :',
                        'name' : 'LIBELLE',
                        'value' : model.LIB_MODEL,
                        'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                        'paramsValidator' : "{'sizeMin' : '1', 'sizeMax' : '30'}",
                        'obligatoire' : true,
                    }) }}
                </div>
            </div>
            <div class="full clearfix">
                <div class="row single">						
                    {{ inputAdvance('TEXTAREA', {
                        'titre' : 'Description' | trad ~ ' :',
                        'name' : 'DESCRIPTION',
                        'value' : model.COMMENTAIRE,
                        'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                        'paramsValidator' : "{'sizeMin' : '0', 'sizeMax' : '3000'}",
                    }) }}
                </div>
            </div>
            <div class="colonne2">
                <div class="row">						
                    {{ inputAdvance('SWITCH', {
                        'titre' : 'Non modifiable sur consultation ?' | trad,
                        'name' : 'MODIF_CONSULT',
                        'value' : model.NON_MODIF_AO,
                        'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                        'paramsValidator' : "{'sizeMin' : '1', 'sizeMax' : '30'}",
                    }) }}
                </div>
            </div>
            <div class="colonne2 last">
                <div class="row">						
                    {{ inputAdvance('SELECT', {
                        'titre'         : 'Catégorie' | trad ~ ' :',
                        'name'          : 'CATEGORIE',
                        'value'         : model.ID_GRILLE,
                        'listeValue'    : categoryList, 
                    }) }}
                </div>
            </div>
            <div class="colonne2">
                <div class="row">						
                    {{ inputAdvance('SWITCH', {
                        'titre' : 'Toutes les sociétés ?' | trad,
                        'name' : 'TTE_SOC',
                        'myFunction' : 'disableSociete',
                        'value' : model.TTE_SOC,
                        'obligatoire' : true,
                    }) }}
                </div>
            </div>
            <div class="colonne2 last">
                <div class="row" id="div-societe"{% if model.TTE_SOC | boolSql %}style="display:none"{% endif %}>						
                    {{ 
                        inputAdvance('ZOOM', {
                            'name' : 'societe',
                            'titre' : 'Liste des sociétés' | trad,
                            'value' : model.societe,
                            'pahtZoom' : path('GlobalApplication.MultiSelect.afficher'),
                            'paramZoom' : "{'titre' : 'Sociétés','value' : $('#input_societe').val(),'entity' : 'Societe', 'CODFILTRE' : '" ~ value.CODFILTRE ~ "'}",
                            'obligatoire' : true,
                        })
                    }}
                </div>
            </div>
			<div class="button_right full validation_modal">
                {% if action == 'modification' %}
                    <a type="button" class="button principal" onClick="ajaxPopupV2('{{ path('Evaluation.Model.validate', {id: model.ID_MODEL}) }}', 'form_nouveau-modele');">{{ 'Enregistrer' | trad }}</a>
                {% else %}
                    <a type="button" class="button principal" onClick="ajaxPopupV2('{{ path('Evaluation.Model.validate') }}', 'form_nouveau-modele');">{{ 'Enregistrer' | trad }}</a>
                {% endif %}
				{# <button type="submit" class="button principal button_right">{{'Valider' | trad}}</button> #}
				<a class="button secondaire button_right" href="{{ path('Evaluation.Model.index') }}">{{'Annuler' | trad}}</a>
            </div>
        </form>
    </div>
    <script>
        function disableSociete() {
            if (($('#div-societe').css('display') == 'none')){
                $('#input_societe').removeAttr('style');
                $('#zoom_societe').removeAttr('style');
                $('#div-societe').removeAttr('style');
            } else {
            $('#input_societe').css('display', 'none');
            $('#zoom_societe').css('display', 'none');
            $('#div-societe').css('display', 'none');
            } 
        }

        $('#form_nouveau-modele').on('submit', function(e){
            e.preventDefault();
            var data = $('#form_nouveau-modele').serialize();
            activeLoader();
            $.ajax({
                url         : '{{ path(path) }}',
                type        : 'POST',
                dataType    : 'JSON',
                data        : data,
                success     : function (data) {
                    console.log(data);
                    if (data.statut == 'O') {
                        desactiveLoader(); 
                        redirectJSWithPost(data.path);
                    } else {
                        desactiveLoader();
                        activePopupErreur('{{ path('Ajax.Erreur.popupErreurValid') }}', '',  data.erreur);
                    }
                }
            });
        });
    </script>
{% endblock %}
