*.js

$(function () {
	// function pour vérifier si log
	
	$("#connexion").click(function(){
		var json = {};
		json["login"] = $("#user").val();
		json["password"] = $("#password").val();
		json["ip"] = "127.0.0.1";

		if ($("#inscrit").checked){
			json["action"] = "inscrire";
		} else {
			json["action"] = "connecter";
		}
		console.log(json);
		if (json["password"] == $("#password2").val()) {

			$.ajax({
				url: '/connexion',
				type: 'POST',
				data: { Lapin: JSON.stringify(json) , action: "inscrire" },
				success: function() {
					alert("Connexion Effectue");
					$("#ZoneConnexion").css("display","none");
					$("#ZoneUser").css("display","block");
					listeFilms();
				},
				error: function(e){
					alert("erreur47" + e);
					alert("erreur" + e.message);
					console.log(e.message);
				}
			});

		}

	});
	
	$("#allFilms").on('change',function(){
		var monFilm = $("#allFilms :selected").val();
		unFilm(monFilm);
	});
	
	$("#editer").change(function(){
		var monFilm = $("#allFilms :selected").val();
		var lesModifs = {};
		var selector = $("#edition");
		
		lesModifs['nom'] = selector.find(':input[name="titre"]').val();
		lesModifs['annee'] = selector.find(':input[name="annee"]').val();
		lesModifs['synopsis'] = selector.find(':input[name="synopsis"]').val();
		
		$.ajax({
			url: '/films',
			type: 'POST',
			data: { action: "update", voulu: monFilm , modifs: JSON.stringify(lesModifs)},
			success: function(reponse) {
				console.log("MODIFICATION effectuée");
			},
			error: function(e){
				console.log(e.message);
			}
		});
	});

	function listeFilms() {

		$.ajax({
			url: '/films',
			type: 'POST',
			data: { action: "liste" },
			success: function(reponse) {
				console.log(reponse);
				document.getElementById("allFilms").innerHTML = reponse;
			},
			error: function(e){
				console.log(e.message);
			}
		});
	};

	function unFilm(id){
		$.ajax({
			url: '/films',
			type: 'POST',
			data: { action: "infos" , voulu: id },
			success: function(reponse) {
				console.log(reponse);
				reponse = JSON.parse(reponse);
				var selector = $("#edition");
				selector.find(':input[name="titre"]').val(reponse["nom"]);
				selector.find(':input[name="synopsis"]').val(reponse["synopsis"]);
				selector.find(':input[name="annee"]').val(reponse["annee_de_parution"]);
			},
			error: function(e){
				console.log(e.message);
			}
		});
	};

})