<div class="materiels form">
    <?= $this->Form->create($materiel) ?>
    <fieldset>
        <h2><i class="icon-edit"></i> Administrer un Matériel</h2>
        
        <?php 
        echo $this->Html->link('Retourner au formulaire d\'édition classique', ['action' => 'edit', $materiel->id]);
        echo '<br><br>';
        ?>
        <?= $this->Form->submit(__('Enregistrer')) ?>
       
        <?php
        
        echo $this->Form->input('designation', ['label' => 'Désignation']);
        
        echo $this->Form->input('numero_laboratoire', ['label' => 'Numéro de laboratoire']);
        
		echo $this->Form->input('hors_service', ['label' => 'Appareil hors_service']);

		echo $this->Form->input('etiquette', [
				'label' => 'Etiquette posée',
		]);
		
        
        echo $this->Form->input('sur_categorie_id', [
        		'label' => 'Domaine', 
        		'options' => $surCategories, 
        		'empty' => 'Choisir un domaine',
        		'style' => 'width: 260px',
        		
        ]);
        
        $categs = $categories;
        // if a domaine is selected, reduce the categories list to this domaine
        if (isset ( $this->request->data['sur_categorie_id'] ) && ($this->request->data['sur_categorie_id'] != '')) {
        	$categs = $categs->where(['sur_categorie_id =' => $this->request->data['sur_categorie_id']]);
        }
        echo $this->Form->input('categorie_id', [
        		'label' => 'Catégorie', 
        		'style' => 'width: 380px',
        		'options' => $categs, 
        		'empty' => 'Choisir une catégorie',
        ]);
        
        // SOUS-CATEGORIES
        // by default, list is empty
        $souscategs = [];
        // if a categ is selected, update sous-categs list for this categ (only)
        if (isset ( $this->request->data['categorie_id'] ) && ($this->request->data['categorie_id'] != '')) {
        	$souscategs = $sousCategories;
        	$souscategs = $souscategs->where(['categorie_id' => $this->request->data['categorie_id']]);
        }
        echo $this->Form->input('sous_categorie_id', [
        		'label' => 'Sous-catégorie', 
        		'style' => 'width: 380px',
        		'options' => $souscategs, 
        		'empty' => 'Choisir une sous-catégorie',
        ]);
        
        echo $this->Form->input('materiel_technique', [
        		'label' => 'Technique',
        ]);
        echo $this->Form->input('materiel_administratif', [
        		'label' => 'Inventoriable (>'.$configuration->prix_inventaire_administratif.'€)',
        ]);
        
        echo $this->Form->input('description', [
        		'label' => 'Description',
        ]);
        

        echo $this->Form->input('site_id', [
        		'options' => $sites, 
        		'style' => 'width: 380px',
        		'default' => 9,
        ]);

		echo $this->Form->input('lieu_detail', ['label' => 'Détail lieu de stockage']);
		
        echo $this->Form->input('date_acquisition', [
        		'type' => 'text', 
        		'label' => 'Date de la commande', 
        		'class' => 'datepicker', 
        		'placeholder' => 'Cliquez pour sélectionner une date',
        ]);
        echo $this->Form->input('date_reception', [
        		'type' => 'text', 
        		'label' => 'Date de réception', 
        		'class' => 'datepicker', 
        		'placeholder' => 'A éditer lors de la réception uniquement.', 
        		'empty' => true]);
        

        echo '<table id="tableAlignementFrequence"><tr><td>';
        echo $this->Form->input('duree_garantie', [
        		'type' => 'text',
        		'style' => 'width: 100px',
        		'label' => 'Durée garantie',
        		'templates' => ['inputContainer' => '<div class="A">{{content}}</div>'],
        		'placeholder' => ''
        ]);
        echo '</td><td>';
        echo $this->Form->input ('unite_duree_garantie', [
        		'label' => false,
        		'templates' => ['inputContainer' => '<div class="typeFrequence">{{content}}</div>'],
        		'options' => ['Mois' => 'Mois', 'Ans' => 'Ans'],
        		'default' => 'Ans'
        ]);
        echo '</td></tr></table>';
        echo $this->Form->input('date_fin_garantie', [
        		'type' => 'text',
        		'label' => 'Date fin de garantie',
        		'placeholder' => 'Cliquez pour selectionner une date',
        		'class' => 'datepicker',
        		'default' => NULL
        ]);
        
        
        echo $this->Form->input('status', ['label' => 'Statut', 'options' => [
					'CREATED' => 'CREATED',
					'VALIDATED' => 'VALIDATED',
					'TOBEARCHIVED' => 'TOBEARCHIVED',
					'ARCHIVED' => 'ARCHIVED']]);
        
        echo $this->Form->input('numero_serie', [
        		'label' => 'Numéro de série',
        ]);
        echo $this->Form->input('groupes_thematique_id', [
        		'label' => $configuration->nom_groupe_thematique, 
        		'options' => $groupesThematiques,
        		'default' => 1]);
        echo $this->Form->input('groupes_metier_id', [
        		'label' => $configuration->nom_groupe_metier, 
        		'options' => $groupesMetiers,
				'default' => 1]);
        
        if(!(in_array($role, ['Responsable', 'Administration', 'Administration Plus', 'Super Administrateur']))) {
        echo $this->Form->hidden('nom_responsable', [
        		'label' => 'Nom du propriétaire',
        		'disabled' => $isReadonlyField('nom_responsable', $myReadonlyFields),
        		'empty' => 'Choisir un utilisateur',
        		'default' => $username,
        		'options' => $utilisateurs,
        ]);
        } 
        
        if(isset($nom_ancien_responsable)){
        	echo $this->Form->input ('nom_ancien_responsable', [
        			'label' => 'Nom ancien propriétaire',
        			'readonly' => true,
        			'default' => $nom_ancien_responsable
        	]);
        }
        	
        echo $this->Form->input('email_responsable', [
        		'label' => 'Email du propriétaire', 
        		'default' => $mail_responsable
        ]);
       
        
        echo $this->Form->input('fournisseur', [
        		'label' => 'Fournisseur',
        ]);
        echo $this->Form->input('organisme_id', [
        		'options' => $organismes, 
        		'style' => 'width: 380px',
        		'empty' => 'Choisir un organisme'
        ]);
        echo $this->Form->input('prix_ht', [
        		'label' => 'Prix HT (€)', 
        ]);
       
        	echo '<div style="border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin-bottom: 0; background: #EEE;"><span style="font-size: 9px; color: red;">Partie administrative</span>';
        	
        	echo $this->Form->input('adminEdit', [
        			'type' => 'checkbox',
        			'label' => 'Editer la partie administrative',
        			'onchange' => 'changeAdminEdit();',
        			'default' => false
        	]);
        	
        	echo $this->Form->input('eotp', [
        			'label' => 'Centre financier/EOTP',
        			'disabled' => true
        	]);
        	echo $this->Form->input('numero_commande', [
        			'label' => 'Numéro de commande',
        			'disabled' => true
        	]);
        	echo $this->Form->input('code_comptable', [
        			'label' => 'Code comptable',
        			'disabled' => true
        	]);
        	echo $this->Form->input('numero_inventaire_organisme', [
        			'label' => 'N° inventaire organisme',
        			'disabled' => true
        	]);
        	echo $this->Form->input('numero_inventaire_old', [
        			'label' => 'Ancien N° inventaire',
        			'disabled' => true
        	]);
        	echo '</div>';
        
        echo $this->Form->input('nom_createur', ['label' => 'Nom du créateur']);
        echo $this->Form->input('created', [
        		'label' => 'Date de création']);
        echo $this->Form->input('nom_modificateur', ['label' => 'Nom du modificateur', 'value' => $username ]);
        echo $this->Form->input('modified', [
        		'label' => 'Date de modification']);
        
        echo $this->Form->hidden('administrer', ['default' => 1]);
        ?>
    </fieldset>
    <?= $this->Form->submit(__('Enregistrer')) ?>
    <?= $this->Form->end() ?>
</div>

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


<?php
/**
 * GESTION DES EVENEMENTS SUR LES DOMAINES/CATEGORIES/SOUS-CATEGORIES 
 *
 * Phase initialisation (1ère ouverture de la page) :
 * - domaine ==> value = TOUS, select = "choisir" (ADD) ou data (EDIT)
 * - categ ==> value = TOUTES (ADD) ou from domaine (EDIT), select = "choisir" (ADD) ou data (EDIT)
 * - scateg ==> value = Aucune (ADD) ou from categ (EDIT), select = "choisir" (ADD) ou data (EDIT)
 *
 * Event domaine change :
 * - si select <> "choisir" ==> categ value = from domaine (select="choisir"), et vider scateg
 * - si select = "choisir" ==> categ value = TOUTES (select="choisir"), et vider scateg
 *
 * Event categ change :
 * - si select <> "choisir" ==> domaine select = from categ, et scateg values = from categ
 * - si select = "choisir" ==> vider scateg
 *
 * Event scateg change : RIEN A FAIRE
 */
?>

<script type="text/javascript">
           
/** 
 * Event DOMAINE change
 * 
 * Sur sélection d'un DOMAINE ==> update CATEGORIES + empty SOUS-CATEGORIES
 * 
 * Dans le détail :
 * - si select <> "choisir" ==> categ value = from domaine (select="choisir")
 * - si select = "choisir" ==> categ value = TOUTES (select="choisir")
 * - puis (dans les 2 cas) vider scateg
 * 
 */

$(document).ready(function () {
	$("#sur-categorie-id").bind("change", function (event) {
			var domaineId=$("#sur-categorie-id :selected").val();

			if (domaineId=="") 
				updateSelectOptionsFromAnother("#categorie-id", "#sur-categorie-id", "Categories/getAll", "Choisir une catégorie");
			else 
				updateSelectOptionsFromAnother("#categorie-id", "#sur-categorie-id", "Categories/getBySurCategorie", "Choisir une catégorie");
			emptySelectOptions("#sous-categorie-id","Choisir une sous-catégorie");
			return false;
	});
});

/**
 *
 * Event CATEGORIE change
 *
 * - si select = "choisir" ==> vider scateg
 * - si select <> "choisir" ==> domaine value selected = celui de la categ, et scateg values = from categ
 */
$(document).ready(function () {
	$("#categorie-id").bind("change", function (event) {
		var categId=$("#categorie-id :selected").val();
		var categLabel=$("#categorie-id :selected").text();
		
		if (categId=="") emptySelectOptions("#sous-categorie-id","Choisir une sous-catégorie");
		else {
			updateSelectOptionsFromAnother("#sous-categorie-id", "#categorie-id", "SousCategories/getByCategorie", "Choisir une sous-catégorie "+categLabel);
			updateSelectOptionsFromAnother("#sur-categorie-id", "#categorie-id", "SurCategories/getFromCategorie", "");
		}
		return false;
	});
});

 
 /**
  * Event Mail change
  */
  $(document).ready(function () {
  	$("#nom-responsable").bind("change", function (event) {
  		var url = document.URL;
  		var reg=new RegExp("(materiels).*$","g");
  		var emailUrl = url.replace(reg, "Users/getLdapEmail/");
  		$.ajax({
  			url: emailUrl + $("#nom-responsable").val()
  		}).done(function(data) { 
  			$("#email-responsable").val(data)
  		});
  	});
  });


  /**
   * Event calcul date fin de garantie
   */
    $(document).ready(function () {
    	$("#duree-garantie").bind("change", function (event) {
    		if($("#date-reception").val() != "" && $("#duree-garantie").val() != "") {
    			var url = document.URL;
    			var reg=new RegExp("(materiels).*$","g");
    			var dateUrl = url.replace(reg, "Materiels/getDateGarantie/");
    			$.ajax({
    				url: dateUrl + $("#date-reception").val() + "/" + $("#duree-garantie").val() + "/" + $("#unite-duree-garantie").val()
    			}).done(function(data) { 
    				$("#date-fin-garantie").val(data)
    			});
    		}
    	});
    	$("#unite-duree-garantie").bind("change", function (event) {
    		if($("#date-reception").val() != "" && $("#duree-garantie").val() != "") {
    			var url = document.URL;
    			var reg=new RegExp("(materiels).*$","g");
    			var dateUrl = url.replace(reg, "Materiels/getDateGarantie/");
    			$.ajax({
    				url: dateUrl + $("#date-reception").val() + "/" + $("#duree-garantie").val() + "/" + $("#unite-duree-garantie").val()
    			}).done(function(data) { 
    				$("#date-fin-garantie").val(data)
    			});
    		}
    	});
    });

    
</script>