{"id":5391,"date":"2025-09-02T13:55:50","date_gmt":"2025-09-02T11:55:50","guid":{"rendered":"https:\/\/www.pistesalpedhuez.com\/itinerary\/"},"modified":"2026-09-20T01:08:19","modified_gmt":"2026-09-19T23:08:19","slug":"itinerary","status":"publish","type":"page","link":"https:\/\/www.pistesalpedhuez.com\/en\/itinerary\/","title":{"rendered":"itinerary"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5391\" class=\"elementor elementor-5391 elementor-3815\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73d43265 e-flex e-con-boxed e-con e-parent\" data-id=\"73d43265\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61e5ef5 elementor-widget elementor-widget-shortcode\" data-id=\"61e5ef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<script>document.body.classList.add('mst-planner-page');<\/script>\n\n<div class=\"mst-planner\">\n\n    <!-- ============================ HERO ============================ -->\n    <section class=\"mst-page-hero mst-planner__hero\">\n        <span class=\"mst-mesh\" aria-hidden=\"true\"><\/span>\n        <span class=\"mst-speedlines\" aria-hidden=\"true\"><\/span>\n        <div class=\"mst-wrap\">\n            <h1>Your <span class=\"mst-glow\">custom-made<\/span> itinerary<\/h1>\n            <p class=\"mst-lead\">Set your start, your time budget and your level: we build the route that links <b>the most slopes<\/b> possible across the Espace Alpe d'Huez, lifts included.<\/p>\n        <\/div>\n    <\/section>\n\n    <!-- ========================== CONFIGURATEUR ====================== -->\n    <section class=\"mst-planner__body\">\n        <div class=\"mst-wrap\">\n\n            <form id=\"mySkiTripRouteForm\" class=\"mst-panel mst-planner__form\" method=\"post\" action=\"#\" onsubmit=\"return false;\">\n                <input type=\"hidden\" id=\"my_ski_trip_nonce\" name=\"my_ski_trip_nonce\" value=\"97147de552\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/5391\" \/>\n                <!-- D\u00e9part \/ Arriv\u00e9e -->\n                <div class=\"mst-planner__grid\">\n                    <div class=\"mst-field\">\n                        <label for=\"route_depart\">\n                            Starting point                            <button type=\"button\" class=\"mst-gps-field-btn\" data-target=\"route_depart\" title=\"Utiliser ma position GPS comme d\u00e9part\">\n                                <span class=\"mst-gps-btn-icon\">\ud83d\udccd<\/span><span class=\"mst-gps-btn-text\">My position<\/span>\n                            <\/button>\n                        <\/label>\n                        <input type=\"text\"\n                               id=\"route_depart\"\n                               name=\"depart\"\n                               class=\"route-autocomplete\"\n                               value=\"\"\n                               placeholder=\"Type the name of a slope, lift or location...\"\n                               required\n                               data-suggest=\"true\"\n                               autocomplete=\"off\" autocorrect=\"off\" autocapitalize=\"off\" spellcheck=\"false\" \/>\n                        <input type=\"hidden\" id=\"route_depart_id\" name=\"depart_id\" value=\"\" \/>\n                        <div class=\"suggestions-container\" id=\"suggestions_depart\"><\/div>\n                        <small class=\"mst-autocomplete-error\" id=\"error_depart\">Veuillez s\u00e9lectionner un point dans la liste des suggestions.<\/small>\n                    <\/div>\n\n                    <div class=\"mst-field\">\n                        <label for=\"route_arrivee\">\n                            Arrival point                            <span class=\"optional-tag\">optional<\/span>\n                            <button type=\"button\" class=\"mst-gps-field-btn\" data-target=\"route_arrivee\" title=\"Utiliser ma position GPS comme arriv\u00e9e\">\n                                <span class=\"mst-gps-btn-icon\">\ud83d\udccd<\/span><span class=\"mst-gps-btn-text\">My position<\/span>\n                            <\/button>\n                        <\/label>\n                        <input type=\"text\"\n                               id=\"route_arrivee\"\n                               name=\"arrivee\"\n                               class=\"route-autocomplete\"\n                               value=\"\"\n                               placeholder=\"Leave blank to return to the starting point\"\n                               data-suggest=\"true\"\n                               autocomplete=\"off\" autocorrect=\"off\" autocapitalize=\"off\" spellcheck=\"false\" \/>\n                        <input type=\"hidden\" id=\"route_arrivee_id\" name=\"arrivee_id\" value=\"\" \/>\n                        <div class=\"suggestions-container\" id=\"suggestions_arrivee\"><\/div>\n                        <small class=\"mst-autocomplete-error\" id=\"error_arrivee\">Veuillez s\u00e9lectionner un point dans la liste, ou laissez vide pour boucler vers le d\u00e9part.<\/small>\n                        <small class=\"field-hint\">If empty, the route loops back to your starting point.<\/small>\n                    <\/div>\n                <\/div>\n\n                <!-- Points interm\u00e9diaires -->\n                <div class=\"mst-field mst-planner__intermediates\">\n                    <label>Intermediate points (optional)<\/label>\n                    <div id=\"intermediate_points\"><\/div>\n                    <button type=\"button\" id=\"add_intermediate\">+ Add an intermediate point<\/button>\n                <\/div>\n\n                <!-- Dur\u00e9e \/ Niveau skieur -->\n                <div class=\"mst-planner__grid\">\n                    <div class=\"mst-field\">\n                        <label for=\"duree_souhaitee\">Desired duration<\/label>\n                        <select id=\"duree_souhaitee\" name=\"duree_souhaitee\" required>\n                            <option value=\"plus_court\">Shortest route<\/option>\n                            <option value=\"2h\">2 hours<\/option>\n                            <option value=\"matin\" selected>3 to 4 hours<\/option>\n                            <option value=\"journee\">5 to 6 hours<\/option>\n                        <\/select>\n\n                                                <div class=\"checkbox-option\">\n                            <label>\n                                <input type=\"checkbox\" name=\"conditions_live\" value=\"1\" id=\"conditions_live_checkbox\">\n                                <span>Open trails only<\/span>\n                                <small>(Real-time mode)<\/small>\n                            <\/label>\n                        <\/div>\n                        \n                                                <div class=\"checkbox-option\">\n                            <label>\n                                <input type=\"checkbox\" name=\"use_occupancy\" value=\"1\" id=\"use_occupancy_checkbox\" checked>\n                                <span>Estimate lift queues<\/span>\n                            <\/label>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"mst-field\">\n                        <label for=\"niveau_skieur\">Skier level<\/label>\n                        <select id=\"niveau_skieur\" name=\"niveau_skieur\">\n                            <option value=\"1\">Beginner<\/option>\n                            <option value=\"2\" selected>Intermediate<\/option>\n                            <option value=\"3\">Advance<\/option>\n                            <option value=\"5\">Expert<\/option>\n                        <\/select>\n                        <small class=\"field-hint\">Influences the estimated descent speed<\/small>\n                    <\/div>\n                <\/div>\n\n                <!-- Niveau de difficult\u00e9 maximum (slider 1-20) -->\n                <div class=\"mst-field\">\n                    <label for=\"niveau_slider\">Maximum difficulty level<\/label>\n                    <div class=\"niveau-slider-container\">\n                        <div class=\"color-boxes\">\n                            <div class=\"color-box vert\" data-range=\"1-5\"><span class=\"color-label\">Green<\/span><\/div>\n                            <div class=\"color-box bleu\" data-range=\"6-10\"><span class=\"color-label\">Blue<\/span><\/div>\n                            <div class=\"color-box rouge\" data-range=\"11-15\"><span class=\"color-label\">Red<\/span><\/div>\n                            <div class=\"color-box noir\" data-range=\"16-20\"><span class=\"color-label\">Black<\/span><\/div>\n                        <\/div>\n\n                        <div class=\"slider-wrapper\">\n                            <input type=\"range\" id=\"niveau_slider\" name=\"niveau_slider\" min=\"1\" max=\"20\" value=\"8\" class=\"niveau-range-slider\" \/>\n                            <div class=\"slider-ticks\">\n                                                                    <div class=\"tick tick-minor\" data-value=\"1\"><\/div>\n                                                                    <div class=\"tick tick-minor\" data-value=\"2\"><\/div>\n                                                                    <div class=\"tick tick-minor\" data-value=\"3\"><\/div>\n                                                                    <div class=\"tick tick-minor\" data-value=\"4\"><\/div>\n                                                                    <div class=\"tick tick-major\" data-value=\"5\"><\/div>\n                                                                    <div class=\"tick tick-minor\" data-value=\"6\"><\/div>\n                                                                    <div class=\"tick tick-minor\" data-value=\"7\"><\/div>\n                                                                    <div class=\"tick tick-minor\" data-value=\"8\"><\/div>\n                                                                    <div class=\"tick tick-minor\" data-value=\"9\"><\/div>\n                                                                    <div class=\"tick tick-major\" data-value=\"10\"><\/div>\n                                                                    <div class=\"tick tick-minor\" data-value=\"11\"><\/div>\n                                                                    <div class=\"tick tick-minor\" data-value=\"12\"><\/div>\n                                                                    <div class=\"tick tick-minor\" data-value=\"13\"><\/div>\n                                                                    <div class=\"tick tick-minor\" data-value=\"14\"><\/div>\n                                                                    <div class=\"tick tick-major\" data-value=\"15\"><\/div>\n                                                                    <div class=\"tick tick-minor\" data-value=\"16\"><\/div>\n                                                                    <div class=\"tick tick-minor\" data-value=\"17\"><\/div>\n                                                                    <div class=\"tick tick-minor\" data-value=\"18\"><\/div>\n                                                                    <div class=\"tick tick-minor\" data-value=\"19\"><\/div>\n                                                                    <div class=\"tick tick-major\" data-value=\"20\"><\/div>\n                                                            <\/div>\n                        <\/div>\n\n                        <div class=\"niveau-display-compact\">\n                            <span id=\"couleur-dot\" class=\"couleur-dot bleu\"><\/span>\n                            <strong id=\"niveau-selected-text\">Blue runs<\/strong>\n                            <span id=\"stars-display\">\u2605\u2605\u2605<\/span>\n                            <span id=\"difficulte-text\">Moderate difficulty<\/span>\n                        <\/div>\n\n                        <!-- Champs cach\u00e9s (source de v\u00e9rit\u00e9 pour le calcul) -->\n                        <input type=\"hidden\" id=\"couleur_max\" name=\"couleur_max\" value=\"bleu\" \/>\n                        <input type=\"hidden\" id=\"difficulte_max\" name=\"difficulte_max\" value=\"3\" \/>\n                        <input type=\"hidden\" id=\"niveau_graphique\" name=\"niveau_graphique\" value=\"8\" \/>\n                        <input type=\"hidden\" id=\"debug_seed\" name=\"debug_seed\" value=\"\" \/>\n                    <\/div>\n                <\/div>\n\n                <!-- Action -->\n                <div class=\"mst-planner__actions\">\n                    <button type=\"submit\" id=\"calculate_route\" class=\"mst-btn mst-btn-primary\">\n                        <span class=\"button-text\">Calculate routes<\/span>\n                        <span class=\"loading-spinner\" style=\"display:none;\"><\/span>\n                    <\/button>\n                <\/div>\n            <\/form>\n\n            <!-- R\u00e9sultats (HTML inject\u00e9 par AJAX = route-result-v2.php) -->\n            <div id=\"route_results\" class=\"route-results mst-planner__results\" style=\"display:none;\">\n                <div class=\"results-header\">\n                    <h3>\ud83d\uddfa\ufe0f Itin\u00e9raire propos\u00e9<\/h3>\n                <\/div>\n                <div id=\"routes_container\" class=\"routes-container\"><\/div>\n                <div id=\"disclaimer\" class=\"disclaimer\" style=\"display:none;\"><\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-5391","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.pistesalpedhuez.com\/en\/wp-json\/wp\/v2\/pages\/5391","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pistesalpedhuez.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pistesalpedhuez.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pistesalpedhuez.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pistesalpedhuez.com\/en\/wp-json\/wp\/v2\/comments?post=5391"}],"version-history":[{"count":3,"href":"https:\/\/www.pistesalpedhuez.com\/en\/wp-json\/wp\/v2\/pages\/5391\/revisions"}],"predecessor-version":[{"id":5394,"href":"https:\/\/www.pistesalpedhuez.com\/en\/wp-json\/wp\/v2\/pages\/5391\/revisions\/5394"}],"wp:attachment":[{"href":"https:\/\/www.pistesalpedhuez.com\/en\/wp-json\/wp\/v2\/media?parent=5391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}