{% extends 'base.html.twig' %}

{% block stylesheets %}
{{ parent() }}

<style>
BODY {
	font-size: 200%;
}
</style>

{% endblock %}

{% block body %}
<div id="container-adresse">
	<div class="title">Nouvelle adresse</div>

	<form action="{{ path('insert_localisation_manuelle', {'planif' : planif, 'numDevis' : num_devis}) }}" method="POST">
		<div class="div-adresse">
			<div><label for="adresse1">adresse1</label></div>
			<div><input type="text" id="adresse1" name="adresse1" value="{% if adresse %}{{ adresse.ligneAdresse1 }}{% endif %}" /></div>
		</div>

		<div class="div-adresse">
			<div><label for="adresse2">adresse2</label></div>
			<div><input type="text" id="adresse2" name="adresse2" value="{% if adresse %}{{ adresse.ligneAdresse2 }}{% endif %}" /></div>
		</div>

		<div id="div-ville">
			<div class="div-adresse">
				<div><label for="cp">cp</label></div>
				<div><input type="number" id="cp" name="cp" value="{% if adresse %}{{ adresse.cp }}{% endif %}" size="5" /></div>
			</div>
			<div class="div-adresse">
				<div><label for="ville">ville</label></div>
				<div><input type="text" id="ville" name="ville" value="{% if adresse %}{{ adresse.ville }}{% endif %}" /></div>
			</div>
		</div>

		{% if modified is defined %}
		<div id="div-response">
			{% if response %}Vos modifications ont bien été enregistrées
			{% else %}Erreur d'enregistrement de vos modifications !!!!
			{% endif %}
		</div>
		{% endif %}

		<div id="div-btn-valider">
			<button type="submit" id="btn-valider">Valider</button>
		</div>
	</form>
	<div id="div-btn-annuler">
		<a href="{{ path('details_visite', {'planif' : planif , 'numDevis' : num_devis}) }}">
			<button type="submit" id="btn-annuler">Annuler</button>
		</a>
	</div>
</div>

{% endblock %}

{% block javascripts %}
{{ parent() }}

<script>
{% if modified is defined %}
	let modified = {{ modified }}
	let response = {{ response }}

	$( function() {
		if(modified) {
			console.log('retour')
			console.log(modified, response)
			if(response == 1) {
				$("#btn-annuler").html("RETOUR")
				$("#div-response").addClass("btn-success")
	
				setTimeout(() => {
					$("#btn-annuler").click()
				}, 1500);
			} else {
				$("#div-response").addClass("btn-danger")
			}
		}
	})
{% endif %}
</script>
{% endblock %}