// JavaScript Document
var xhr = null;
function ajaxCall(method,url,postData,async,handler) {
	if(window.XMLHttpRequest) xhr = new XMLHttpRequest(); /* FIREFOX et les autres */
	else if(window.ActiveXObject){ /* Internet Explorer */
			xhr = new ActiveXObject("XMLHTTP");
	}
	else { /* XMLHttpRequest non supporté par le navigateur */
		alert("Votre navigateur ne supporte pas les objets XMLHttpRequest");
		xhr = false;
	}
	xhr.open(method,url,async);
	/*if(postData != null)*/
		xhr.setRequestHeader("Content-Type","x-www-form-urlencoded");
	if(async)
		xhr.onreadystatechange = handler;
	xhr.send(postData);
}
function assainirChaine3(c) {
	return c.replace(/[ .()]/g,"");
}

function estTelValide5(tel) {
    assainirChaine3(tel);
	if(tel=="") return false;
	else {
		var telEcrit = tel.search(/^[0-9]{3}-[0-9]{3}-[0-9]{4}$/);	
		
		if (telEcrit==0) return true;
		return false;
	}
}

function valider1(f) {
	// A. Saisir l'entrée des données de l'utilisateur.
	var province_select = document.getElementById("aj_province1");
	var spanAjoutProv = document.getElementById("provinvalideAjout");
	var nom_select = document.getElementById("nomModif");
	var nominvalideAjout = document.getElementById("nominvalideAjout1");
	var adresse_select = document.getElementById("adresseModif");
	var adresseinvalideAjout = document.getElementById("adresseinvalideAjout1");
	var tel_select = document.getElementById("telModif");
	var telinvalideAjout = document.getElementById("telinvalideAjout1");
	var cat_select = document.getElementById("aj_cat");
	var spanAjoutcat = document.getElementById("catinvalideAjout1");
	var mar_select = document.getElementById("aj_marque");
	var spanAjoutmar = document.getElementById("marinvalideAjout1");
	var formEstValide = true;
	
	// Valider la province.
	
	if(province_select.value=="-1") {
		formEstValide = false;
		province_select.className="saisieInvalide";
		spanAjoutProv.innerHTML="<b style='color:red'>* Veuillez choisir une province<b>";
	//document.getElementById("provinvalide").style.display='block';
	}
	else
	   {  spanAjoutProv.innerHTML="";
	   province_select.className="saisieValide";
	   province_select.onchange=go1000();
		//document.getElementById("provinvalide").style.display='none';
		}
	
	// Valider le nom.
	if(nom_select.value=="") {
		formEstValide = false;
		//document.getElementById("nominvalide").style.display='block';
		nominvalideAjout.innerHTML ="<b style='color:red'>* Veuillez écrire un nom<b>";
		nom_select.className="saisieInvalide";
	}
	else
	   {  
		//document.getElementById("nominvalide").style.display='none';
		nominvalideAjout.innerHTML = "";
		nom_select.className="saisieValide";
		}
	
	// Valider l'adresse.
	if(adresse_select.value=="") {
		formEstValide = false;
		//document.getElementById("nominvalide").style.display='block';
		adresseinvalideAjout.innerHTML ="<b style='color:red'>* Veuillez écrire une adresse<b>";
		adresse_select.className="saisieInvalide";
	}
	else
	   {  
		//document.getElementById("nominvalide").style.display='none';
		adresseinvalideAjout.innerHTML = " ex: 111, Rue Tremblay N6H 5L4";
		adresse_select.className="saisieValide";
		}


	// Valider le téléphone.
	if(estTelValide5(tel_select.value)==false) {
		formEstValide = false;
		tel_select.className="saisieInvalide";
		telinvalideAjout.innerHTML ="<b style='color:red'>* Veuillez écrire un numéro de téléphone valide<b>";
	//document.getElementById("telinvalide").style.display='block';
	}
	else
	   { telinvalideAjout.innerHTML="Veuillez mettre les - ex: ( 123-555-7890 )";
	   tel_select.className="saisieValide";
		//document.getElementById("telinvalide").style.display='none';
		}
		
		// Valider la categorie.
	if(cat_select.value=="") {
		formEstValide = false;
		cat_select.className="saisieInvalide";
		spanAjoutcat.innerHTML="<b style='color:red'>* Veuillez choisir une catégorie<b>";
	//document.getElementById("provinvalide").style.display='block';
	}
	else
	   {  spanAjoutcat.innerHTML="";
	   cat_select.className="saisieValide";
		//document.getElementById("provinvalide").style.display='none';
		}
		
		// Valider la marque.
	if(mar_select.value=="") {
		formEstValide = false;
		mar_select.className="saisieInvalide";
		spanAjoutmar.innerHTML="<b style='color:red'>* Veuillez choisir une marque<b>";
	//document.getElementById("provinvalide").style.display='block';
	}
	else
	   {  spanAjoutmar.innerHTML="";
	   mar_select.className="saisieValide";
		//document.getElementById("provinvalide").style.display='none';
		}

	if(formEstValide==true) {
		
		modifierRep1(f);
		return true;
		
	}
	else { 
		return false;
	}
	


	
}



/*
	La fonction qui fait le reload de la page cms_detaillants.php
	Elle est appelée par quelques fonctions ci-dessous, surtout quand on clique le boutons "Retourner à la page précédante"
*/


function modifierRep1(frm) {
	ajaxCall("GET","../cms/cms_det.php?action=modifier&"+produireFormGet1(frm),null,true, genererModifierRep1);
}

function produireFormGet1(f) {
	var formElements = f.elements;
	var qs = "";
	for(var i=0; i<formElements.length; i++) {
		qs += formElements[i].name+"="+formElements[i].value;
		if(i<formElements.length-1) {
		qs+= "&";
		}
	}
	
	return qs;
}

function displayModifierRep1(id) {
	ajaxCall("GET","../cms/cms_det.php?action=display_modifier&detId="+id,null,true, genererDisplayModifierRep1);
}

function supprimerDet1(id) {
	ajaxCall("GET","../cms/cms_det.php?action=displaySupprimer&detId="+id,null,true,genererDisplaySupprimerRep1);
}

function supprimerDet2(id) {
	ajaxCall("GET","../cms/cms_det.php?action=supprimer&detId="+id,null,true,confirmation);
}


function confirmation(){
	if(xhr.readyState==4) {
		if(xhr.status==200){
			var reponse = xhr.responseText;
			//alert(reponse);
			var reponseJson = JSON.parse(reponse);
			if(reponseJson=true){
				var markup = "<h1 style='color:red;'>Le detaillant a été supprimé.</h1>";
				 document.getElementById("liste").innerHTML = markup;
				}
			else
			  {
				  var markup = "<h1 style='color:red;'>Erreur de suppression.</h1>";
				 document.getElementById("liste").innerHTML = markup;
				  }
			
			}}
	
	}

function genererDisplaySupprimerRep1() {
	if(xhr.readyState==4) {
		if(xhr.status==200){
			var reponse = xhr.responseText;
			//alert(reponse);
			var reponseJson = JSON.parse(reponse);
			/*alert(reponse);*/
			var markup = "<h1 style='color:red;'>Vous êtes sur le point de supprimer le détaillant ci-dessous<br />Voulez-vous vraiment confirmer l'opération?</h1>";
			markup += "<div class='textcenter'><form>";
				markup += "<input  type='button' name='supprimerOui' value='OUI' onclick='supprimerDet2("+reponseJson[0]["det_id"]+");' />";
				markup += "<input type='button' name='supprimerNon' value='NON' onclick='displayReps();' />";
			markup += "</form></div><br />";
			markup += "<div id='suprCenter' class='column'>";
			markup += "<table style='border:1px #000 dotted; width:450px;'>";
			 markup +="<tr><td>Nom du détaillant : </td><td>"+reponseJson[0]['det_nom']+"</td></tr>";
                markup +="<tr><td>Adresse : </td><td>"+reponseJson[0]['det_adresse']+"</td></tr>";;
				  markup +="<tr><td>Province: </td><td>"+reponseJson[0]['prov_nom']+"</td></tr>";
				markup +="<tr><td>Ville: </td><td>"+reponseJson[0]['ville_nom']+"</td></tr>";
                  markup +="<tr><td>Lien: </td><td>"+reponseJson[0]['lien']+"</td></tr>";
              markup +="<tr><td>Téléphone : </td><td>"+reponseJson[0]['det_tel']+"</td></tr>";
			markup += "</table></div>";
				 document.getElementById("liste").innerHTML = markup;
		}}}


function genererDisplayModifierRep1() {
	if(xhr.readyState==4) {
		if(xhr.status==200){
			var reponse = xhr.responseText;
			//alert(reponse);
			var reponseJson = JSON.parse(reponse);
			
		    var frm_Markup ="<div id='mf_form'><form name='frmModifier'>";
				frm_Markup +="<input id='quelForm' type='hidden' name='txtId_det' value='"+reponseJson[0]['det_id']+"' />";
                  frm_Markup +="<h1 class='border_bas'>Modifier un détaillant</h2><br />";
				  frm_Markup +="<div class='mf_labels'><span> Tous les champs sont obligatoires </span></div>";
                  frm_Markup +="<div class='mf_labels clear_float'><label>Province : </label></div>";
                  frm_Markup +="<div class='mf_input'>";
				  	frm_Markup += "<select id='aj_province1' name='radioProvince_det' onchange='go1000()'>";
						frm_Markup += "<option value='-1'>Sélectionnez une province</option>";
						frm_Markup += "<option value='1'>Ontario</option>";
						frm_Markup += "<option value='2'>Québec</option>";
					frm_Markup += "</select>";
					frm_Markup += "<span id='provinvalideAjout'></span>";
                  frm_Markup +="</div>";
					frm_Markup +="<div class='clear_float' id='regioncms'></div>";
					
                  frm_Markup +="<div class='clear_float mf_labels'><label>Nom du détaillant : </label></div><div class='mf_input'><input type='text' id='nomModif' name='txtNomDet_det' tabindex='4' value='"+reponseJson[0]['det_nom']+"' /><span id='nominvalideAjout1'></span></div>";
                  frm_Markup +="<div class='clear_float mf_labels'><label>Adresse : </label></div><div class='mf_input'><input type='text' id='adresseModif' name='txtAdresse_det' tabindex='5' value='"+reponseJson[0]['det_adresse']+"' /><span id='adresseinvalideAjout1'>ex: 111, Rue Tremblay N6H 5L4</span></div>";
				  
                 frm_Markup +="<div class='clear_float mf_labels'><label>Téléphone : </label></div><div class='mf_input'><input type='text' id='telModif' name='tel_det' tabindex='5' value='"+reponseJson[0]['det_tel']+"' /><span id='telinvalideAjout1'>Veuillez mettre les - ex: ( 123-555-7890 )</span></div>";
				 
				  frm_Markup +="<div class='clear_float mf_labels'><label>Lien : </label></div><div class='mf_input'><input type='text' id='lienModif' name='lien_det' tabindex='5' value='"+reponseJson[0]['lien']+"' /><span id='lieninvalideAjout1'> ex: http://www.google.com, sinon mettre un #</span></div>";
				 
				frm_Markup +=" <div class='clear_float mf_labels'><label>Catégorie : </label></div>";
				 frm_Markup += "<div class='mf_input'><select id='aj_cat' name='cat_det1'>";
						frm_Markup += "<option value=''>Sélectionnez une categorie</option>";
						frm_Markup += "<option value='1'>Centre de jardin et maison</option>";
						frm_Markup += "<option value='2'>Marina</option>";
						frm_Markup += "<option value='3'>VR Caravaning</option>";
						frm_Markup += "<option value='4'>Camping</option>";
						frm_Markup += "<option value='5'>Détaillants divers</option>";
					frm_Markup += "</select>";
					frm_Markup += "<span id='catinvalideAjout1'></span></div>";
					frm_Markup +=" <div class='clear_float mf_labels'><label>Marque : </label></div>";
					 frm_Markup += "<div class='mf_input'><select id='aj_marque' name='marque_det1'>";
						frm_Markup += "<option value=''>Sélectionnez une marque</option>";
						frm_Markup += "<option value='1'>Bug-tek</option>";
						frm_Markup += "<option value='2'>Aqua-tek</option>";
						frm_Markup += "<option value='3'>Bug-tek et Aqua-tek</option>";
					frm_Markup += "</select>";
					frm_Markup += "<span id='marinvalideAjout1'></span></div></div>";
				 
                 
                                
                  frm_Markup +="<div class='clear_float' style='margin-left:300px; margin-top:10px; margin-bottom:10px;'><input type='button' name='btnSubmit' tabindex='16' value='Envoyer' onclick='valider1(frmModifier)' /></div>";
               frm_Markup +="</form></div>";
			   
			  
			   document.getElementById("liste").innerHTML = frm_Markup;
			  // setFocus1(reponseJson[0]['det_id']);
			   /*setFocus2(reponseJson[0]['det_id']);
			   setFocus3(reponseJson[0]['det_id']);*/
                 document.getElementById("mf_div_btnAjouter").innerHTML="<form id='frm_buttons_backajouter' action='' method='get'><input name='cms_back' value='&lt;&lt; Retourner à la page précédente' onclick='lienBoutton()'; type='button'></form>";
               
			  
		}
	}
}


function lienBoutton() {
				  window.location.href='cms_detaillants.php';
				 } 

		
		

function genererModifierRep1() {
	if(xhr.readyState==4) {
		if(xhr.status==200){
			document.getElementById("liste").innerHTML = "<p style='color:red;'>Le detaillant a été modifié.</p>";
			
			
			
		}
	}
}

/*
function setFocus1(valeur) {
       if(valeur==1) {
               document.frmModifier.radioProvince_det.options.selectedIndex = 1;
       }
       else
               document.frmModifier.radioProvince_det.options.selectedIndex = 2;
}

function setFocus2(valeur) {
       if(valeur==1) 
               document.frmModifier.cat_det1.options.selectedIndex = 1;
       else if(valeur==2)
               document.frmModifier.cat_det1.options.selectedIndex = 2;
	   else if(valeur==3)
               document.frmModifier.cat_det1.options.selectedIndex = 3;
	   else if(valeur==4)
               document.frmModifier.cat_det1.options.selectedIndex = 4;	
	  else
	      document.frmModifier.cat_det1.options.selectedIndex = 5;	
}

function setFocus3(valeur) {
       if(valeur==1) 
               document.frmModifier.marque_det1.options.selectedIndex = 1;
       
       else if(valeur==2)
               document.frmModifier.marque_det.options.selectedIndex = 2;
		else
		document.frmModifier.marque_det.options.selectedIndex = 3;
}*/