{% 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="nouvelle-campagne">
		<h1>{{ title }}</h1>

		{{ ariane() }}

		<form method="post" name="form_nouvelle-campagne" id="form_nouvelle-campagne" class="bg_form padding_form border_form clearfix">
			<fieldset class="scheduler-border">
				<legend class="scheduler-border">{{ 'Informations générales' | trad }}</legend>
				<div class="full clearfix">
					<div class="row single">
						{{ inputAdvance('TEXT', {
                            'titre' : 'Libellé' | trad ~ ' :',
                            'name' : 'LIBELLE',
                            'value' : campaign.LIBELLE,
                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                            'paramsValidator' : "{'sizeMin' : '1', 'sizeMax' : '120'}",
                            'obligatoire' : true,
                        }) }}
					</div>
				</div>
				<div class="full clearfix">
					<div class="row single">
						{{ inputAdvance('TEXTAREA', {
                            'titre' : 'Description' | trad ~ ' :',
                            'name' : 'DESCRIPTION',
                            'value' : campaign.COMMENTAIRE,
                            'pathValidator' : path('Ajax.validator.isStringAvecEspace'),
                            'paramsValidator' : "{'sizeMin' : '1', 'sizeMax' : '3000'}",
                        }) }}
					</div>
				</div>
				<div class="colonne2">
					<div class="row">
						{{ inputAdvance('SELECT', {
                            'titre'         : 'Catégorie' | trad ~ ' :',
                            'name'          : 'CATEGORIE',
                            'value'         : CATEGORIE.ID_GRILLE,
                            'listeValue'    : categoryList,
                        }) }}
					</div>
				</div>
				<div class="colonne2">
					<div class="row">
						{{ inputAdvance('DATE', { 
                            'titre' : 'Date de validité' | trad,
                            'name'  : 'DTEVALID',
                            'value' : post.DTEVALID | dateTrad,
                            'pathValidator' : path('Ajax.validator.date'),
                            'paramsValidator' : '{}',
                        }) }}
					</div>
				</div>
				<div class="colonne2 last">
					<div class="row">
						{{ inputAdvance('DATE', { 
                            'titre' : 'Date de clôture' | trad,
                            'name'  : 'DTEFIN',
                            'value' : post.DTEFIN | dateTrad,
                            'pathValidator' : path('Ajax.validator.date'),
                            'paramsValidator' : '{}',
                        }) }}
					</div>
				</div>
				<div class="colonne2">
					<div class="row">
						{{ inputAdvance('SWITCH', {
                            'titre' : 'Toutes les sociétés ?' | trad,
                            'name' : 'TOUTESTE',
                            'myFunction' : 'disableSociete',
                            'value' : campaign.TOUTESTE ?? post.TOUTESTE,
                        }) }}
					</div>
				</div>
				<div class="colonne2 last">
					<div class="row" id="div-societe" {% if campaign.TOUTESTE | boolSql %} style="display:none" {% endif %}>
						{{
                            inputAdvance('ZOOM', {
                                'name' : 'societe',
                                'titre' : 'Liste des sociétés :' | trad,
                                'value' : post.societe,
                                'pahtZoom' : path('GlobalApplication.MultiSelect.afficher'),
                                'paramZoom' : "{'titre' : 'Sociétés','value' : $('#input_societe').val(),'entity' : 'Societe', 'CODFILTRE' : '"~value.CODFILTRE~"'}",
                                'option' : 'desactiveSaisie'
                            })
                        }}
					</div>
				</div>
			</fieldset>
			<div class="full validation_modal text-right">
                {{ arianeAnnuler() }}
				<button type="submit" class="button principal">{{'Valider' | trad}}</button>
			</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_nouvelle-campagne').on('submit', function (e) {
            e.preventDefault();
            var data = $('#form_nouvelle-campagne').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 %}
