<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="00.xsl.php?__t=Reclamación"?><d>
	<cdata title="Reclamación">
		<script type="text/javascript">
			$(function () {
				$("#formReclam").submit(function () {
					var error = false;
					for(var i=0; i &lt; $(this).find("input, select, textarea").length; i++){
						var id = $(this).find("input, select, textarea")[i].id;
						if($("#"+id).val() == ""){
							$("#"+id).parents("div:first").addClass("error");
							error = true;
						}
						else {
							//verification du format de l'heure de depart et d'arrivée
							if(id == "hdep" || id == "hfin"){
								var match = $("#"+id).val().match(/[0-9]{2}:[0-9]{2}:[0-9]{2}/i);
								if(match == null){
									error = true;
									$("#"+id).parents("div:first").addClass("error");
								}
							}
							else {
								$("#"+id).parents("div:first").removeClass("error");
							}
						}
					}
					if (error == false){
						var data = $(this).serializeArray();
						$.post(
							"reclam.php",
							{
								mode: "mail",
								data: data
							},
							function (data){
								alert("Tu solicitud ha sido enviada...");
								location.reload(true);
							}
						);
					}
					return false;
				});
			});
		</script>
		<style>
			#reclamation {
				padding-right: 55px;
			}
			.etoile {
				color: red;
			}

			.form_label {
				font-weight: bold;
			}
			div.error {
				color: #B4040F;
			}
			div.error input, div.error textarea, div.error select {
				border-color: #B4040F;
			}
			#formReclam > div {
				display: inline-block;
				width: 33%;
				margin-bottom: 5px;
			}
			#formReclam > div:last-child, #formReclam > div:nth-child(6){
				width: 100%;
			}
			#formReclam #message {
				height: 130px;
			}
		</style>
		<div id="reclamation">
			<h3>Reclamación</h3>
			<div>¿Tienes una reclamación sobre el cronometraje o el seguimiento en vivo de la carrera? Gracias por seguir las siguientes indicaciones.<br/>Para qualquier otra reclamación, gracias por contactar directamente con la organización.<br/>Si quieres más informaciones acerca de LiveTrail®, la encontrarás en <a href="https://livetrail.net" target="_blank">https://livetrail.net</a>.</div><br/>
			<form name="formReclam" id="formReclam" >
				<div>
					<label>
						<div class="form_label">
							Dorsal							<span class="etoile">*</span>
						</div>
						<input type="number" id="dossard" name="dossard"/>
					</label>
				</div>
				<div>
					<label>
						<div class="form_label">
							Carrera							<span class="etoile">*</span>
						</div>
						<select name="courses" id="courses">
							<option value="">Carrera</option>
															<option value="classic">classic</option>								<option value="advance">advance</option>								<option value="maraton">maraton</option>								<option value="half">half</option>								<option value="promo">promo</option>								<option value="fam">fam</option>								<option value="short">short</option>								<option value="kv">kv</option>						</select>
					</label>
				</div>
				<div>
					<label>
						<div class="form_label">
							Dirección e-mail							<span class="etoile">*</span>
						</div>
						<input type="email" id="mail" name="mail"/>
					</label>
				</div>
									<div>
						<label>
							<div class="form_label">
								Hora de salida								<span class="etoile">*</span>
							</div>
							<input type="text" name="hdep" id="hdep" placeholder="HH:MM:SS"/>
						</label>
					</div>
								<div>
					<label>
						<div class="form_label">
							Hora de llegada							<span class="etoile">*</span>
						</div>
						<input type="text" name="hfin" id="hfin" placeholder="HH:MM:SS"/>
					</label>
				</div>
				<div>
					<div class="form_label">
						<label>Tu mensaje <span class="etoile">*</span></label>
					</div>
					<textarea name="message" id="message"></textarea>
				</div>
				<div>
					<input type="submit" class="btn" style="padding-left:40px; float:right;" value="Enviar" />
				</div>
			</form>
		</div>
	</cdata>
</d>
