Pré-réservation Leçon

Details

<div class="header"> <div class="num">#</div><div class="lastname">Nom</div><div class="firstname">Prénom</div><div class="age">Age</div><div class="level">Niveau</div><div class="private">Privé/Groupe</div> </div> <div class="first-line"> <div class="num"> <div class="mobile">#</div> <div>{0}</div> </div><div> <div class="mobile">Nom</div> <div> <input name="persons[{0}][lastname]" type="text" class="required" placeholder="Nom" value="" /> </div> </div><div> <div class="mobile">Prénom</div> <div> <input name="persons[{0}][firstname]" type="text" class="required" placeholder="Prénom" value="" /> </div> </div><div> <div class="mobile">Age</div> <div> <input name="persons[{0}][age]" type="text" class="required" placeholder="Age" value="" /> </div> </div><div> <div class="mobile">Niveau</div> <div> <select id="persons_{0}_level" name="persons[{0}][level]"> <option value="">Niveau</option> <optgroup label="Choissir"> <option value="Niveau 1">Niveau 1</option> <option value="niveau 2">niveau 2</option> </optgroup> <optgroup label="Choisir"> <option value="Niveau 1">Niveau 1</option> <option value="Niveau2">Niveau2</option> </optgroup> </select> </div> </div><div class="wrapper-radio"> <div class="mobile">Privé/Groupe</div> <div> <input id="persons_{0}_prive" name="persons[{0}][prive_group]" class="required" type="radio" value="Private"> <label for="persons_{0}_prive">Privé</label> <input id="persons_{0}_group" name="persons[{0}][prive_group]" class="required" type="radio" value="Group" /> <label for="persons_{0}_group">Groupe</label> </div> </div> </div> <div class="second-header"> <div>Ski / Snowboard</div><div>Dates(du)</div><div>Dates(au)</div><div>Heures (début - fin)</div><div>Skipass 6 jours - débute</div> </div> <div class="second-line"> <div> <div class="mobile">Ski / Snowboard</div> <div> <input id="persons_{0}_ski" name="persons[{0}][ski_board]" class="required" type="radio" value="Ski"> <label for="persons_{0}_ski">Ski</label> <input id="persons_{0}_board" name="persons[{0}][ski_board]" class="required" type="radio" value="Snowboard"> <label for="persons_{0}_board">Snowboard</label> </div> </div><div> <div class="mobile">Dates(du)</div> <div> <input id="persons_{0}_from" name="persons[{0}][from]" class="required" type="text" value="" /> </div> </div><div> <div class="mobile">Dates(au)</div> <div> <input id="persons_{0}_to" name="persons[{0}][to]" class="required" type="text" value="" /> </div> </div><div> <div class="mobile">Heures (début - fin)</div> <div> <select name="persons[{0}][times]" class="required"> <option value="">Choisissez</option> <option value=""></option> </select> </div> </div><div> <div class="mobile">Skipass 6 jours - débute</div> <div> <input id="persons_{0}_monday" name="persons[{0}][pass_day]" class="required" type="radio" value="Lundi"> <label for="persons_{0}_monday">Lundi</label> <input id="persons_{0}_sunday" name="persons[{0}][pass_day]" class="required" type="radio" value="Dimanche"> <label for="persons_{0}_sunday">Dimanche</label> </div> </div> </div> <script type="text/javascript"> var persons_{0}_from = $( "#persons_{0}_from" ) .datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 1, minDate: new Date() }) .on( "change", function() { persons_{0}_to.datepicker( "option", "minDate", getDate( this )); }); var persons_{0}_to = $( "#persons_{0}_to" ) .datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 1 }) .on( "change", function() { persons_{0}_from.datepicker( "option", "maxDate", getDate( this )); }); var dateFormat = "dd/mm/yy"; function getDate( element ) { var date; try { date = $.datepicker.parseDate( dateFormat, element.value ); } catch( error ) { date = null; } return date; } </script>