<?php
// Variables passées à cette vue par le controleur

// - 1) du super Controleur (AppController)

$PROFILE_USER = $PROFILE_USER; // 1
$PROFILE_RESPONSABLE = $PROFILE_RESPONSABLE; // 2
$PROFILE_ADMIN = $PROFILE_ADMIN; // 3
//$PROFILE_ADMINPLUS = $PROFILE_ADMINPLUS; // 4
$PROFILE_SUPERADMIN = $PROFILE_SUPERADMIN; // 5
$allProfiles = $allProfiles;

// PAS TOUJOURS
//$_serialize = $_serialize; // True or False

$username = $username;
$configuration = $configuration;
$D = $D;
$priviledgedUser = $priviledgedUser; // ATTENTION, $priviledgedUser = NULL si l'utilisateur courant n'est pas un utilisateur privilégié (pas dans la table "utilisateurs")
$role = $role;
$profile = $profile;
$USER_IS_UTILISATEUR = $USER_IS_UTILISATEUR;
$USER_IS_RESPONSABLE = $USER_IS_RESPONSABLE;
$USER_IS_ADMIN = $USER_IS_ADMIN;
//$USER_IS_ADMINPLUS = $USER_IS_ADMINPLUS;
$USER_IS_SUPERADMIN = $USER_IS_SUPERADMIN;
$USER_IS_RESPONSABLE_OR_MORE = $USER_IS_RESPONSABLE_OR_MORE;
$USER_IS_ADMIN_OR_MORE = $USER_IS_ADMIN_OR_MORE;
//$USER_IS_ADMINPLUS_OR_MORE = $USER_IS_ADMINPLUS_OR_MORE;

$hiddenFields = $hiddenFields;
$mandatoryFields = $mandatoryFields;
$readOnlyFields = $readOnlyFields;
$haveDefaultValueFields = $haveDefaultValueFields;
/*
 debug($hiddenFields);
 debug($mandatoryFields);
 debug($readOnlyFields);
 debug($haveDefaultValueFields);
 */

// Metrologie
$idGmNa = $idGmNa;
$idGtNa = $idGtNa;

// ET AUSSI QUELQUES FONCTIONS :
$displayElement = $displayElement;
$dateProchainControleVerif = $dateProchainControleVerif;


// - 2) du controleur de cette vue (SuivisController)

// add or edit mode ? true=add ; false=edit
$IS_ADD = $IS_ADD;
$IS_EDIT = !$IS_ADD;

//debug($entity);
$entity = $entity;      // nouveau nom
$suivi = $entity;     // @deprecated
$typeSuivis = $typeSuivis;
//foreach($typeSuivis as $ts) debug($ts);

$typeSuivisAll = $typeSuivisAll;
//debug($typeSuivisAll);
//foreach($typeSuivisAll as $k=>$v) { debug("$k : "); debug($v); }

//debug($typeSuivisAll[1]);
//debug($typeSuivisAll[5]);
//foreach($typeSuivisAll as $k=>$v) debug("$k : ".(int)($v+0));
//debug($suivi);
//debug( $typeSuivisAll[$suivi->type_suivi_id]->is_regular ));

$parent = $parent;      // nouveau nom
$materiel = $parent;    // @deprecated
$materiels = $parents;

//$materiel_id = $materiel_id;
//$parent_id = $parent_id;

$unite = $unite;
$domaineresp = $domaineresp;

/* (EP) désactivé car inutile
$groupesThematiques = $groupesThematiques;
$groupesMetiers = $groupesMetiers;
*/

$entity_name = 'suivi';
$parent_controller = 'materiels';

// ADD only
if ($IS_ADD) {
    $verb = 'Ajouter';
    $icon = 'icon-plus';
    $variables = $variables;
    $formule = $formule;
    $formules = $formules;
}
// EDIT only
else {
    $verb = 'Éditer';
    $icon = 'icon-edit';
    $metro = $metro;
    //$numMateriel = $numMateriel;
}
?>

<!-- 
<div class="suivis form col-lg-12 col-md-12 col-sm-12">
-->
<div class="suivis form col-lg-5 col-md-7 col-sm-9">

	<!-- Titre -->
	<h2>
		<i class="<?=$icon?>"></i> <?="$verb un $entity_name"?>
	</h2>
	
	<?php
	
	// Ce suivi concerne le materiel...
    //$link = isset($materiel) ? $materiel->designation : 'Suivi '.$suivi->id;
	$displayElement(__("Matériel concerné :"), $this->Html->link($parent->designation, [
        'controller' => 'materiels',
        'action' => 'view',
        $parent->id
    ]));
    
	/* IDEM
	debug($suivi->get('materiel_id'));
	debug($suivi->materiel_id);
	*/
	
    echo $this->Form->create($suivi);
    
    	$echoSubmitButtons($this, 
    	    'view', 
    	    //$parent_id, 
    	    $parent->id,
    	    $parent_controller
        );
    	?>
    	
    	<fieldset>

            <?php
            
            // - intitulé
            echo $this->Form->control('intitule', [
                'label' => 'Intitulé',
                'required' => 'required'
            ]);
    
            // - matériel suivi (hidden)
            echo $this->Form->hidden('materiel_id', [
                'options' => $materiels,
                'default' => $parent->id
                // EDIT
                //'default' => $suivi->get('materiel_id')
                // ADD
                //'default' => $this->request->getAttribute('params')['pass'][0]
           	]);
            

            // - num labo
            /* (EP inutile)
            echo $this->Form->control('materiel_numero_laboratoire', [
                'label' => 'N° materiel labo',
                'default' => $materiel['numero_laboratoire'],
                'disabled' => TRUE
            ]);
            // IDEM ($materiel est un object)
            debug($materiel->numero_laboratoire);
            debug($materiel['numero_laboratoire']);
            */

            // ADD only
            if ($IS_ADD) {
            echo '<div id="listes" style="display:none">';
	            echo $this->Form->control('listeunite', [
    	            'options' => $unite
        	    ]);
            	echo $this->Form->control('listeformule', [
                	'options' => $formule
	            ]);
            echo '</div>';
            }
            
            // - type suivi
            echo $this->Form->control('type_suivi_id', [
                'label' => "Type d'intervention",
                'options' => $typeSuivis,
                'disabled' => false,
                //'disabled' => TRUE
                // ADD only :
	            'default' => 3,
    	        'empty' => "Choisir le type de suivi",
                'required' => 'required'
            ]);
            
            // ADD only
            //if ($IS_ADD) {
            $style_hide = "style='display:none'";
            $style_show = "";
            // ADD
            if ($IS_ADD) {
                $style_periodicity = $style_hide;
                $style_dates = $style_show;
            }
            // EDIT
            else {
                //if ( in_array($suivi->type_suivi->nom, ['Réparation','Autre']) ) {
                //if ( $typeSuivisAll[$suivi->type_suivi_id] ) {
                if ( $typeSuivisAll[$suivi->type_suivi_id]['is_regular'] ) {
                    $style_dates = $style_hide;
                    $style_periodicity = $style_show;
                }
                else {
                    $style_periodicity = $style_hide;
                    $style_dates = $style_show;
                }
            }
            
            // PERIODICITÉ (tous les X jours/semaines/mois/ans)
            //echo "<div id='frequence' style='display:none'>";
            echo "<div id='frequence' $style_periodicity>";
	            echo '<table id="tableAlignementFrequence" border=0><tr>';
	            // - fréquence
	            echo '<td>';
	            echo $this->Form->control('frequence', [
	                'type' => 'text',
	                'id' => 'SuiviFrequence',
	                'label' => 'Fréquence',
	                //'disabled' => true,
	                'templates' => [
	                    'inputContainer' => '<div class="A">{{content}}</div>'
	                ],
	                'placeholder' => ''
	            ]);
	            echo '</td>';
	            // - type fréquence
	            echo '<td>';
	            echo $this->Form->control('type_frequence', [
	                //'label' => false,
	                'label' => 'Intervalle',
	                //'disabled' => true,
	                'templates' => [
	                    'inputContainer' => '<div class="typeFrequence">{{content}}</div>'
	                ],
	                'options' => [
	                    '/ Jours' => '/ Jours',
	                    '/ Semaines' => '/ Semaines',
	                    '/ Mois' => '/ Mois',
	                    '/ Ans' => '/ Ans'
	                ],
	                'default' => '/ Mois'
	            ]);
	            echo '</td>';
	            echo '</tr></table>';
	        echo '</div>';
	        
	        // DATES
	        
	        //echo '<div id="dates" style="display:none">';
	        echo "<div id='frequence' $style_dates>";
	        
    	        // - date suivi
    	        echo $this->Form->control('date_controle', [
    	            'type' => 'text',
    	            'id' => 'date_deb',
    	            'label' => 'Date de la prise en charge',
    	            'class' => 'datepicker',
    	            'placeholder' => 'Cliquez pour sélectionner une date (JJ/MM/AAAA)',
    	            'default' => date("d/m/Y")
    	        ]);
    	        
    	        // - date fin
    	        // ADD only
    	        $tomorrow = (new \DateTime(date("d-m-Y")))->add(new \DateInterval('P1D'))->format("d/m/Y");
    	        echo $this->Form->control('date_prochain_controle', [
    	            'type' => 'text',
    	            'id' => 'date_fin',
    	            'label' => 'Date estimée de fin',
    	            'class' => 'datepicker',
    	            'placeholder' => 'Cliquez pour sélectionner une date',
        	        //'default' => $tomorrow
    	        ]);
    	        
	        echo '</div>';
            //}
           
            // EDIT only
            /* (EP) plus nécessaire
            // Affichage des bonnes informations en fonction du type de suivi
            if ($IS_EDIT) {
            
            // type = maintenance ? => cas spécifique
            //if ($suivi->type_suivi_id == 2 ) {
            //debug($suivi->type_suivi);
            //debug($suivi);
            if ($suivi->type_suivi->nom == 'Maintenance' ) {
            //if ($suivi->type_suivi->is_regular) {
                // - date controle
                //echo '<div id="dates" style="display:none">'; // ADD only
                echo '<div id="dates">'; // ADD only
            	echo $this->Form->control('date_controle', [
            			'type' => 'text',
            			'id' => 'date_deb',
            			'label' => 'Date de la prise en charge',
            			'class' => 'datepicker',
            			'placeholder' => 'Cliquez pour sélectionner une date',
            			//'disabled' => true
            	]);
            	// - date prochain controle
            	echo $this->Form->control('date_prochain_controle', [
            			'type' => 'text',
            			'id' => 'date_fin',
            			'label' => 'Date de fin estimée',
            			'class' => 'datepicker',
            			'placeholder' => 'Cliquez pour sélectionner une date'
            	]);
            	echo '</div>'; // ADD only
            } // maintenance
            
            // EDIT only
            // autre type que maintenance ? => cas général
            else {
                //echo '<div id="frequence" style="display:none">'; // ADD only
                echo '<div id="frequence">'; // ADD only
                //echo '<table id="tableAlignementFrequence" border=1><tr>';
                echo '<table id="tableAlignementFrequence" border=0><tr>';
                	// - fréquence
                	echo '<td>';
                    	echo $this->Form->control('frequence', [
                			'type' => 'text',
                			'id' => 'SuiviFrequence',
                			'label' => 'Fréquence',
                			//'disabled' => true,
                			'templates' => [
                					'inputContainer' => '<div class="A">{{content}}</div>'
                			],
                			'placeholder' => ''
                    	]);
                	echo '</td>';
                	// - type fréquence
                	echo '<td>';
                    	echo $this->Form->control('type_frequence', [
                    	    //'label' => false,
                    	    'label' => 'Intervalle',
                			//'disabled' => true,
                			'templates' => [
                					'inputContainer' => '<div class="typeFrequence">{{content}}</div>'
                			],
                			'options' => [
                					'/ Jours' => '/ Jours',
                					'/ Semaines' => '/ Semaines',
                					'/ Mois' => '/ Mois',
                					'/ Ans' => '/ Ans'
                			],
                			'default' => '/ Mois'
                    	]);
            	   echo '</td>';
            	echo '</tr></table>';
            	echo '</div>';
            } // autre type que maintenance
            } // EDIT only
            */
    
            // statut (EDIT only)
            if ($IS_EDIT)
            echo $this->Form->control('statut', [
                'options' => [
                    'En cours' => 'En cours',
                    'Terminé' => 'Terminé'
                ]
            ]);
            
            // prestataire
            echo $this->Form->control('organisme', [
                'label' => 'Prestataire'
            ]);
            
            /* (EP) Groupes : désactivé car inutile
            // groupe thématique
            echo $this->Form->control('groupes_thematique_id', [
                'label' => $configuration->nom_groupe_thematique,
                'options' => $groupesThematiques,
                'default' => $materiel->groupes_thematique_id
                // idem
                //'default' => $materiel['groupes_thematique_id']
            ]);
            
            // groupe métier
            echo $this->Form->control('groupes_metier_id', [
                'label' => $configuration->nom_groupe_metier,
                'options' => $groupesMetiers,
                'default' => $materiel->groupes_metier_id
                // idem
                //'default' => $materiel['groupes_metier_id']
            ]);
            */
            
            // (metro) type mesure (hidden)
            // ADD
            if ($IS_ADD) echo '<div id="typedemesure">';
            // EDIT
            else {
            echo '<div id="typedemesure" style="display:none">';
                // echo '<div class="input select required"><label for="typemesure">Type de mesure</label><select name="typemesure" id="typemesure"><option value="1">Direct</option><option value="2">Indirect</option></select></div>';
                // La ligne du dessus est l'équivalent en pas propre de l'input juste en dessous !
                echo $this->Form->control('typemesure', [
                    'label' => 'Type de mesure',
                    'options' => [
                        '1' => 'Direct',
                        '2' => 'Indirect'
                    ]
                    // 'required' => 'required'
                ]);
            } // EDIT
            echo '</div>';
    
            
            // Section métrologie (hidden)
            // ADD
            if ($IS_ADD) echo '<div id="metro">';
            // EDIT
            else {
            echo '<div id="metro" style="display:none">';
                // (metro) nom mesure (hidden)
                echo $this->Form->control('nommesure', [
                    'label' => 'Nom de la mesure'
                    // 'required' => 'required'
                ]);
                echo $this->Form->control('symbole', [
                    'label' => 'Symbole'
                    // 'required' => 'required'
                ]);
                echo $this->Form->control('unite_id', [
                    'options' => $unite,
                    'label' => 'Unité',
                    'empty' => 'choisir une unité'
                    // 'required' => 'required'
                ]);
                echo $this->Form->control('valeurRef', [
                    'label' => 'Valeur de référence'
                    // 'required' => 'required'
                ]);
                echo $this->Form->control('plage_debut', [
                    'label' => 'Plage de mesure (debut)'
                ]);
                echo $this->Form->control('plage_fin', [
                    'label' => 'Plage de mesure (fin)'
                ]);
                echo $this->Form->control('resolution', [
                    'label' => 'Resolution'
                    // 'required' => 'required'
                ]);
                echo $this->Form->control('tolerance', [
                    'label' => 'Tolerance'
                    // 'required' => 'required'
                ]);
                echo $this->Form->control('sensibilite', [
                    'label' => 'Sensibilité'
                ]);
                echo $this->Form->control('justesse', [
                    'label' => 'Justesse'
                ]);
                echo $this->Form->control('fidelite', [
                    'label' => 'Fidelite'
                ]);
                echo $this->Form->control('emtstandart', [
                    'label' => 'EMT standart'
                    // 'required' => 'required'
                ]);
            } // EDIT
            echo '</div>'; // Section métrologie (hidden)
            
            // commentaire
            echo $this->Form->control('commentaire', [
                'type' => 'textarea'
            ]);
            
            // nom créateur (ADD) ou modificateur (EDIT) : (hidden)
            $f = $IS_ADD ? 'nom_createur' : 'nom_modificateur';
            echo $this->Form->hidden($f, ['value' => $username]);
            ?>
            
    </fieldset>
    
    <!--  BOUTONS submit & cancel -->
    <!-- <= $this->Form->submit(__('Valider')) ?> -->
	<?php $echoSubmitButtons($this, 
	    'view', 
	    //$parent_id, 
	    $parent->id,
	    $parent_controller
    );

    echo $this->Form->end(); 
    ?>    
    
</div>

<!--
<div class="actions">
	<php
echo $this->element('menu');
echo $this->element('menu_form', [
    'pluralHumanName' => 'Suivis'
]);
?>
</div>
-->






<!-- 
********************************************************************************
                                JAVASCRIPT functions 
********************************************************************************
-->

<script type="text/javascript">


$(document).ready(function () {

	console.log("Doc. chargé");

	// (EP) Une fois pour toutes, on récupère la liste des types de suivi
	// conversion php => javascript
	var typeSuivisAll = <?php echo json_encode($typeSuivisAll); ?>;


	// (EDIT only)
	// (metro)
	var type_suivi = $("#type-suivi-id :selected").text();
	var ismetro = "<?=$materiel['metrologie']?>";

	// EDIT only
	/*
	 *  Vérification date début < date fin
	 */
	$("#date_deb").bind("change", function (event) 	{ check_date_deb_inf_date_fin(); } ); 
	$("#date_fin").bind("change", function (event) 	{ check_date_deb_inf_date_fin(); } ); 
			

	/*
	// 1 - Afficher la section PERIODICITE ou DATE selon le type suivi choisi
	if (type_suivi != "Choisir le type de suivi") { 
    	//if (type_suivi == "Panne")
    	if (type_suivi == "Réparation" || type_suivi == "Etalonnage") { 
    		$("#frequence").hide();
    	}
    	else { 
    		$("#frequence").show();
    	}
	}
	*/
	// 2 - (metro) Afficher ou non la section MÉTROLOGIE
	// TODO: (EP nouvelle proposition à tester)
	//if (typeSuivisAll[type_suivi_id]['is_metro']) 
	if (type_suivi == "Vérification métrologique") {
		$("#metro").show();
		$("#nommesure").attr('required',true);
		$("#symbole").attr('required',true);
		$("#unite_id").attr('required',true);
		$("#valeurRef").attr('required',true);
		$("#resolution").attr('required',true);
		$("#tolerance").attr('required',true);
		$("#emtstandart").attr('required',true);
		$("#typedemesure").show();
		$("#typedemesure").attr('required',true);
	} else if (ismetro == 1) {
		$("#metro").hide();
		$("#nommesure").attr('required',false);
		$("#symbole").attr('required',false);
		$("#unite_id").attr('required',false);
		$("#valeurRef").attr('required',false);
		$("#resolution").attr('required',false);
		$("#tolerance").attr('required',false);
		$("#emtstandart").attr('required',false);
		$("#typedemesure").hide();
		$("#typedemesure").attr('required',false);
	}
	
	// ADD only
	// (metro)
	// 	$('#metro').hide();
	var cpt = 0;
	$('#metro').children('.input').each(function() {
    	$(this).hide();
    	cpt ++;
    	var props="";
    	console.log('Yolo' + cpt + ' - ' + this.textContent + ' - ' + this.hidden);
    	for (prop in this) { 
    		props+= prop +  " => " +this[prop] + "\n";
    	}
    	console.log(props);
	});

	
	// ADD only
	// Changement type suivi => afficher la bonne section périodicité ou date + section metro
	$("#type-suivi-id").bind("change", function (event) {

		// le type suivi sélectionné (texte)
		var type_suivi=$("#type-suivi-id :selected").text();
		// le type suivi ID sélectionné
		var type_suivi_id=$("#type-suivi-id :selected").val();
		//console.log("coucou");

		//if( type_suivi == "Panne")
    	//if (type_suivi == "Réparation" || type_suivi == "Autre")
		if( type_suivi != "Choisir le type de suivi" ) {
			console.log("coucou");
			console.log(type_suivi_id);
    		//if (typeSuivisAll[type_suivi_id])
    		if (typeSuivisAll[type_suivi_id]['is_regular']) {
    			//document.getElementById('frequence').innerHTML = "";
    			$("#dates").hide();
    			$("#frequence").show();
    		} else {
    			$("#frequence").hide();
    			$("#dates").show();
    			/*
    			document.getElementById('frequence').innerHTML = 
    				"<div class=\"input text required\" ><table id=\"tableAlignementFrequence\" ><tbody><tr><td><div class=\"A\"><label for=\"SuiviFrequence\">Fréquence</label><input type=\"text\" name=\"frequence\" id=\"SuiviFrequence\" placeholder=\"\" required=\"required\" maxlength=\"11\"></div></td><td><div class=\"typeFrequence\" ><select name=\"type_frequence\" id=\"type-frequence\"><option value=\"/ Jours\">/ Jours</option><option value=\"/ Semaines\">/ Semaines</option><option value=\"/ Mois\" selected=\"selected\">/ Mois</option><option value=\"/ Ans\">/ Ans</option></select></div></td></tr></tbody></table></div>";
    			*/
    		}
		}

		// (metro)
		// TODO: (EP nouvelle proposition à tester)
		//if (typeSuivisAll[type_suivi_id]['is_metro']) 
		if (type_suivi== "Vérification métrologique") {
			document.getElementById('typedemesure').innerHTML ="<div class=\"input select required\"><label for=\"typemesure\">Type de mesure</label><select name=\"typemesure\" onchange=\"typedemesure()\" id=\"typemesure\"><option value=\"1\">Direct</option><option value=\"2\">Indirect</option></select></div>";
			$('#listes').show();
			typedemesure();
		} else {
 			//document.getElementById('metro').innerHTML ="";
			document.getElementById('typedemesure').innerHTML = "";
			$('#listes').hide();
		}
		
	}); // changement type_suivi


	/**
     * Event calcul date prochain controle
     */
    $("#SuiviFrequence").bind("change", function (event) {
  		console.log("SuiviFrequence changed");
    	if($("#date-controle").val() != "" && $("#SuiviFrequence").val() != "") {
    		var url = document.URL;
    		var reg=new RegExp("(suivis).*$","g");
    		var dateUrl = url.replace(reg, "Suivis/getNextDate/");
    		$.ajax({
    			url: dateUrl + $("#date-controle").val() + "/" + $("#SuiviFrequence").val() + "/" + $("#type-frequence").val().substring(2)
    		}).done(function(data) {
    			$("#date-prochain-controle").val(data)
    		});
    	}
    }); // changement frequence suivi
  	$("#type-frequence").bind("change", function (event) {
  		console.log("type-frequence changed");
  		if($("#date-controle").val() != "" && $("#SuiviFrequence").val() != "") {
  			var url = document.URL;
  			var reg=new RegExp("(suivis).*$","g");
  			var dateUrl = url.replace(reg, "Suivis/getNextDate/");
  			$.ajax({
  				url: dateUrl + $("#date-controle").val() + "/" + $("#SuiviFrequence").val() + "/" + $("#type-frequence").val().substring(2)
  			}).done(function(data) {
  				$("#date-prochain-controle").val(data)
  			});
  		}
    }); // changement type frequence


  	
}); // document.ready()



/*
 * *************************
 * ******* FONCTIONS *******
 * *************************
 */

// (EP 20200410) Vérification date début < date fin
function check_date_deb_inf_date_fin() { check_dates_d1_inf_d2("#date_deb", "#date_fin", "La date de début de prise en charge doit être antérieure à la date de fin"); }
/*
function check_dates() {
    d1 = toDate($("#date_deb")[0].value); 	// Date de la prise en charge de la panne
    d2 = toDate($("#date_fin")[0].value); 	// Date estimee de fin de la panne
    if($("#date_fin")[0].value != undefined){
    	if(d1 > d2) {
    		alert("Les dates ne correspondent pas, la date de début de prise en charge doit être antérieure à la date de fin.");
    		event.preventDefault();
    	}
    }
}
*/

// (metro) ADD only
function typedemesure() {
	var type_suivi=$("#type-suivi-id :selected").text();
	var opts ="";
	$('#listeunite option').each(function(){
		if($(this).val()==10){
			opts += "<option selected=\"selected\" value=\""+$(this).val()+"\">"+$(this).text()+"</option>";
		} else {
			opts += "<option value=\""+$(this).val()+"\">"+$(this).text()+"</option>";
		}
	});

	var listformule = "<option selected=\"selected\"></option>";
	$('#listeformule option').each(function(){
			listformule += "<option value=\""+$(this).val()+"\">"+$(this).text()+"</option>";
	});


	if($('#typemesure option:selected').val() == '1') {
		document.getElementById('metro').innerHTML ="<div class=\"input text required\" ><label for=\"nommesure\">Nom de la mesure</label><input type=\"text\" name=\"nommesure\" maxlength=\"45\" id=\"nommesure\"></div><div class=\"input text required\" ><label for=\"symbole\">Symbole</label><input type=\"text\" name=\"symbole\" maxlength=\"45\" id=\"symbole\"></div>";
		document.getElementById('metro').innerHTML +="<div class=\"input select required\" ><label for=\"unite-id\">Unité</label><select name=\"unite_id\" id=\"unite-id\" >"+opts+"</select></div>";
	} else {
		document.getElementById('metro').innerHTML ="<div class=\"input select required\" ><label for=\"formule_id\">Formule</label><select onchange=\"changeformule()\" name=\"formule_id\" id=\"formule-id\" >"+listformule+"</select></div>";
		document.getElementById('metro').innerHTML +="<div class=\"input text required\" ><label for=\"nommesure\">Nom de la mesure</label><input type=\"text\" readonly name=\"nommesure\" maxlength=\"45\" id=\"nommesure\"></div>";
		document.getElementById('metro').innerHTML +="<div class=\"input text required\" ><label for=\"symbole\">Symbole</label><input type=\"text\" readonly name=\"symbole\" maxlength=\"45\" id=\"symbole\"></div>";
		document.getElementById('metro').innerHTML +="<div class=\"input text required\" ><label for=\"unite\">Unité</label><input type=\"text\" readonly name=\"unite\" id=\"unite\"></div>"
	}
	document.getElementById('metro').innerHTML +="<div class=\"input number required\" ><label for=\"valeurref\">Valeur de référence</label><input type=\"number\" name=\"valeurRef\" step=\"any\" id=\"valeurref\"></div><div class=\"input number\" ><label for=\"plage-debut\">Plage de mesure (debut)</label><input type=\"number\" name=\"plage_debut\" step=\"any\" id=\"plage-debut\"></div><div class=\"input number\" ><label for=\"plage-fin\">Plage de mesure (fin)</label><input type=\"number\" name=\"plage_fin\" step=\"any\" id=\"plage-fin\"></div>";
	document.getElementById('metro').innerHTML +="<div class=\"input number required\" ><label for=\"resolution\">Resolution</label><input type=\"number\" name=\"resolution\" step=\"any\" id=\"resolution\"></div><div class=\"input number required\"  ><label for=\"tolerance\">Tolerance</label><input type=\"number\" name=\"tolerance\" step=\"any\" id=\"tolerance\"></div><div class=\"input number\" ><label for=\"sensibilite\">Sensibilité</label><input type=\"number\" name=\"sensibilite\" step=\"any\" id=\"sensibilite\"></div>";
	document.getElementById('metro').innerHTML +="<div class=\"input number \" ><label for=\"justesse\">Justesse</label><input type=\"number\" name=\"justesse\" step=\"any\" id=\"justesse\"></div><div class=\"input number \" ><label for=\"fidelite\">Fidelite</label><input type=\"number\" name=\"fidelite\" step=\"any\" id=\"fidelite\"></div><div class=\"input number required\" ><label for=\"emtstandart\">EMT standart</label><input type=\"number\" name=\"emtstandart\" step=\"any\" id=\"emtstandart\"></div>";
}

// (metro) ADD only
function changeformule(){
	var listeformules = $('#listeformules');
	var formule_id=document.getElementById('formule-id').options[document.getElementById('formule-id').selectedIndex].value;
	var re=new RegExp('.*\"id\": '+formule_id+',.*');
	var formule;
	var formule_array;
	$('#listeformules option').each(function() {
		if(re.test($(this).text())){
			formule =$(this).text();
			formule= formule.substring(2,formule.length-2);
			var reg=new RegExp('[ ,:]+');
			formule_array = formule.split(reg);
			var regE=new RegExp('[ "]+');
			for (var i=0; i< formule_array.length;i++){
				if(regE.test(formule_array[i])){
					formule_array[i]= formule_array[i].substring(1,formule_array[i].length-1);
				}
			}
		}
	});
	document.getElementById("nommesure").value=formule_array[4];
	document.getElementById("symbole").value=formule_array[8];
	document.getElementById("unite").value=formule_array[10];
	var var_array = new Array(<?php $variables?>);
	alert(var_array);
}

</script>