Subversion Repositories eFlore/Applications.cel

Rev

Rev 3844 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3844 Rev 3845
1 
<?php if ('arbres' === $squelette ) : ?>
 1 
<?php if ('arbres' === $squelette ) : ?>
2 
	<form id="form-observation" role="form" autocomplete="on">
 2 
	<form id="form-observation" role="form" autocomplete="on">
3 
		<h2>Relevé</h2>
 3 
		<h2>Relevé</h2>
4 
		<div id="zone-observation" class="row">
 4 
		<div id="zone-observation" class="row">
5 
			<div class="col-md-6">
 5 
			<div class="col-md-6">
6 
 
 6 
 
7 
				<div class="mb-3">
 7 
				<div class="mb-3">
8 
					<label id="geoloc-label" class="col-sm-12 obligatoire has-tooltip" data-toggle="tooltip" title="Localisation du relevé.">
 8 
					<label id="geoloc-label" class="col-sm-12 obligatoire has-tooltip" data-toggle="tooltip" title="Localisation du relevé.">
9 
						<i class="fa fa-map" aria-hidden="true"></i>&nbsp;Lieu du relevé
 9 
						<i class="fa fa-map" aria-hidden="true"></i>&nbsp;Lieu du relevé
10 
					</label>
 10 
					</label>
11 
					<div id="geoloc-info" class="text-justify col-sm-8">
 11 
					<div id="geoloc-info" class="text-justify col-sm-8">
12 
						<p>
 12 
						<p>
13 
							<span class="font-weight-bold">Localisez ici la zone d’observation.</span>
 13 
							<span class="font-weight-bold">Localisez ici la zone d’observation.</span>
14 
						</p>
 14 
						</p>
15 
						<p>
 15 
						<p>
16 
							Après l'enregistrement du relevé, vous pourrez pointer précisément les arbres sur lesquelles vous avez fait vos observations.
 16 
							Après l'enregistrement du relevé, vous pourrez pointer précisément les arbres sur lesquelles vous avez fait vos observations.
17 
						</p>
 17 
						</p>
18 
					</div>
 18 
					</div>
19 
					<div class="control-group">
 19 
					<div class="control-group">
20 
						<span id="geoloc-error" class="error hidden">
 20 
						<span id="geoloc-error" class="error hidden">
21 
							Le nom de la rue, ou de la commune, n'ont pas pu être correctement déterminées pour la localisation indiquée.<br>
 21 
							Le nom de la rue, ou de la commune, n'ont pas pu être correctement déterminées pour la localisation indiquée.<br>
22 
							Veuillez replacer le pointeur de la carte ou indiquer manuellement le nom de la rue ou/et de la commune.
 22 
							Veuillez replacer le pointeur de la carte ou indiquer manuellement le nom de la rue ou/et de la commune.
23 
						</span>
 23 
						</span>
24 
						<div id="geoloc" class="col-sm-12 geoloc">
 24 
						<div id="geoloc" class="col-sm-12 geoloc">
25 
							<div id="tb-places-zone" class="flex hidden">
 25 
							<div id="tb-places-zone" class="flex hidden">
26 
								<div class="form-col search-container">
 26 
								<div class="form-col search-container">
27 
									<label for="tb-places" >Trouver un lieu</label>
 27 
									<label for="tb-places" >Trouver un lieu</label>
28 
									<div class="input-search-container">
 28 
									<div class="input-search-container">
29 
										<input id="tb-places" class="tb-places" type="search" name="tb-places" placeholder="Recherchez une adresse ici" autocomplete="off">
 29 
										<input id="tb-places" class="tb-places" type="search" name="tb-places" placeholder="Recherchez une adresse ici" autocomplete="off">
30 
										<div class="tb-places-search-icon"></div>
 30 
										<div class="tb-places-search-icon"></div>
31 
										<button class="tb-places-close hidden"></button>
 31 
										<button class="tb-places-close hidden"></button>
32 
									</div>
 32 
									</div>
33 
									<div class="tb-places-results-container hidden">
 33 
									<div class="tb-places-results-container hidden">
34 
										<ul class="tb-places-results"></ul>
 34 
										<ul class="tb-places-results"></ul>
35 
									</div>
 35 
									</div>
36 
								</div>
 36 
								</div>
37 
							</div>
 37 
							</div>
38 
 
 38 
 
39 
							<div id="map-container">
 39 
							<div id="map-container">
40 
								<div
 40 
								<div
41 
									id="tb-geolocation"
 41 
									id="tb-geolocation"
42 
									style="height: 400px;width: 100%"
 42 
									style="height: 400px;width: 100%"
43 
									data-type-localisation="point"
 43 
									data-type-localisation="point"
44 
									data-zoom="4"
 44 
									data-zoom="4"
45 
									data-layer="osm"
 45 
									data-layer="osm"
46 
									data-form-suffix="-releve"
 46 
									data-form-suffix="-releve"
47 
									>
 47 
									>
48 
								</div>
 48 
								</div>
49 
							</div>
 49 
							</div>
50 
						</div>
 50 
						</div>
- 
 
 51 
						<div id="coord-releve" class="control-group mt-3">
- 
 
 52 
							<label for="latitude-releve" class="col-sm-8"><i class="fa fa-globe" aria-hidden="true"></i> latitude</label>
- 
 
 53 
							<div class="col-sm-8 mb-3">
- 
 
 54 
								<input type="text" id="latitude-releve" name="latitude-releve" class="form-control has-tooltip latitude-releve" data-toggle="tooltip">
- 
 
 55 
							</div>
- 
 
 56 
							<label for="longitude-releve" class="col-sm-8"><i class="fa fa-globe" aria-hidden="true"></i> longitude</label>
- 
 
 57 
							<div class="col-sm-8 mb-3">
- 
 
 58 
								<input type="text" id="longitude-releve" name="longitude-releve" class="form-control has-tooltip longitude-releve" data-toggle="tooltip">
- 
 
 59 
							</div>
- 
 
 60 
						</div>
51 
						<div id="geoloc-datas" class="hidden">
 61 
						<div id="geoloc-datas" class="hidden">
52 
							<div class="mt-3">
 62 
							<div class="mt-3">
53 
								<label class="col-sm-8" for="rue">Rue</label>
 63 
								<label class="col-sm-8" for="rue">Rue</label>
54 
								<div class="col-sm-8">
 64 
								<div class="col-sm-8">
55 
									<input type="text" class="form-control rue" disabled id="rue" name="rue" value="">
 65 
									<input type="text" class="form-control rue" disabled id="rue" name="rue" value="">
56 
								</div>
 66 
								</div>
57 
							</div>
 67 
							</div>
58 
							<div class="mt-3">
 68 
							<div class="mt-3">
59 
								<label class="col-sm-8" for="commune-nom">Nom de commune</label>
 69 
								<label class="col-sm-8" for="commune-nom">Nom de commune</label>
60 
								<div class="col-sm-8">
 70 
								<div class="col-sm-8">
61 
									<input type="text" class="form-control commune-nom" disabled id="commune-nom" name="commune-nom" value="">
 71 
									<input type="text" class="form-control commune-nom" disabled id="commune-nom" name="commune-nom" value="">
62 
									<input type="hidden" class="commune-insee" disabled id="commune-insee" name="commune-insee" value="">
 72 
									<input type="hidden" class="commune-insee" disabled id="commune-insee" name="commune-insee" value="">
63 
								</div>
 73 
								</div>
64 
							</div>
 74 
							</div>
65 
							<input type="hidden" class="form-control geometry-releve" disabled id="geometry-releve" name="geometry-releve" value="" style="display:none">
 75 
							<input type="hidden" class="form-control geometry-releve" disabled id="geometry-releve" name="geometry-releve" value="" style="display:none">
66 
							<input type="hidden" class="form-control latitude-releve" disabled id="latitude-releve" name="latitude-releve" value="" style="display:none">
 - 
 
67 
							<input type="hidden" class="form-control longitude-releve" disabled id="longitude-releve" name="longitude-releve" value="" style="display:none">
 - 
 
68 
							<input type="hidden" class="form-control altitude-releve" disabled id="altitude-releve" name="altitude-releve" value="" style="display:none">
 76 
							<input type="hidden" class="form-control altitude-releve" disabled id="altitude-releve" name="altitude-releve" value="" style="display:none">
69 
							<div class="row pl-3 pr-3 mt-3">
 77 
							<div class="row pl-3 pr-3 mt-3">
70 
								<div class="d-flex flex-column col-sm-4">
 78 
								<div class="d-flex flex-column col-sm-4">
71 
									<label for="pays">Pays</label>
 79 
									<label for="pays">Pays</label>
72 
									<div>
 80 
									<div>
73 
										<input type="text" class="form-control pays" disabled id="pays" name="pays" value="">
 81 
										<input type="text" class="form-control pays" disabled id="pays" name="pays" value="">
74 
									</div>
 82 
									</div>
75 
								</div>
 83 
								</div>
76 
							</div>
 84 
							</div>
77 
						</div>
 85 
						</div>
78 
					</div>
 86 
					</div>
79 
				</div>
 87 
				</div>
80 
			</div>
 88 
			</div>
81 
 
 89 
 
82 
			<div class="col-md-6">
 90 
			<div class="col-md-6">
83 
				<h3 class="mb-3">Informations sur le relevé</h3>
 91 
				<h3 class="mb-3">Informations sur le relevé</h3>
84 
				<div id="obs-info" class="text-justify col-sm-8">
 92 
				<div id="obs-info" class="text-justify col-sm-8">
85 
					<p>
 93 
					<p>
86 
						<span class="warning">Attention!</span><br>
 94 
						<span class="warning">Attention!</span><br>
87 
						Ces informations ne sont pas modifiables après la création du relevé
 95 
						Ces informations ne sont pas modifiables après la création du relevé
88 
					</p>
 96 
					</p>
89 
	    			<p>
 97 
	    			<p>
90 
	    				Pour indiquer qu'<span class="font-weight-bold">un élément concernant le relevé ou un arbre a changé</span> ou corriger une erreur, vous devez dupliquer le relevé existant.
 98 
	    				Pour indiquer qu'<span class="font-weight-bold">un élément concernant le relevé ou un arbre a changé</span> ou corriger une erreur, vous devez dupliquer le relevé existant.
91 
	    			</p>
 99 
	    			</p>
92 
	    			<p>
 100 
	    			<p>
93 
	    				<a target="_blank" href="https://www.tela-botanica.org/wikini/AideCarnetEnLigne/wakka.php?wiki=AideWidgetSaisie">Consultez l'aide</a> pour plus d'infos.
 101 
	    				<a target="_blank" href="https://www.tela-botanica.org/wikini/AideCarnetEnLigne/wakka.php?wiki=AideWidgetSaisie">Consultez l'aide</a> pour plus d'infos.
94 
	    			</p>
 102 
	    			</p>
95 
				</div>
 103 
				</div>
96 
 
 104 
 
97 
				<div class="control-group">
 105 
				<div class="control-group">
98 
					<label for="releve-date" class="col-sm-8 obligatoire" title="">
 106 
					<label for="releve-date" class="col-sm-8 obligatoire" title="">
99 
						<i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;Date de relevé
 107 
						<i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;Date de relevé
100 
					</label>
 108 
					</label>
101 
					<div class="col-sm-8 mb-3 has-tooltip" data-toggle="tooltip" title="Saisir la date de l’observation">
 109 
					<div class="col-sm-8 mb-3 has-tooltip" data-toggle="tooltip" title="Saisir la date de l’observation">
102 
						<input type="date" id="releve-date" name="releve-date" class="form-control" max="" placeholder="jj/mm/aaaa" required>
 110 
						<input type="date" id="releve-date" name="releve-date" class="form-control" max="" placeholder="jj/mm/aaaa" required>
103 
					</div>
 111 
					</div>
104 
				</div>
 112 
				</div>
105 
 
 113 
 
106 
				<?php if ('tb_lichensgo' !== $widget['projet']) : ?>
 114 
				<?php if ('tb_lichensgo' !== $widget['projet']) : ?>
107 
					<div class="control-group">
 115 
					<div class="control-group">
108 
						<div class="col-sm-8 mb-2 list-label obligatoire">
 116 
						<div class="col-sm-8 mb-2 list-label obligatoire">
109 
							<i class="fa fa-walking" aria-hidden="true"></i>&nbsp;Zone piétonne
 117 
							<i class="fa fa-walking" aria-hidden="true"></i>&nbsp;Zone piétonne
110 
						</div>
 118 
						</div>
111 
						<div id="zone-pietonne" class="col-sm-8 mb-3 list">
 119 
						<div id="zone-pietonne" class="col-sm-8 mb-3 list">
112 
							<div class="form-check form-check-inline">
 120 
							<div class="form-check form-check-inline">
113 
								<input type="radio" id="pietonne" name="zone-pietonne" class="pietonne form-check-input" value="true">
 121 
								<input type="radio" id="pietonne" name="zone-pietonne" class="pietonne form-check-input" value="true">
114 
								<label for="pietonne" class="pietonne form-check-label">Oui</label>
 122 
								<label for="pietonne" class="pietonne form-check-label">Oui</label>
115 
							</div>
 123 
							</div>
116 
							<div class="form-check form-check-inline">
 124 
							<div class="form-check form-check-inline">
117 
								<input type="radio" id="non-pietonne" name="zone-pietonne" class="non-pietonne form-check-input" value="false">
 125 
								<input type="radio" id="non-pietonne" name="zone-pietonne" class="non-pietonne form-check-input" value="false">
118 
								<label for="non-pietonne" class="non-pietonne form-check-label">Non</label>
 126 
								<label for="non-pietonne" class="non-pietonne form-check-label">Non</label>
119 
							</div>
 127 
							</div>
120 
						</div>
 128 
						</div>
121 
					</div>
 129 
					</div>
122 
 
 130 
 
123 
					<div class="">
 131 
					<div class="">
124 
						<div class="col-sm-8 mb-2 list-label">
 132 
						<div class="col-sm-8 mb-2 list-label">
125 
							<i class="fa fa-lightbulb" aria-hidden="true"></i>&nbsp;Présence de lampadaires
 133 
							<i class="fa fa-lightbulb" aria-hidden="true"></i>&nbsp;Présence de lampadaires
126 
						</div>
 134 
						</div>
127 
						<div id="pres-lampadaires" class="col-sm-8 mb-3 list">
 135 
						<div id="pres-lampadaires" class="col-sm-8 mb-3 list">
128 
							<div class="form-check form-check-inline">
 136 
							<div class="form-check form-check-inline">
129 
								<input type="radio" id="lampadaires" name="pres-lampadaires" class="lampadaires form-check-input" value="true">
 137 
								<input type="radio" id="lampadaires" name="pres-lampadaires" class="lampadaires form-check-input" value="true">
130 
								<label for="lampadaires" class="lampadaires form-check-label">Oui</label>
 138 
								<label for="lampadaires" class="lampadaires form-check-label">Oui</label>
131 
							</div>
 139 
							</div>
132 
							<div class="form-check form-check-inline">
 140 
							<div class="form-check form-check-inline">
133 
								<input type="radio" id="sans-lapadaires" name="pres-lampadaires" class="sans-lampadaires form-check-input" value="false">
 141 
								<input type="radio" id="sans-lapadaires" name="pres-lampadaires" class="sans-lampadaires form-check-input" value="false">
134 
								<label for="sans-lampadaires" class="sans-lampadaires form-check-label">Non</label>
 142 
								<label for="sans-lampadaires" class="sans-lampadaires form-check-label">Non</label>
135 
							</div>
 143 
							</div>
136 
						</div>
 144 
						</div>
137 
					</div>
 145 
					</div>
138 
				<?php endif; ?>
 146 
				<?php endif; ?>
139 
 
 147 
 
140 
				<div class="">
 148 
				<div class="">
141 
					<label for="commentaires" class="col-sm-8">
 149 
					<label for="commentaires" class="col-sm-8">
142 
						<i class="fa fa-pen" aria-hidden="true"></i>&nbsp;Commentaires
 150 
						<i class="fa fa-pen" aria-hidden="true"></i>&nbsp;Commentaires
143 
					</label>
 151 
					</label>
144 
					<div class="col-sm-8 mb-3">
 152 
					<div class="col-sm-8 mb-3">
145 
						<textarea id="commentaires" class="col-md-12" rows="7" name="commentaires"></textarea>
 153 
						<textarea id="commentaires" class="col-md-12" rows="7" name="commentaires"></textarea>
146 
					</div>
 154 
					</div>
147 
				</div>
 155 
				</div>
148 
				<!-- Bouton création d'une obs -->
 156 
				<!-- Bouton création d'une obs -->
149 
				<div class="col-sm-8 mb-3">
 157 
				<div class="col-sm-8 mb-3">
150 
					<div title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour ajouter votre observation à la liste à transmettre.">
 158 
					<div title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour ajouter votre observation à la liste à transmettre.">
151 
						<a href="" id="soumettre-releve" class="charger-carto btn btn-primary">Enregistrer</a>
 159 
						<a href="" id="soumettre-releve" class="charger-carto btn btn-primary">Enregistrer</a>
152 
					</div>
 160 
					</div>
153 
				</div>
 161 
				</div>
154 
			</div>
 162 
			</div>
155 
		</div>
 163 
		</div>
156 
	</form><!-- fin zone relevé -->
 164 
	</form><!-- fin zone relevé -->
157 
 
 165 
 
158 
	<!-- Messages d'erreur du formulaire observateur -->
 166 
	<!-- Messages d'erreur du formulaire observateur -->
159 
	<div class="zone-alerte">
 167 
	<div class="zone-alerte">
160 
		<div id="dialogue-geoloc-ko" class="alert alert-warning alert-block hidden">
 168 
		<div id="dialogue-geoloc-ko" class="alert alert-warning alert-block hidden">
161 
			<a class="close">×</a>
 169 
			<a class="close">×</a>
162 
			<h4 class="alert-heading">Information&nbsp;: mauvaise géolocalisation</h4>
 170 
			<h4 class="alert-heading">Information&nbsp;: mauvaise géolocalisation</h4>
163 
			<p>Certaines informations de géolocalisation n'ont pas été transmises.</p>
 171 
			<p>Certaines informations de géolocalisation n'ont pas été transmises.</p>
164 
		</div>
 172 
		</div>
165 
		<div id="dialogue-date-rue-ko" class="alert alert-warning alert-block hidden">
 173 
		<div id="dialogue-date-rue-ko" class="alert alert-warning alert-block hidden">
166 
			<a class="close">×</a>
 174 
			<a class="close">×</a>
167 
			<h4 class="alert-heading">Information&nbsp;: Relevé dupliqué</h4>
 175 
			<h4 class="alert-heading">Information&nbsp;: Relevé dupliqué</h4>
168 
			<p>
 176 
			<p>
169 
				Un releve existe dejà à cette date, pour cette rue.<br>
 177 
				Un releve existe dejà à cette date, pour cette rue.<br>
170 
				Si vous souhaitez dupliquer le relevé, veuillez actionner le bouton "Reprendre un précédent relevé" de la rubique "observateur",<br>puis choisir dans le tableau le relevé à dupliquer et entrer la date de votre nouvelle observation
 178 
				Si vous souhaitez dupliquer le relevé, veuillez actionner le bouton "Reprendre un précédent relevé" de la rubique "observateur",<br>puis choisir dans le tableau le relevé à dupliquer et entrer la date de votre nouvelle observation
171 
			</p>
 179 
			</p>
172 
		</div>
 180 
		</div>
173 
	</div>
 181 
	</div>
174 
<?php endif; ?>
 182 
<?php endif; ?>
175 
 
 183 
 
176 
<?php $chaine_sq_singulier = substr($squelette, 0, -1);?>
 184 
<?php $chaine_sq_singulier = substr($squelette, 0, -1);?>
177 
<div
 185 
<div
178 
	id="zone-<?php echo $squelette;?>"
 186 
	id="zone-<?php echo $squelette;?>"
179 
	class="bloc-top <?php if ('arbres' === $squelette) echo 'hidden';?>"
 187 
	class="bloc-top <?php if ('arbres' === $squelette) echo 'hidden';?>"
180 
	data-sujet="<?php echo $squelette;?>"
 188 
	data-sujet="<?php echo $squelette;?>"
181 
	data-tag-img="<?php echo isset($widget['tag-img']) ? $widget['tag-img'] : ''; ?>"
 189 
	data-tag-img="<?php echo isset($widget['tag-img']) ? $widget['tag-img'] : ''; ?>"
182 
	data-tag-obs="<?php echo isset($widget['tag-obs']) ? $widget['tag-obs'] : ''; ?>"
 190 
	data-tag-obs="<?php echo isset($widget['tag-obs']) ? $widget['tag-obs'] : ''; ?>"
183 
	data-nom-sci-referentiel="<?php echo strtolower( $widget['referentiel'] ); ?>"
 191 
	data-nom-sci-referentiel="<?php echo strtolower( $widget['referentiel'] ); ?>"
184 
	data-referentiel-impose="<?php echo $referentiel_impose; ?>"
 192 
	data-referentiel-impose="<?php echo $referentiel_impose; ?>"
185 
	>
 193 
	>
186 
	<h2 class="mb-3">Saisie des <?php echo $squelette;?> du relevé</h2>
 194 
	<h2 class="mb-3">Saisie des <?php echo $squelette;?> du relevé</h2>
187 
	<?php if ('arbres' === $squelette ) : ?>
 195 
	<?php if ('arbres' === $squelette ) : ?>
188 
		<?php if ('tb_lichensgo' !== $widget['projet']) : ?>
 196 
		<?php if ('tb_lichensgo' !== $widget['projet']) : ?>
189 
					<a href="" id="bouton-saisir-plantes" class="btn btn-info mb-3 hidden" data-load="plantes">
 197 
					<a href="" id="bouton-saisir-plantes" class="btn btn-info mb-3 hidden" data-load="plantes">
190 
						<i class="fas fa-seedling"></i>&nbsp;Saisir les plantes
 198 
						<i class="fas fa-seedling"></i>&nbsp;Saisir les plantes
191 
					</a>
 199 
					</a>
192 
		<?php endif; ?>
 200 
		<?php endif; ?>
193 
		<?php if ('tb_streets' !== $widget['projet']) : ?>
 201 
		<?php if ('tb_streets' !== $widget['projet']) : ?>
194 
			<a href="" id="bouton-saisir-lichens" class="btn btn-info mb-3 hidden" data-load="lichens">
 202 
			<a href="" id="bouton-saisir-lichens" class="btn btn-info mb-3 hidden" data-load="lichens">
195 
				<i class="far fa-snowflake"></i>&nbsp;Saisir les lichens
 203 
				<i class="far fa-snowflake"></i>&nbsp;Saisir les lichens
196 
			</a>
 204 
			</a>
197 
		<?php endif; ?>
 205 
		<?php endif; ?>
198 
	<?php else : ?>
 206 
	<?php else : ?>
199 
		<a href="" id="bouton-poursuivre" class="btn btn-success hidden mb-3" data-load="<?php echo $squelette;?>">
 207 
		<a href="" id="bouton-poursuivre" class="btn btn-success hidden mb-3" data-load="<?php echo $squelette;?>">
200 
			<i class="far fa-plus-square"></i>&nbsp;Ajouter des <?php echo $squelette;?>
 208 
			<i class="far fa-plus-square"></i>&nbsp;Ajouter des <?php echo $squelette;?>
201 
		</a>
 209 
		</a>
202 
	<?php endif; ?>
 210 
	<?php endif; ?>
203 
	<div class="row">
 211 
	<div class="row">
204 
		<div id="bloc-gauche" class="col-md-6">
 212 
		<div id="bloc-gauche" class="col-md-6">
205 
			<div id="bloc-form-<?php echo $squelette;?>" class="">
 213 
			<div id="bloc-form-<?php echo $squelette;?>" class="">
206 
				<?php if ('arbres' === $squelette ) : ?>
 214 
				<?php if ('arbres' === $squelette ) : ?>
207 
					<div id="arbres-info" class="text-justify">
 215 
					<div id="arbres-info" class="text-justify">
208 
						<p>
 216 
						<p>
209 
							Vous devez saisir <span class="font-weight-bold">entre <?php echo ('tb_lichensgo' === $widget['projet']) ? '1 et 3' : '5 et 10'; ?> arbres</span>
 217 
							Vous devez saisir <span class="font-weight-bold">entre <?php echo ('tb_lichensgo' === $widget['projet']) ? '1 et 3' : '5 et 10'; ?> arbres</span>
210 
						</p>
 218 
						</p>
211 
					</div>
 219 
					</div>
212 
				<?php endif; ?>
 220 
				<?php endif; ?>
213 
				<form id="form-<?php echo $squelette;?>" role="form" autocomplete="off">
 221 
				<form id="form-<?php echo $squelette;?>" role="form" autocomplete="off">
214 
					<?php if ('arbres' === $squelette ) : ?>
 222 
					<?php if ('arbres' === $squelette ) : ?>
215 
						<h3 class="mb-3">Arbre&nbsp;<span id="arbre-nb">1</span>&nbsp;:</h3>
 223 
						<h3 class="mb-3">Arbre&nbsp;<span id="arbre-nb">1</span>&nbsp;:</h3>
216 
					<?php else : ?>
 224 
					<?php else : ?>
217 
						<div class="control-group">
 225 
						<div class="control-group">
218 
							<label for="choisir-arbre" class="col-sm-8 obligatoire" title="Au pied de quel arbre du relevé ce<?php echo ('lichens' === $squelette) ? " $chaine_sq_singulier a-t-il été observé" : "tte $chaine_sq_singulier a-t-elle été observée";?> ?">
 226 
							<label for="choisir-arbre" class="col-sm-8 obligatoire" title="Au pied de quel arbre du relevé ce<?php echo ('lichens' === $squelette) ? " $chaine_sq_singulier a-t-il été observé" : "tte $chaine_sq_singulier a-t-elle été observée";?> ?">
219 
								<i class="fas fa-tree" aria-hidden="true"></i>&nbsp;Arbre
 227 
								<i class="fas fa-tree" aria-hidden="true"></i>&nbsp;Arbre
220 
							</label>
 228 
							</label>
221 
							<div class="col-sm-8 mb-3">
 229 
							<div class="col-sm-8 mb-3">
222 
								<select id="choisir-arbre" name="choisir-arbre" class="choisir-arbre form-control custom-select has-tooltip" data-toggle="tooltip"  title="Au pied de quel arbre du relevé ce<?php echo ('lichens' === $squelette) ? " $chaine_sq_singulier a-t-il été observé" : "tte $chaine_sq_singulier a-t-elle été observée";?> ?" required>
 230 
								<select id="choisir-arbre" name="choisir-arbre" class="choisir-arbre form-control custom-select has-tooltip" data-toggle="tooltip"  title="Au pied de quel arbre du relevé ce<?php echo ('lichens' === $squelette) ? " $chaine_sq_singulier a-t-il été observé" : "tte $chaine_sq_singulier a-t-elle été observée";?> ?" required>
223 
									<option value="" selected hidden>...Arbre numéro...</option>
 231 
									<option value="" selected hidden>...Arbre numéro...</option>
224 
								</select>
 232 
								</select>
225 
							</div>
 233 
							</div>
226 
						</div>
 234 
						</div>
227 
 
 235 
 
228 
						<div class="control-group">
 236 
						<div class="control-group">
229 
							<label for="obs-date" class="col-sm-8 obligatoire">
 237 
							<label for="obs-date" class="col-sm-8 obligatoire">
230 
								<i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;Date
 238 
								<i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;Date
231 
							</label>
 239 
							</label>
232 
							<div class="col-sm-8 mb-3">
 240 
							<div class="col-sm-8 mb-3">
233 
								<input type="date" id="obs-date" name="obs-date" class="form-control" max="" placeholder="jj/mm/aaaa" required>
 241 
								<input type="date" id="obs-date" name="obs-date" class="form-control" max="" placeholder="jj/mm/aaaa" required>
234 
							</div>
 242 
							</div>
235 
						</div>
 243 
						</div>
236 
					<?php endif; ?>
 244 
					<?php endif; ?>
237 
 
 245 
 
238 
					<input id="referentiel" name="referentiel" value="<?php echo $widget['referentiel']; ?>" type="hidden">
 246 
					<input id="referentiel" name="referentiel" value="<?php echo $widget['referentiel']; ?>" type="hidden">
239 
 
 247 
 
240 
					<!-- Bloc-taxon -->
 248 
					<!-- Bloc-taxon -->
241 
					<div id="bloc-taxon" class="control-group">
 249 
					<div id="bloc-taxon" class="control-group">
242 
						<label <?php echo ('arbres' !== $squelette ) ? 'for="taxon-liste"' : 'id="taxon-autocomplete-label" for="taxon"';?> class="col-sm-8 obligatoire" title="">
 250 
						<label <?php echo ('arbres' !== $squelette ) ? 'for="taxon-liste"' : 'id="taxon-autocomplete-label" for="taxon"';?> class="col-sm-8 obligatoire" title="">
243 
							<i class="fa fa-leaf" aria-hidden="true"></i>&nbsp;Espèce (<?php echo $widget['referentiel']; ?>)
 251 
							<i class="fa fa-leaf" aria-hidden="true"></i>&nbsp;Espèce (<?php echo $widget['referentiel']; ?>)
244 
						</label>
 252 
						</label>
245 
 
 253 
 
246 
						<?php if ('arbres' === $squelette ) : ?>
 254 
						<?php if ('arbres' === $squelette ) : ?>
247 
 
 255 
 
248 
								<div class="col-sm-8 mb-3">
 256 
								<div class="col-sm-8 mb-3">
249 
									<input id="taxon" name="taxon" class="form-control taxon-validation has-tooltip" type="text" data-toggle="tooltip" title="Saisir le taxon observé, en utilisant l’autocomplétion autant que possible" required autocomplete="off">
 257 
									<input id="taxon" name="taxon" class="form-control taxon-validation has-tooltip" type="text" data-toggle="tooltip" title="Saisir le taxon observé, en utilisant l’autocomplétion autant que possible" required autocomplete="off">
250 
								</div>
 258 
								</div>
251 
							</div><!-- fin bloc-taxon -->
 259 
							</div><!-- fin bloc-taxon -->
252 
 
 260 
 
253 
						<?php else : ?>
 261 
						<?php else : ?>
254 
							<!-- bloc-taxon "if('arbres' !== $squelette)" -->
 262 
							<!-- bloc-taxon "if('arbres' !== $squelette)" -->
255 
									<div class="col-sm-8 mb-3">
 263 
									<div class="col-sm-8 mb-3">
256 
										<?php ksort( $widget['especes']['taxons'] ); ?>
 264 
										<?php ksort( $widget['especes']['taxons'] ); ?>
257 
										<select id="taxon-liste" name="taxon-liste" class="form-control custom-select taxon-validation has-tooltip" data-toggle="tooltip" title="Choisir dans la liste le taxon observé, ou choisir &quot;autre&quot; et saisir le taxon observé, en utilisant l&apos;autocomplétion autant que possible.">
 265 
										<select id="taxon-liste" name="taxon-liste" class="form-control custom-select taxon-validation has-tooltip" data-toggle="tooltip" title="Choisir dans la liste le taxon observé, ou choisir &quot;autre&quot; et saisir le taxon observé, en utilisant l&apos;autocomplétion autant que possible.">
258 
											<option class="choisir" value="inconnue" selected hidden>...Choisir...</option>
 266 
											<option class="choisir" value="inconnue" selected hidden>...Choisir...</option>
259 
											<?php foreach ($widget['especes']['taxons'] as $taxon)  : ?>
 267 
											<?php foreach ($widget['especes']['taxons'] as $taxon)  : ?>
260 
												<option
 268 
												<option
261 
													class="nom-sci"
 269 
													class="nom-sci"
262 
													value="<?php echo $taxon['nom_sel'];?>"
 270 
													value="<?php echo $taxon['nom_sel'];?>"
263 
													title="<?php echo $taxon['nom_fr'];?>"
 271 
													title="<?php echo $taxon['nom_fr'];?>"
264 
													data-num-nom-sel="<?php echo $taxon['num_nom_sel'];?>"
 272 
													data-num-nom-sel="<?php echo $taxon['num_nom_sel'];?>"
265 
													data-nom-ret="<?php echo $taxon['nom_ret'];?>"
 273 
													data-nom-ret="<?php echo $taxon['nom_ret'];?>"
266 
													data-num-nom-ret="<?php echo $taxon['num_nom_ret'];?>"
 274 
													data-num-nom-ret="<?php echo $taxon['num_nom_ret'];?>"
267 
													data-nt="<?php echo $taxon['num_taxon'];?>"
 275 
													data-nt="<?php echo $taxon['num_taxon'];?>"
268 
													data-famille="<?php echo $taxon['famille'];?>"
 276 
													data-famille="<?php echo $taxon['famille'];?>"
269 
												><?php echo ( 'plantes' === $squelette) ? $taxon['nom_fr'] : $taxon['nom_sel'];?></option>
 277 
												><?php echo ( 'plantes' === $squelette) ? $taxon['nom_fr'] : $taxon['nom_sel'];?></option>
270 
											<?php endforeach; ?>
 278 
											<?php endforeach; ?>
271 
											<option value="autre">Autre espèce</option>
 279 
											<option value="autre">Autre espèce</option>
272 
										</select>
 280 
										</select>
273 
										<span for="taxon-liste" class="error" style="display: none;">
 281 
										<span for="taxon-liste" class="error" style="display: none;">
274 
											Une observation doit comporter au moins une image ou un nom d'espèce
 282 
											Une observation doit comporter au moins une image ou un nom d'espèce
275 
										</span>
 283 
										</span>
276 
										<input id="taxon" name="taxon" type="hidden" />
 284 
										<input id="taxon" name="taxon" type="hidden" />
277 
									</div>
 285 
									</div>
278 
							</div><!-- fin bloc-taxon -->
 286 
							</div><!-- fin bloc-taxon -->
279 
							<!-- input text pour l'option "autre" espèce -->
 287 
							<!-- input text pour l'option "autre" espèce -->
280 
							<div id="taxon-input-groupe" class="control-group hidden">
 288 
							<div id="taxon-input-groupe" class="control-group hidden">
281 
								<label id="taxon-autocomplete-label" for="taxon-autre" class="col-sm-8" title="">
 289 
								<label id="taxon-autocomplete-label" for="taxon-autre" class="col-sm-8" title="">
282 
									<i class="fab fa-pagelines" aria-hidden="true"></i>&nbsp;Autre espèce
 290 
									<i class="fab fa-pagelines" aria-hidden="true"></i>&nbsp;Autre espèce
283 
								</label>
 291 
								</label>
284 
								<div class="col-sm-8 mb-3">
 292 
								<div class="col-sm-8 mb-3">
285 
									<input id="taxon-autre" name="taxon-autre" class="form-control has-tooltip" type="text" data-toggle="tooltip" title="Saisir le taxon observé, en utilisant l&apos;autocomplétion autant que possible.">
 293 
									<input id="taxon-autre" name="taxon-autre" class="form-control has-tooltip" type="text" data-toggle="tooltip" title="Saisir le taxon observé, en utilisant l&apos;autocomplétion autant que possible.">
286 
								</div>
 294 
								</div>
287 
							</div>
 295 
							</div>
288 
 
 296 
 
289 
						<?php endif; ?>
 297 
						<?php endif; ?>
290 
 
 298 
 
291 
					<div class="control-group">
 299 
					<div class="control-group">
292 
						<label for="certitude" class="col-sm-8 obligatoire">
 300 
						<label for="certitude" class="col-sm-8 obligatoire">
293 
							<i class="fa fa-question" aria-hidden="true"></i>&nbsp;Certitude
 301 
							<i class="fa fa-question" aria-hidden="true"></i>&nbsp;Certitude
294 
						</label>
 302 
						</label>
295 
						<div class="col-sm-8 mb-3">
 303 
						<div class="col-sm-8 mb-3">
296 
							<select id="certitude" name="certitude" class="form-control custom-select" required>
 304 
							<select id="certitude" name="certitude" class="form-control custom-select" required>
297 
								<option class="choisir" hidden value="" selected>...Choisir...</option>
 305 
								<option class="choisir" hidden value="" selected>...Choisir...</option>
298 
								<option class="aDeterminer" value="à determiner">À déterminer</option>
 306 
								<option class="aDeterminer" value="à determiner">À déterminer</option>
299 
								<option class="douteux" value="douteux">Douteuse</option>
 307 
								<option class="douteux" value="douteux">Douteuse</option>
300 
								<option class="certain" value="certain">Certaine</option>
 308 
								<option class="certain" value="certain">Certaine</option>
301 
							</select>
 309 
							</select>
302 
						</div>
 310 
						</div>
303 
					</div>
 311 
					</div>
304 
					<?php if ('lichens' === $squelette ) : ?>
 312 
					<?php if ('lichens' === $squelette ) : ?>
305 
						<div class="control-group">
 313 
						<div class="control-group">
306 
							<div class="col-sm-8 mb-2 list-label obligatoire" title="À partir de la grille d&apos;observation, repérer où sont placés les lichens sur le tronc (bas à 1m du sol). Voir le tutoriel.">
 314 
							<div class="col-sm-8 mb-2 list-label obligatoire" title="À partir de la grille d&apos;observation, repérer où sont placés les lichens sur le tronc (bas à 1m du sol). Voir le tutoriel.">
307 
								<i class="fas fa-cube" aria-hidden="true"></i>&nbsp;Localisation sur le tronc
 315 
								<i class="fas fa-cube" aria-hidden="true"></i>&nbsp;Localisation sur le tronc
308 
							</div>
 316 
							</div>
309 
							<table class="table col-sm-8">
 317 
							<table class="table col-sm-8">
310 
							  <thead>
 318 
							  <thead>
311 
								<tr>
 319 
								<tr>
312 
								  <th scope="col">Face :</th>
 320 
								  <th scope="col">Face :</th>
313 
								  <th scope="col">Nord</th>
 321 
								  <th scope="col">Nord</th>
314 
								  <th scope="col">Sud</th>
 322 
								  <th scope="col">Sud</th>
315 
								  <th scope="col">Est</th>
 323 
								  <th scope="col">Est</th>
316 
								  <th scope="col">Ouest</th>
 324 
								  <th scope="col">Ouest</th>
317 
								</tr>
 325 
								</tr>
318 
							  </thead>
 326 
							  </thead>
319 
							  <tbody>
 327 
							  <tbody>
320 
							  	<tr>
 328 
							  	<tr>
321 
								  <th scope="row">Toute la hauteur</th>
 329 
								  <th scope="row">Toute la hauteur</th>
322 
								  <td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="n" id="lichens-tronc-all-n" value="n1;n2;n3;n4;n5"></td>
 330 
								  <td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="n" id="lichens-tronc-all-n" value="n1;n2;n3;n4;n5"></td>
323 
								  <td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="s" id="lichens-tronc-all-s" value="s1;s2;s3;s4;s5"></td>
 331 
								  <td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="s" id="lichens-tronc-all-s" value="s1;s2;s3;s4;s5"></td>
324 
								  <td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="e" id="lichens-tronc-all-e" value="e1;e2;e3;e4;e5"></td>
 332 
								  <td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="e" id="lichens-tronc-all-e" value="e1;e2;e3;e4;e5"></td>
325 
								  <td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="o" id="lichens-tronc-all-o" value="o1;o2;o3;o4;o5"></td>
 333 
								  <td><input type="checkbox" name="lichens-tronc" class="lichens-tronc-all" data-face="o" id="lichens-tronc-all-o" value="o1;o2;o3;o4;o5"></td>
326 
								</tr>
 334 
								</tr>
327 
								<tr>
 335 
								<tr>
328 
								  <th scope="row">1 (haut)</th>
 336 
								  <th scope="row">1 (haut)</th>
329 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n1" value="n1"></td>
 337 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n1" value="n1"></td>
330 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s1" value="s1"></td>
 338 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s1" value="s1"></td>
331 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e1" value="e1"></td>
 339 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e1" value="e1"></td>
332 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o1" value="o1"></td>
 340 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o1" value="o1"></td>
333 
								</tr>
 341 
								</tr>
334 
								<tr>
 342 
								<tr>
335 
								  <th scope="row">2</th>
 343 
								  <th scope="row">2</th>
336 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n2" value="n2"></td>
 344 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n2" value="n2"></td>
337 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s2" value="s2"></td>
 345 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s2" value="s2"></td>
338 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e2" value="e2"></td>
 346 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e2" value="e2"></td>
339 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o2" value="o2"></td>
 347 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o2" value="o2"></td>
340 
								</tr>
 348 
								</tr>
341 
								<tr>
 349 
								<tr>
342 
								  <th scope="row">3</th>
 350 
								  <th scope="row">3</th>
343 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n3" value="n3"></td>
 351 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n3" value="n3"></td>
344 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s3" value="s3"></td>
 352 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s3" value="s3"></td>
345 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e3" value="e3"></td>
 353 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e3" value="e3"></td>
346 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o3" value="o3"></td>
 354 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o3" value="o3"></td>
347 
								</tr>
 355 
								</tr>
348 
								<tr>
 356 
								<tr>
349 
								  <th scope="row">4</th>
 357 
								  <th scope="row">4</th>
350 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n4" value="n4"></td>
 358 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n4" value="n4"></td>
351 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s4" value="s4"></td>
 359 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s4" value="s4"></td>
352 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e4" value="e4"></td>
 360 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e4" value="e4"></td>
353 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o4" value="o4"></td>
 361 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o4" value="o4"></td>
354 
								</tr>
 362 
								</tr>
355 
								<tr>
 363 
								<tr>
356 
								  <th scope="row">5 (bas)</th>
 364 
								  <th scope="row">5 (bas)</th>
357 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n5" value="n5"></td>
 365 
								  <td><input type="checkbox" name="lichens-tronc" data-face="n" id="lichens-tronc-n5" value="n5"></td>
358 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s5" value="s5"></td>
 366 
								  <td><input type="checkbox" name="lichens-tronc" data-face="s" id="lichens-tronc-s5" value="s5"></td>
359 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e5" value="e5"></td>
 367 
								  <td><input type="checkbox" name="lichens-tronc" data-face="e" id="lichens-tronc-e5" value="e5"></td>
360 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o5" value="o5"></td>
 368 
								  <td><input type="checkbox" name="lichens-tronc" data-face="o" id="lichens-tronc-o5" value="o5"></td>
361 
								</tr>
 369 
								</tr>
362 
							  </tbody>
 370 
							  </tbody>
363 
							</table>
 371 
							</table>
364 
						</div>
 372 
						</div>
365 
					<?php endif; ?>
 373 
					<?php endif; ?>
366 
					<?php if ('arbres' === $squelette ) : ?>
 374 
					<?php if ('arbres' === $squelette ) : ?>
367 
						<div class="">
 375 
						<div class="">
368 
							<label id="geoloc-label-arbres" class="col-sm-8 obligatoire has-tooltip" data-toggle="tooltip" title="Localisation du relevé.">
 376 
							<label id="geoloc-label-arbres" class="col-sm-8 obligatoire has-tooltip" data-toggle="tooltip" title="Localisation du relevé.">
369 
								<i class="fa fa-map-marked-alt " aria-hidden="true"></i>&nbsp;Localiser l'arbre
 377 
								<i class="fa fa-map-marked-alt " aria-hidden="true"></i>&nbsp;Localiser l'arbre
370 
							</label>
 378 
							</label>
371 
							<div class="control-group">
 379 
							<div class="control-group">
372 
								<div id="geoloc-datas-arbres" class="hidden">
 380 
								<div id="geoloc-datas-arbres" class="hidden">
373 
									<div class="mt-3">
 381 
									<div class="mt-3">
374 
										<label class="col-sm-8" for="rue-arbres">Rue</label>
 382 
										<label class="col-sm-8" for="rue-arbres">Rue</label>
375 
										<div class="col-sm-8">
 383 
										<div class="col-sm-8">
376 
											<input type="text" class="form-control rue-arbres" disabled id="rue-arbres" name="rue-arbres" value="">
 384 
											<input type="text" class="form-control rue-arbres" disabled id="rue-arbres" name="rue-arbres" value="">
377 
										</div>
 385 
										</div>
378 
									</div>
 386 
									</div>
379 
									<input type="hidden" id="geometry-arbres" name="geometry-arbres" class="geometry-arbres"  value="" style="display:none">
 387 
									<input type="hidden" id="geometry-arbres" name="geometry-arbres" class="geometry-arbres"  value="" style="display:none">
380 
									<div class="row pl-3 pr-3 mt-3">
 - 
 
381 
										<div class="d-flex flex-column col-sm-4">
 - 
 
382 
											<label class="" for="latitude-arbres">Latitude</label>
 - 
 
383 
											<div class="">
 - 
 
384 
												<input type="text" class="form-control latitude-arbres" disabled id="latitude-arbres" name="latitude-arbres" value="">
 - 
 
385 
											</div>
 - 
 
386 
										</div>
 - 
 
387 
										<div class="d-flex flex-column col-sm-4">
 - 
 
388 
											<label class="" for="longitude-arbres">Longitude</label>
 - 
 
389 
											<div class="">
 - 
 
390 
												<input type="text" class="form-control longitude-arbres" disabled id="longitude-arbres" name="longitude-arbres" value="">
 - 
 
391 
											</div>
 - 
 
392 
										</div>
 - 
 
393 
									</div>
 - 
 
394 
									<input type="hidden" id="altitude-arbres" name="altitude-arbres" class=""  value="" style="display:none">
 388 
									<input type="hidden" id="altitude-arbres" name="altitude-arbres" class=""  value="" style="display:none">
395 
								</div>
 389 
								</div>
396 
								<div id="geoloc-arbres" class="col-sm-8"></div>
 390 
								<div id="geoloc-arbres" class="col-sm-8"></div>
- 
 
 391 
								<div id="coord-arbres" class="control-group mt-3">
- 
 
 392 
									<label for="latitude-arbres" class="col-sm-8"><i class="fa fa-globe" aria-hidden="true"></i> latitude</label>
- 
 
 393 
									<div class="col-sm-8 mb-3">
- 
 
 394 
										<input type="text" id="latitude-arbres" name="latitude-arbres" class="form-control has-tooltip latitude-arbres" data-toggle="tooltip">
- 
 
 395 
									</div>
- 
 
 396 
									<label for="longitude-arbres" class="col-sm-8"><i class="fa fa-globe" aria-hidden="true"></i> longitude</label>
- 
 
 397 
									<div class="col-sm-8 mb-3">
- 
 
 398 
										<input type="text" id="longitude-arbres" name="longitude-arbres" class="form-control has-tooltip longitude-arbres" data-toggle="tooltip">
- 
 
 399 
									</div>
- 
 
 400 
								</div>
397 
							</div>
 401 
							</div>
398 
						</div>
 402 
						</div>
399 
					<?php else : ?>
 403 
					<?php else : ?>
400 
						<div class="">
 404 
						<div class="">
401 
							<label for="commentaire" class="col-sm-8">
 405 
							<label for="commentaire" class="col-sm-8">
402 
								<i class="fa fa-pen" aria-hidden="true"></i>&nbsp;Commentaires
 406 
								<i class="fa fa-pen" aria-hidden="true"></i>&nbsp;Commentaires
403 
							</label>
 407 
							</label>
404 
							<div class="col-sm-8 mb-3">
 408 
							<div class="col-sm-8 mb-3">
405 
								<textarea id="commentaire" class="col-md-12" rows="7" name="commentaire"></textarea>
 409 
								<textarea id="commentaire" class="col-md-12" rows="7" name="commentaire"></textarea>
406 
							</div>
 410 
							</div>
407 
						</div>
 411 
						</div>
408 
					<?php endif; ?>
 412 
					<?php endif; ?>
409 
				</form>
 413 
				</form>
410 
				<form id="form-upload" class="form-horizontal" action="<?php echo $url_ws_upload ?>" method="post" enctype="multipart/form-data">
 414 
				<form id="form-upload" class="form-horizontal" action="<?php echo $url_ws_upload ?>" method="post" enctype="multipart/form-data">
411 
					<div class="col-sm-8 mb-2 list-label and-help">
 415 
					<div class="col-sm-8 mb-2 list-label and-help">
412 
						<?php
 416 
						<?php
413 
							$texte_photo = '';
 417 
							$texte_photo = '';
414 
							if( 'lichens' !== $squelette ) $texte_photo = 't';
 418 
							if( 'lichens' !== $squelette ) $texte_photo = 't';
415 
							if( 'plantes' === $squelette ) $texte_photo .= 'te';
 419 
							if( 'plantes' === $squelette ) $texte_photo .= 'te';
416 
							$texte_photo .= " $chaine_sq_singulier";
 420 
							$texte_photo .= " $chaine_sq_singulier";
417 
						?>
 421 
						?>
418 
						<i class="fa fa-images" aria-hidden="true"></i>&nbsp;Photo(s) de ce<?php echo $texte_photo;?>
 422 
						<i class="fa fa-images" aria-hidden="true"></i>&nbsp;Photo(s) de ce<?php echo $texte_photo;?>
419 
					</div>
 423 
					</div>
420 
					<p id="miniature-info" class="col-sm-8">
 424 
					<p id="miniature-info" class="col-sm-8">
421 
						Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacune.<br>
 425 
						Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacune.<br>
422 
						En fonction de sa taille sur le disque le téléchargement d'une photo peut être long.<br>
 426 
						En fonction de sa taille sur le disque le téléchargement d'une photo peut être long.<br>
423 
						Pendant ce temps l'envoi de l'observation sera interrompu.<br>
 427 
						Pendant ce temps l'envoi de l'observation sera interrompu.<br>
424 
						Vous pouvez l'annuler en cliquant sur le bouton supprimer de la photo en cours de téléchargement.
 428 
						Vous pouvez l'annuler en cliquant sur le bouton supprimer de la photo en cours de téléchargement.
425 
					</p>
 429 
					</p>
426 
					<div id ="photos-conteneur" class="control-group col-sm-12">
 430 
					<div id ="photos-conteneur" class="control-group col-sm-12">
427 
						<div id="bouton-fichier">
 431 
						<div id="bouton-fichier">
428 
							<label for="fichier" class="label-file btn btn-large btn-info mb-3" title="Photos au format JPEG, moins de 5Mo chacune.">
 432 
							<label for="fichier" class="label-file btn btn-large btn-info mb-3" title="Photos au format JPEG, moins de 5Mo chacune.">
429 
								<span class="label-text"><i class="fas fa-download"></i>&nbsp;Ajouter une image</span>
 433 
								<span class="label-text"><i class="fas fa-download"></i>&nbsp;Ajouter une image</span>
430 
								<input type="file" id="fichier" name="fichier" class="input-file" accept="image/jpeg" multiple>
 434 
								<input type="file" id="fichier" name="fichier" class="input-file" accept="image/jpeg" multiple>
431 
								<input type="hidden" name="MAX_FILE_SIZE" value="5242880">
 435 
								<input type="hidden" name="MAX_FILE_SIZE" value="5242880">
432 
							</label>
 436 
							</label>
433 
						</div>
 437 
						</div>
434 
 
 438 
 
435 
						<div id="miniatures"></div>
 439 
						<div id="miniatures"></div>
436 
						<p class="miniature-msg" class="span12">&nbsp;</p>
 440 
						<p class="miniature-msg" class="span12">&nbsp;</p>
437 
					</div>
 441 
					</div>
438 
				</form>
 442 
				</form>
439 
				<?php if ('arbres' === $squelette ) : ?>
 443 
				<?php if ('arbres' === $squelette ) : ?>
440 
					<form id="form-arbre-fs" role="form" autocomplete="off">
 444 
					<form id="form-arbre-fs" role="form" autocomplete="off">
441 
						<div class="control-group">
 445 
						<div class="control-group">
442 
							<label for="circonference" class="col-sm-8 obligatoire">
 446 
							<label for="circonference" class="col-sm-8 obligatoire">
443 
								<i class="fa fa-circle-notch" aria-hidden="true"></i>&nbsp;Circonférence (cm)
 447 
								<i class="fa fa-circle-notch" aria-hidden="true"></i>&nbsp;Circonférence (cm)
444 
							</label>
 448 
							</label>
445 
							<div class="col-sm-8 mb-3">
 449 
							<div class="col-sm-8 mb-3">
446 
								<input id="circonference" type="number" name="circonference" class="form-control has-tooltip" data-toggle="tooltip" title="Circonférence en cm, à 1m de hauteur" placeholder="Circonférence (cm)" step="1" min="1" required>
 450 
								<input id="circonference" type="number" name="circonference" class="form-control has-tooltip" data-toggle="tooltip" title="Circonférence en cm, à 1m de hauteur" placeholder="Circonférence (cm)" step="1" min="1" required>
447 
							</div>
 451 
							</div>
448 
						</div>
 452 
						</div>
449 
						<?php if ('tb_lichensgo' !== $widget['projet']) : ?>
 453 
						<?php if ('tb_lichensgo' !== $widget['projet']) : ?>
450 
							<div class="control-group">
 454 
							<div class="control-group">
451 
								<label for="surface-pied" class="col-sm-8 obligatoire">
 455 
								<label for="surface-pied" class="col-sm-8 obligatoire">
452 
									<i class="fa fa-arrows-alt" aria-hidden="true"></i>&nbsp;Surface du pied (m²)
 456 
									<i class="fa fa-arrows-alt" aria-hidden="true"></i>&nbsp;Surface du pied (m²)
453 
								</label>
 457 
								</label>
454 
								<div class="col-sm-8 mb-3">
 458 
								<div class="col-sm-8 mb-3">
455 
									<input id="surface-pied" type="number" name="surface-pied" class="form-control has-tooltip" data-toggle="tooltip" title="Surface du pied d&apos;arbre en m² (évaluée ou mesurée avec un mètre)" placeholder="Surface du pied (m²)" step="0.01" min="0" lang="en"required>
 459 
									<input id="surface-pied" type="number" name="surface-pied" class="form-control has-tooltip" data-toggle="tooltip" title="Surface du pied d&apos;arbre en m² (évaluée ou mesurée avec un mètre)" placeholder="Surface du pied (m²)" step="0.01" min="0" lang="en"required>
456 
								</div>
 460 
								</div>
457 
							</div>
 461 
							</div>
458 
							<div class="control-group">
 462 
							<div class="control-group">
459 
								<label for="equipement-pied-arbre" class="col-sm-8 obligatoire">
 463 
								<label for="equipement-pied-arbre" class="col-sm-8 obligatoire">
460 
									<i class="fa fa-dot-circle" aria-hidden="true"></i>&nbsp;Equipement au pied de l'arbre
 464 
									<i class="fa fa-dot-circle" aria-hidden="true"></i>&nbsp;Equipement au pied de l'arbre
461 
								</label>
 465 
								</label>
462 
								<div class="col-sm-8 mb-3">
 466 
								<div class="col-sm-8 mb-3">
463 
									<div class="select-wrapper add-field-select">
 467 
									<div class="select-wrapper add-field-select">
464 
										<select id="equipement-pied-arbre" name="equipement-pied-arbre" class="equipement-pied-arbre select form-control custom-select" data-label="Equipement au pied de l&apos;arbre" data-name="equipement-pied-arbre" required>
 468 
										<select id="equipement-pied-arbre" name="equipement-pied-arbre" class="equipement-pied-arbre select form-control custom-select" data-label="Equipement au pied de l&apos;arbre" data-name="equipement-pied-arbre" required>
465 
											<option class="choisir" selected value="" data-name="equipement-pied-arbre" hidden>...Choisir...</option>
 469 
											<option class="choisir" selected value="" data-name="equipement-pied-arbre" hidden>...Choisir...</option>
466 
											<option value="plaque de metal" data-name="equipement-pied-arbre">Plaque de métal</option>
 470 
											<option value="plaque de metal" data-name="equipement-pied-arbre">Plaque de métal</option>
467 
											<option value="grille" data-name="equipement-pied-arbre">Grille</option>
 471 
											<option value="grille" data-name="equipement-pied-arbre">Grille</option>
468 
											<option value="ciment" data-name="equipement-pied-arbre">Ciment</option>
 472 
											<option value="ciment" data-name="equipement-pied-arbre">Ciment</option>
469 
											<option value="gomme" data-name="equipement-pied-arbre">Gomme</option>
 473 
											<option value="gomme" data-name="equipement-pied-arbre">Gomme</option>
470 
											<option value="absent" data-name="equipement-pied-arbre">Absent</option>
 474 
											<option value="absent" data-name="equipement-pied-arbre">Absent</option>
471 
											<option class="other form-control is-select" value="other" data-name="equipement-pied-arbre" data-element="select">Autre</option>
 475 
											<option class="other form-control is-select" value="other" data-name="equipement-pied-arbre" data-element="select">Autre</option>
472 
										</select>
 476 
										</select>
473 
									</div>
 477 
									</div>
474 
									<span class="error hidden">Ce champ est obligatoire.</span>
 478 
									<span class="error hidden">Ce champ est obligatoire.</span>
475 
								</div>
 479 
								</div>
476 
							</div>
 480 
							</div>
477 
							<div class="">
 481 
							<div class="">
478 
								<label for="tassement" class="col-sm-8">
 482 
								<label for="tassement" class="col-sm-8">
479 
									<i class="fas fa-sort-amount-down" aria-hidden="true"></i>&nbsp;Tassement
 483 
									<i class="fas fa-sort-amount-down" aria-hidden="true"></i>&nbsp;Tassement
480 
								</label>
 484 
								</label>
481 
								<div class="col-sm-8 mb-3">
 485 
								<div class="col-sm-8 mb-3">
482 
									<select id="tassement" name="tassement" class="tassement form-control custom-select has-tooltip" data-toggle="tooltip" title="Évaluer le tassement du sol à l&apos;aide d'un crayon que vous enfoncez verticalement dans le sol.">
 486 
									<select id="tassement" name="tassement" class="tassement form-control custom-select has-tooltip" data-toggle="tooltip" title="Évaluer le tassement du sol à l&apos;aide d'un crayon que vous enfoncez verticalement dans le sol.">
483 
										<option class="choisir" selected value="" hidden>...Choisir...</option>
 487 
										<option class="choisir" selected value="" hidden>...Choisir...</option>
484 
										<option value="dur">Dur (le crayon ne s&apos;enfonce pas du tout)</option>
 488 
										<option value="dur">Dur (le crayon ne s&apos;enfonce pas du tout)</option>
485 
										<option value="normal">Normal (le crayon s&apos;enfonce difficilement)</option>
 489 
										<option value="normal">Normal (le crayon s&apos;enfonce difficilement)</option>
486 
										<option value="mou">Mou (le crayon s&apos;enfonce facilement)</option>
 490 
										<option value="mou">Mou (le crayon s&apos;enfonce facilement)</option>
487 
									</select>
 491 
									</select>
488 
								</div>
 492 
								</div>
489 
							</div>
 493 
							</div>
490 
							<div class="">
 494 
							<div class="">
491 
								<div class="col-sm-8 mb-2 list-label">
 495 
								<div class="col-sm-8 mb-2 list-label">
492 
									<i class="fa fa-dog" aria-hidden="true"></i>&nbsp;Présence de déjection(s)
 496 
									<i class="fa fa-dog" aria-hidden="true"></i>&nbsp;Présence de déjection(s)
493 
								</div>
 497 
								</div>
494 
								<div id="dejections" class="col-sm-8 mb-3 list">
 498 
								<div id="dejections" class="col-sm-8 mb-3 list">
495 
									<div class="form-check form-check-inline">
 499 
									<div class="form-check form-check-inline">
496 
										<input type="radio" id="dejections-oui" name="dejections" class="dejections-oui form-check-input" value="true">
 500 
										<input type="radio" id="dejections-oui" name="dejections" class="dejections-oui form-check-input" value="true">
497 
										<label for="dejections-oui" class="dejections-oui form-check-label">Oui</label>
 501 
										<label for="dejections-oui" class="dejections-oui form-check-label">Oui</label>
498 
									</div>
 502 
									</div>
499 
									<div class="form-check form-check-inline">
 503 
									<div class="form-check form-check-inline">
500 
										<input type="radio" id="dejections-non" name="dejections" class="dejections-non form-check-input" value="false">
 504 
										<input type="radio" id="dejections-non" name="dejections" class="dejections-non form-check-input" value="false">
501 
										<label for="dejections-non" class="dejections-non form-check-label">Non</label>
 505 
										<label for="dejections-non" class="dejections-non form-check-label">Non</label>
502 
									</div>
 506 
									</div>
503 
								</div>
 507 
								</div>
504 
							</div>
 508 
							</div>
505 
						<?php endif; ?>
 509 
						<?php endif; ?>
506 
 
 510 
 
507 
						<?php if ('tb_streets' !== $widget['projet']) : ?>
 511 
						<?php if ('tb_streets' !== $widget['projet']) : ?>
508 
							<div id="face-ombre" class="control-group">
 512 
							<div id="face-ombre" class="control-group">
509 
								<div class="col-sm-8 mb-2 list-label obligatoire">
 513 
								<div class="col-sm-8 mb-2 list-label obligatoire">
510 
									<i class="far fa-compass" aria-hidden="true"></i>&nbsp;Une ou plusieurs faces sont-elles à l'ombre la plupart du temps? Si oui, notez lesquelles&nbsp;:
 514 
									<i class="far fa-compass" aria-hidden="true"></i>&nbsp;Une ou plusieurs faces sont-elles à l'ombre la plupart du temps? Si oui, notez lesquelles&nbsp;:
511 
								</div>
 515 
								</div>
512 
								<div class="col-sm-8 mb-3 has-tooltip list" data-toggle="tooltip" title="Si vous estimez que le tronc est souvent à l&apos;ombre (à cause de bâtiments ou du feuillage par exemple), notez la ou les faces ombragées." required>
 516 
								<div class="col-sm-8 mb-3 has-tooltip list" data-toggle="tooltip" title="Si vous estimez que le tronc est souvent à l&apos;ombre (à cause de bâtiments ou du feuillage par exemple), notez la ou les faces ombragées." required>
513 
									<div class="form-check form-check-inline">
 517 
									<div class="form-check form-check-inline">
514 
										<input type="checkbox" id="nord" name="face-ombre" class="nord form-check-input" value="nord">
 518 
										<input type="checkbox" id="nord" name="face-ombre" class="nord form-check-input" value="nord">
515 
										<label for="nord" class="nord form-check-label">Nord</label>
 519 
										<label for="nord" class="nord form-check-label">Nord</label>
516 
									</div>
 520 
									</div>
517 
									<div class="form-check form-check-inline">
 521 
									<div class="form-check form-check-inline">
518 
										<input type="checkbox" id="sud" name="face-ombre" class="sud form-check-input" value="sud">
 522 
										<input type="checkbox" id="sud" name="face-ombre" class="sud form-check-input" value="sud">
519 
										<label for="sud" class="sud form-check-label">Sud</label>
 523 
										<label for="sud" class="sud form-check-label">Sud</label>
520 
									</div>
 524 
									</div>
521 
									<div class="form-check form-check-inline">
 525 
									<div class="form-check form-check-inline">
522 
										<input type="checkbox" id="est" name="face-ombre" class="est form-check-input" value="est">
 526 
										<input type="checkbox" id="est" name="face-ombre" class="est form-check-input" value="est">
523 
										<label for="est" class="est form-check-label">Est</label>
 527 
										<label for="est" class="est form-check-label">Est</label>
524 
									</div>
 528 
									</div>
525 
									<div class="form-check form-check-inline">
 529 
									<div class="form-check form-check-inline">
526 
										<input type="checkbox" id="ouest" name="face-ombre" class="ouest form-check-input" value="ouest">
 530 
										<input type="checkbox" id="ouest" name="face-ombre" class="ouest form-check-input" value="ouest">
527 
										<label for="ouest" class="ouest form-check-label">Ouest</label>
 531 
										<label for="ouest" class="ouest form-check-label">Ouest</label>
528 
									</div>
 532 
									</div>
529 
									<div class="form-check form-check-inline">
 533 
									<div class="form-check form-check-inline">
530 
										<input type="checkbox" id="aucune" name="face-ombre" class="ouest form-check-input" value="aucune">
 534 
										<input type="checkbox" id="aucune" name="face-ombre" class="ouest form-check-input" value="aucune">
531 
										<label for="aucune" class="aucune form-check-label">Aucune</label>
 535 
										<label for="aucune" class="aucune form-check-label">Aucune</label>
532 
									</div>
 536 
									</div>
533 
								</div>
 537 
								</div>
534 
							</div>
 538 
							</div>
535 
						<?php endif; ?>
 539 
						<?php endif; ?>
536 
 
 540 
 
537 
						<div class="">
 541 
						<div class="">
538 
							<label for="com-arbres" class="col-sm-8" title="">
 542 
							<label for="com-arbres" class="col-sm-8" title="">
539 
									<i class="fa fa-pen" aria-hidden="true"></i>&nbsp;Commentaires
 543 
									<i class="fa fa-pen" aria-hidden="true"></i>&nbsp;Commentaires
540 
							</label>
 544 
							</label>
541 
							<div class="col-sm-8 mb-3">
 545 
							<div class="col-sm-8 mb-3">
542 
									<textarea id="com-arbres" class="col-md-12" rows="7" name="com-arbres"></textarea>
 546 
									<textarea id="com-arbres" class="col-md-12" rows="7" name="com-arbres"></textarea>
543 
							</div>
 547 
							</div>
544 
						</div>
 548 
						</div>
545 
					</form>
 549 
					</form>
546 
 
 550 
 
547 
				<!-- Bouton création d'une obs et retour à la saisie après visualisation d'un(e) <?php $chaine_sq_singulier; ?>-->
 551 
				<!-- Bouton création d'une obs et retour à la saisie après visualisation d'un(e) <?php $chaine_sq_singulier; ?>-->
548 
				<div class="col-sm-8 mb-3">
 552 
				<div class="col-sm-8 mb-3">
549 
					<button id="retour" class="btn btn-info has-tooltip hidden mr-2 mb-2" data-toggle="tooltip" title="Retour à la saisie">
 553 
					<button id="retour" class="btn btn-info has-tooltip hidden mr-2 mb-2" data-toggle="tooltip" title="Retour à la saisie">
550 
						<i class="fas fa-undo-alt"></i>&nbsp;retour à la saisie
 554 
						<i class="fas fa-undo-alt"></i>&nbsp;retour à la saisie
551 
					</button>
 555 
					</button>
552 
				<?php else: ?>
 556 
				<?php else: ?>
553 
					<div class="col-sm-8 mb-3">
 557 
					<div class="col-sm-8 mb-3">
554 
				<?php endif; ?>
 558 
				<?php endif; ?>
555 
					<button id="ajouter-obs" class="btn btn-primary has-tooltip" data-toggle="tooltip" title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour ajouter votre observation à la liste à transmettre.">
 559 
					<button id="ajouter-obs" class="btn btn-primary has-tooltip" data-toggle="tooltip" title="Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour ajouter votre observation à la liste à transmettre.">
556 
						<i class="fas fa-step-forward"></i>&nbsp;Suivant
 560 
						<i class="fas fa-step-forward"></i>&nbsp;Suivant
557 
					</button>
 561 
					</button>
558 
				</div>
 562 
				</div>
559 
				<?php if ('arbres' === $squelette ) : ?>
 563 
				<?php if ('arbres' === $squelette ) : ?>
560 
					<div id="bloc-info-arbres">
 564 
					<div id="bloc-info-arbres">
561 
						<h3 id="bloc-info-arbres-title" class="m-3 hidden">Revisualiser le formulaire pour un arbre :</h3>
 565 
						<h3 id="bloc-info-arbres-title" class="m-3 hidden">Revisualiser le formulaire pour un arbre :</h3>
562 
					</div>
 566 
					</div>
563 
				<?php endif; ?>
 567 
				<?php endif; ?>
564 
			</div>
 568 
			</div>
565 
		</div><!-- fin formulaire <?php echo $squelette;?> -->
 569 
		</div><!-- fin formulaire <?php echo $squelette;?> -->
566 
		<!-- zone résumé obs <?php echo $squelette;?> ( =zone de droite) -->
 570 
		<!-- zone résumé obs <?php echo $squelette;?> ( =zone de droite) -->
567 
		<div id="boc-droite" class="col-md-6 mb-3">
 571 
		<div id="boc-droite" class="col-md-6 mb-3">
568 
			<!-- Messages d'erreur du formulaire -->
 572 
			<!-- Messages d'erreur du formulaire -->
569 
			<div class="row">
 573 
			<div class="row">
570 
				<?php if ('arbres' !== $squelette ) : ?>
 574 
				<?php if ('arbres' !== $squelette ) : ?>
571 
					<?php if ('tb_lichensgo' !== $widget['projet'] && 'plantes' !== $squelette) : ?>
 575 
					<?php if ('tb_lichensgo' !== $widget['projet'] && 'plantes' !== $squelette) : ?>
572 
						<a href="" id="bouton-saisir-plantes" class="btn btn-info mb-3" data-load="plantes">
 576 
						<a href="" id="bouton-saisir-plantes" class="btn btn-info mb-3" data-load="plantes">
573 
							<i class="fas fa-seedling"></i> Saisir les plantes
 577 
							<i class="fas fa-seedling"></i> Saisir les plantes
574 
						</a>
 578 
						</a>
575 
					<?php endif; ?>
 579 
					<?php endif; ?>
576 
					<?php if ('tb_streets' !== $widget['projet'] && 'lichens' !== $squelette) : ?>
 580 
					<?php if ('tb_streets' !== $widget['projet'] && 'lichens' !== $squelette) : ?>
577 
						<a href="" id="bouton-saisir-lichens" class="btn btn-info mb-3" data-load="lichens">
 581 
						<a href="" id="bouton-saisir-lichens" class="btn btn-info mb-3" data-load="lichens">
578 
							<i class="far fa-snowflake"></i>&nbsp;Saisir les lichens
 582 
							<i class="far fa-snowflake"></i>&nbsp;Saisir les lichens
579 
						</a>
 583 
						</a>
580 
					<?php endif; ?>
 584 
					<?php endif; ?>
581 
				<?php endif; ?>
 585 
				<?php endif; ?>
582 
				<div class="zone-alerte">
 586 
				<div class="zone-alerte">
583 
					<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block hidden">
 587 
					<div id="dialogue-bloquer-creer-obs" class="alert alert-warning alert-block hidden">
584 
						<a class="close">×</a>
 588 
						<a class="close">×</a>
585 
						<h4 class="alert-heading">Information&nbsp;: 10 observations maximum</h4>
 589 
						<h4 class="alert-heading">Information&nbsp;: 10 observations maximum</h4>
586 
						<p>
 590 
						<p>
587 
							Vous venez d'ajouter votre 10ème observation.<br/>
 591 
							Vous venez d'ajouter votre 10ème observation.<br/>
588 
							Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous.
 592 
							Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous.
589 
						</p>
 593 
						</p>
590 
					</div>
 594 
					</div>
591 
					<div id="message-chargement" class="alert alert-secondary alert-block hidden">
 595 
					<div id="message-chargement" class="alert alert-secondary alert-block hidden">
592 
							<a class="close">×</a>
 596 
							<a class="close">×</a>
593 
							<h4 class="alert-heading">Image en cours de chargement</h4>
 597 
							<h4 class="alert-heading">Image en cours de chargement</h4>
594 
							<p>
 598 
							<p>
595 
								La création de cette observation sera à nouveau disponible dès que l'image aura été chargée.<br/>
 599 
								La création de cette observation sera à nouveau disponible dès que l'image aura été chargée.<br/>
596 
    							Vous pouvez annuler l'action en cliquant sur le bouton supprimer de la photo en cours de téléchargement.
 600 
    							Vous pouvez annuler l'action en cliquant sur le bouton supprimer de la photo en cours de téléchargement.
597 
							</p>
 601 
							</p>
598 
						</div>
 602 
						</div>
599 
					<div id="dialogue-form-invalide" class="alert alert-warning alert-block hidden">
 603 
					<div id="dialogue-form-invalide" class="alert alert-warning alert-block hidden">
600 
						<a class="close">×</a>
 604 
						<a class="close">×</a>
601 
						<h4 class="alert-heading">Information&nbsp;: champs en erreur</h4>
 605 
						<h4 class="alert-heading">Information&nbsp;: champs en erreur</h4>
602 
						<p>
 606 
						<p>
603 
							Certains champs du formulaire sont mal remplis.<br>
 607 
							Certains champs du formulaire sont mal remplis.<br>
604 
							Veuillez vérifier vos données.
 608 
							Veuillez vérifier vos données.
605 
						</p>
 609 
						</p>
606 
					</div>
 610 
					</div>
607 
					<div id="dialogue-taxon-or-image" class="alert alert-warning alert-block hidden">
 611 
					<div id="dialogue-taxon-or-image" class="alert alert-warning alert-block hidden">
608 
						<a class="close">×</a>
 612 
						<a class="close">×</a>
609 
						<h4 class="alert-heading">Information&nbsp;: Observation incomplète</h4>
 613 
						<h4 class="alert-heading">Information&nbsp;: Observation incomplète</h4>
610 
						<p>
 614 
						<p>
611 
							Une observation de <?php echo $chaine_sq_singulier;?> doit comporter au moins, un arbre, une date, et soit un nom d'espèce, soit une image
 615 
							Une observation de <?php echo $chaine_sq_singulier;?> doit comporter au moins, un arbre, une date, et soit un nom d'espèce, soit une image
612 
						</p>
 616 
						</p>
613 
					</div>
 617 
					</div>
614 
				</div>
 618 
				</div>
615 
			</div>
 619 
			</div>
616 
 
 620 
 
617 
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
 621 
			<!-- Affiche le tableau récapitualif des observations ajoutées -->
618 
			<div id="zone-liste-obs" class="hidden">
 622 
			<div id="zone-liste-obs" class="hidden">
619 
				<div id="bloc-controle-liste-obs" class="alert alert-info">
 623 
				<div id="bloc-controle-liste-obs" class="alert alert-info">
620 
					<h2 class="transmission-title"><strong>Observations à transmettre&nbsp;: <span class="obs-nbre badge badge-info">0</span></strong></h2>
 624 
					<h2 class="transmission-title"><strong>Observations à transmettre&nbsp;: <span class="obs-nbre badge badge-info">0</span></strong></h2>
621 
					<button id="transmettre-obs" class="btn btn-primary has-tooltip" data-toggle="tooltip" disabled="disabled"
 625 
					<button id="transmettre-obs" class="btn btn-primary has-tooltip" data-toggle="tooltip" disabled="disabled"
622 
						title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques." type="button">Enregistrer</button>
 626 
						title="Ajoute les observations ci-dessous à votre Carnet en Ligne et les rend publiques." type="button">Enregistrer</button>
623 
				</div>
 627 
				</div>
624 
				<div id="liste-obs" ></div>
 628 
				<div id="liste-obs" ></div>
625 
				<div class="row">
 629 
				<div class="row">
626 
					<div class="zone-alerte">
 630 
					<div class="zone-alerte">
627 
						<div id="dialogue-zero-obs" class="alert alert-block hidden">
 631 
						<div id="dialogue-zero-obs" class="alert alert-block hidden">
628 
							<a class="close">×</a>
 632 
							<a class="close">×</a>
629 
							<h4 class="alert-heading">Attention&nbsp;: aucune observation</h4>
 633 
							<h4 class="alert-heading">Attention&nbsp;: aucune observation</h4>
630 
							<p>
 634 
							<p>
631 
								Veuillez saisir des observations pour les transmettre.
 635 
								Veuillez saisir des observations pour les transmettre.
632 
							</p>
 636 
							</p>
633 
						</div>
 637 
						</div>
634 
						<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block hidden">
 638 
						<div id="dialogue-obs-transaction-ok" class="alert alert-success alert-block hidden">
635 
							<a class="close">×</a>
 639 
							<a class="close">×</a>
636 
							<h4 class="alert-heading">Information&nbsp;: transmission des observations</h4>
 640 
							<h4 class="alert-heading">Information&nbsp;: transmission des observations</h4>
637 
							<div class="alert-txt"></div>
 641 
							<div class="alert-txt"></div>
638 
						</div>
 642 
						</div>
639 
						<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block hidden">
 643 
						<div id="dialogue-obs-transaction-ko" class="alert alert-error alert-block hidden">
640 
							<a class="close">×</a>
 644 
							<a class="close">×</a>
641 
							<h4 class="alert-heading">Erreur&nbsp;: transmission des observations</h4>
 645 
							<h4 class="alert-heading">Erreur&nbsp;: transmission des observations</h4>
642 
							<div class="alert-txt"></div>
 646 
							<div class="alert-txt"></div>
643 
						</div>
 647 
						</div>
644 
					</div>
 648 
					</div>
645 
				</div>
 649 
				</div>
646 
			</div>
 650 
			</div>
647 
 
 651 
 
648 
			<!-- Fenêtres modales -->
 652 
			<!-- Fenêtres modales -->
649 
			<div id="chargement" class="modal-fenetre hidden">
 653 
			<div id="chargement" class="modal-fenetre hidden">
650 
				<div id="chargement-centrage" class="modal-contenu">
 654 
				<div id="chargement-centrage" class="modal-contenu">
651 
					<div class="progress progress-striped active">
 655 
					<div class="progress progress-striped active">
652 
						<div id="barre-progression-upload" class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style="">
 656 
						<div id="barre-progression-upload" class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="10" style="">
653 
							<span class="sr-only">0/10 observations transmises</span>
 657 
							<span class="sr-only">0/10 observations transmises</span>
654 
						</div>
 658 
						</div>
655 
					</div>
 659 
					</div>
656 
					<p id="chargement-txt">
 660 
					<p id="chargement-txt">
657 
						Transfert des observations en cours...<br>
 661 
						Transfert des observations en cours...<br>
658 
						Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre d'observations à transférer.
 662 
						Cela peut prendre plusieurs minutes en fonction de la taille des images et du nombre d'observations à transférer.
659 
					</p>
 663 
					</p>
660 
				</div>
 664 
				</div>
661 
			</div>
 665 
			</div>
662 
 
 666 
 
663 
			<!-- Templates HTML -->
 667 
			<!-- Templates HTML -->
664 
			<div id="tpl-transmission-ok" class="hidden">
 668 
			<div id="tpl-transmission-ok" class="hidden">
665 
				<p class="msg">
 669 
				<p class="msg">
666 
					Merci pour l'envoi de vos données.<br>
 670 
					Merci pour l'envoi de vos données.<br>
667 
    				Vos observations ont bien été transmises.<br>
 671 
    				Vos observations ont bien été transmises.<br>
668 
					Elles sont désormais consultables à travers les différents outils de visualisation du réseau (<a href="https://www.tela-botanica.org/flore/">eFlore</a>, <a href="https://www.tela-botanica.org/appli:pictoflora">galeries d'images</a>, <a href="https://www.tela-botanica.org/appli:identiplante">identiplante</a>, <a href="https://www.tela-botanica.org/widget:cel:cartoPoint">cartographie (widget)</a>...)<br>
 672 
					Elles sont désormais consultables à travers les différents outils de visualisation du réseau (<a href="https://www.tela-botanica.org/flore/">eFlore</a>, <a href="https://www.tela-botanica.org/appli:pictoflora">galeries d'images</a>, <a href="https://www.tela-botanica.org/appli:identiplante">identiplante</a>, <a href="https://www.tela-botanica.org/widget:cel:cartoPoint">cartographie (widget)</a>...)<br>
669 
    				Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouver en vous connectant à votre <a href="https://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.<br>
 673 
    				Si vous souhaitez les modifier ou les supprimer, vous pouvez les retrouver en vous connectant à votre <a href="https://www.tela-botanica.org/appli:cel">Carnet en ligne</a>.<br>
670 
    				Pour toute question n'hésitez pas à nous contacter à l'adresse suivante : apa@tela-botanica.org<br>
 674 
    				Pour toute question n'hésitez pas à nous contacter à l'adresse suivante : apa@tela-botanica.org<br>
671 
    				Ces données seront utilisées par des chercheurs de Sorbonne Université et du Museum National d'Histoire Naturelle.
 675 
    				Ces données seront utilisées par des chercheurs de Sorbonne Université et du Museum National d'Histoire Naturelle.
672 
				</p>
 676 
				</p>
673 
			</div>
 677 
			</div>
674 
			<div id="tpl-transmission-ko" class="hidden">
 678 
			<div id="tpl-transmission-ko" class="hidden">
675 
				<p class="msg">
 679 
				<p class="msg">
676 
					Une erreur est survenue lors de la transmission d'une observation.<br>
 680 
					Une erreur est survenue lors de la transmission d'une observation.<br>
677 
    				Vous pouvez tenter de la retransmettre en cliquant à nouveau sur le bouton transmettre ou bien la supprimer et transmettre les suivantes.<br>
 681 
    				Vous pouvez tenter de la retransmettre en cliquant à nouveau sur le bouton transmettre ou bien la supprimer et transmettre les suivantes.<br>
678 
    				Néanmoins, les observations n'apparaissant plus dans la liste "observations à transmettre", ont bien été transmises lors de votre précédente tentative. <br>
 682 
    				Néanmoins, les observations n'apparaissant plus dans la liste "observations à transmettre", ont bien été transmises lors de votre précédente tentative. <br>
679 
    				Si le problème persiste, vous pouvez signaler le dysfonctionnement sur <a href="<?php echo $url_remarques; ?>?lang=fr&service=cel&pageSource=<?php echo urlencode( 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'] ); ?>" target="_blank" onclick="javascript: window.open( this.getAttribute( 'href' ), 'Tela Botanica - Remarques', config = 'height=700, width=640, scrollbars=yes, resizable=yes' ); return false;">le formulaire de signalement d'erreurs</a>.
 683 
    				Si le problème persiste, vous pouvez signaler le dysfonctionnement sur <a href="<?php echo $url_remarques; ?>?lang=fr&service=cel&pageSource=<?php echo urlencode( 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'] ); ?>" target="_blank" onclick="javascript: window.open( this.getAttribute( 'href' ), 'Tela Botanica - Remarques', config = 'height=700, width=640, scrollbars=yes, resizable=yes' ); return false;">le formulaire de signalement d'erreurs</a>.
680 
				</p>
 684 
				</p>
681 
			</div>
 685 
			</div>
682 
		</div><!-- fin <?php echo $squelette;?> zone résumé obs ( =zone de droite ) -->
 686 
		</div><!-- fin <?php echo $squelette;?> zone résumé obs ( =zone de droite ) -->
683 
	</div>
 687 
	</div>
684 
</div>
 688 
</div>