<div class="clearfix">
	<div class="colonne2">
		<div class="row">
			<input type="hidden" name="ligne_ART_RECEP_AUTO" id="ligne_ART_RECEP_AUTO" value="{{ newLine.ART_RECEP_AUTO }}"/>
			<input type="hidden" name="ligne_FOU_RECEP_AUTO" id="ligne_FOU_RECEP_AUTO" value="{{ newLine.FOU_RECEP_AUTO }}"/>
			{{ inputAdvance('SWITCH', {
                'titre' : 'Réception automatique ?' | trad,
                'name' : 'ligne_RECEP_AUTO',
                'value' : newLine.RECEP_AUTO | boolSql,
                'option' : lineParam.RECEP_AUTO_ACTIF ? '':'readOnly'
            }) }}
		</div>
		<div class="row">
			{{ inputAdvance('DATE', {
                'titre' : 'Début contrat' | trad,
                'name' : 'ligne_DATEDEBCONT',
                'value' : newLine.DATEDEBCONT |dateTrad,
                'pathValidator' : path('Ajax.validator.date'),
                'paramsValidator' : "{'nomChamp' : '"~ 'Date de début de contrat' | trad ~"'}",
                'option' : lineParam.RECEP_AUTO | boolSql? '':'readOnly',
                'obligatoire' : true,
            }) }}
		</div>
		<div class="row">
			{{ inputAdvance('DATE', {
                'titre' : 'Fin contrat' | trad,
                'name' : 'ligne_DATEFINCONT',
                'value' : newLine.DATEFINCONT |dateTrad,
                'pathValidator' : path('Ajax.validator.date'),
                'paramsValidator' : "{'nomChamp' : '"~ 'Date de fin de contrat' | trad ~"'}",
                'option' : lineParam.RECEP_AUTO| boolSql ? '':'readOnly',
                'obligatoire' : true,
            }) }}
		</div>
	</div>
	<div class="colonne2 last">
		<div class="row">
			<input type="hidden" name="ligne_ART_PER_REC_AUTO" id="ligne_ART_PER_REC_AUTO" value="{{ newLine.ART_PER_REC_AUTO }}"/>
			<input type="hidden" name="ligne_FOU_PER_REC_AUTO" id="ligne_FOU_PER_REC_AUTO" value="{{ newLine.FOU_PER_REC_AUTO }}"/>
			{{ inputAdvance('SELECT', {
                'titre' : 'Périodicité du contrat' | trad,
                'name' : 'ligne_CONTRAT_PERIOD',
                'value' : newLine.CONTRAT_PERIOD,
                'listeValue' : tabPeriodicite,
                'option' : lineParam.RECEP_AUTO| boolSql ? '':'readOnly',
                'obligatoire' : true,
            }) }}
		</div>
		<div class="row">
			{{ inputAdvance('SELECT', {
                'titre' : 'Type de période' | trad,
                'name' : 'ligne_FIN_DEB_PER',
                'value' : newLine.FIN_DEB_PER ?? 'F',
                'listeValue' : tabPeriode,
                'option' : lineParam.RECEP_AUTO| boolSql ? '':'readOnly',
                'obligatoire' : true,
                'tooltip' : 'Fin de période' | trad ~ colon() 
                    ~ "calcul d'un planning avec des dates en fin de mois / trimestre / semestre / année." | trad
                    ~ 'Début de période' | trad ~ colon()
                    ~ "calcul d'un planning avec des dates en début de mois / trimestre / semestre / année." | trad,
            }) }}
		</div>
		<div class="row">
			{{ inputAdvance('SELECT', {
                'titre' : 'Jour d\'application' | trad,
                'name' : 'ligne_DALI_RECEPAUTO_JOUR',
                'value' : newLine.DALI_RECEPAUTO_JOUR,
                'listeValue' : tabJoursAppli,
                'option' : lineParam.RECEP_AUTO| boolSql ? '':'readOnly',
                'obligatoire' : true,
            }) }}                       
        </div>
    </div>
</div>
<script>
    $("#input_ligne_RECEP_AUTO").change(function () {
        if ($("#input_ligne_RECEP_AUTO").is(":checked")) {
            var confirmationRecepAuto = confirm(
                '{{ "Cette donnée modifiée entraine la suppression pour recalcul du planning. Le confirmez-vous ?" | trad }}'
            );
    
            if (confirmationRecepAuto) {
                initRecepAuto();
                calculPlanning();
            } else {
                $("#ligne_RECEP_AUTO").trigger("click");
            }
        } else {
            readonlyRecepAuto();
        }
    });
    
    $("#input_ligne_FIN_DEB_PER").change(function () {
        var input = $(this).val();
        if (input == "D") {
            $("#input_ligne_DALI_RECEPAUTO_JOUR").val(1).change();
        } else {
            $("#input_ligne_DALI_RECEPAUTO_JOUR").val(31).change();
        }
    });
    
    $("#input_ligne_DALI_RECEPAUTO_JOUR").change(function () {
        // TODO
        var confirmationJourRecepAuto = confirm(
            '{{ "Cette donnée modifiée entraine la suppression pour recalcul du planning. Le confirmez-vous ?" | trad }}'
        );
    
        if (confirmationJourRecepAuto) {
        } else {
        }
    });
    {% if newLine.RECEP_AUTO | boolSql == 0 %}
        $('#ligne_recep .obligatoire').hide();
    {% endif %}
</script>
