{"id":2886,"date":"2025-04-28T11:37:44","date_gmt":"2025-04-28T09:37:44","guid":{"rendered":"https:\/\/lcli.lu\/inscription-rallye\/"},"modified":"2025-04-30T12:42:07","modified_gmt":"2025-04-30T10:42:07","slug":"inscription-rallye","status":"publish","type":"page","link":"https:\/\/lcli.lu\/en\/inscription-rallye\/","title":{"rendered":"Inscription au Rallye Touristique"},"content":{"rendered":"<div class=\"lcli-rally-container\">\n    <!-- Hero Section with Rally Image -->\n    <div class=\"lcli-rally-hero\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1681292582809-f5ccba4ba724');\">\n        <div class=\"lcli-rally-hero-content\">\n            <h1>Rallye Touristique 2025<\/h1>\n            <p>Organis\u00e9 par le Lions Club Luxembourg-International au profit de l'ASBL SOURRIRE<\/p>\n        <\/div>\n    <\/div>\n    \n    <!-- Event Details -->\n    <div class=\"event-details\">\n        <div class=\"event-detail-item\">\n            <div class=\"event-detail-icon\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\n            <\/div>\n            <div class=\"event-detail-content\">\n                <h3>Date<\/h3>\n                <p>29 juin 2025<\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"event-detail-item\">\n            <div class=\"event-detail-icon\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n            <\/div>\n            <div class=\"event-detail-content\">\n                <h3>Lieu<\/h3>\n                <p>Entre Luxembourg, Allemagne et France<\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"event-detail-item\">\n            <div class=\"event-detail-icon\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n            <\/div>\n            <div class=\"event-detail-content\">\n                <h3>Horaire<\/h3>\n                <p>D\u00e9tails \u00e0 venir<\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"event-detail-item\">\n            <div class=\"event-detail-icon\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path><\/svg>\n            <\/div>\n            <div class=\"event-detail-content\">\n                <h3>Th\u00e8me<\/h3>\n                <p>Sur les traces de l'\u00e9pop\u00e9e des ducs de Lorraine<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Registration Form -->\n    <div class=\"lcli-rally-form-container\">\n        <div class=\"lcli-rally-form-header\">\n                        <img decoding=\"async\" src=\"https:\/\/lcli.lu\/wp-content\/plugins\/lcli-rally-registration\/public\/images\/logo-lions.png\" alt=\"Lions Club Luxembourg International\" class=\"lcli-logo\" title=\"\">\n            <h2 class=\"lcli-rally-form-title\">Inscription au Rallye Touristique<\/h2>\n            <p>Compl\u00e9tez le formulaire ci-dessous pour vous inscrire \u00e0 l&#039;\u00e9v\u00e9nement<\/p>\n            \n            <div class=\"progress-container\">\n                <div class=\"progress-bar\"><\/div>\n            <\/div>\n            \n            <div class=\"form-navigation\" role=\"tablist\">\n                <div class=\"form-nav\">\n                    <button type=\"button\" data-step=\"0\" class=\"active\" id=\"tab-step-1\" role=\"tab\" aria-selected=\"true\" aria-controls=\"step-1\">Coordonn\u00e9es<\/button>\n                    <button type=\"button\" data-step=\"1\" id=\"tab-step-2\" role=\"tab\" aria-selected=\"false\" aria-controls=\"step-2\">\u00c9quipe<\/button>\n                    <button type=\"button\" data-step=\"2\" id=\"tab-step-3\" role=\"tab\" aria-selected=\"false\" aria-controls=\"step-3\">R\u00e9capitulatif<\/button>\n                    <button type=\"button\" data-step=\"3\" id=\"tab-step-4\" role=\"tab\" aria-selected=\"false\" aria-controls=\"step-4\">Paiement<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <form id=\"lcli-rally-form\" class=\"lcli-rally-form\" aria-label=\"Formulaire d'inscription au Rallye Touristique\" action=\"\">\n            <!-- Step 1: Personal Information -->\n            <div class=\"form-step\" id=\"step-1\" role=\"tabpanel\" aria-labelledby=\"tab-step-1\">\n                <h3 class=\"form-section-title\">Vos coordonn\u00e9es<\/h3>\n                \n                <div class=\"form-grid\">\n                    <div class=\"form-row\">\n                        <label for=\"last_name\">Nom <span class=\"screen-reader-text\">(obligatoire)<\/span> *<\/label>\n                        <input type=\"text\" id=\"last_name\" name=\"last_name\" required aria-required=\"true\" aria-invalid=\"false\">\n                        <div class=\"error-message\" role=\"alert\" aria-live=\"assertive\"><\/div>\n                    <\/div>\n                    \n                    <div class=\"form-row\">\n                        <label for=\"first_name\">Pr\u00e9nom <span class=\"screen-reader-text\">(obligatoire)<\/span> *<\/label>\n                        <input type=\"text\" id=\"first_name\" name=\"first_name\" required aria-required=\"true\" aria-invalid=\"false\">\n                        <div class=\"error-message\" role=\"alert\" aria-live=\"assertive\"><\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"form-row\">\n                    <label for=\"email\">Adresse e-mail <span class=\"screen-reader-text\">(obligatoire)<\/span> *<\/label>\n                    <input type=\"email\" id=\"email\" name=\"email\" required aria-required=\"true\" aria-invalid=\"false\">\n                    <div class=\"error-message\" role=\"alert\" aria-live=\"assertive\"><\/div>\n                <\/div>\n                \n                <div class=\"form-row phone-container\">\n                    <label for=\"phone\">Num\u00e9ro de GSM (le m\u00eame que pour le jour J) <span class=\"screen-reader-text\">(obligatoire)<\/span> *<\/label>\n                    <div class=\"phone-input-wrapper\">\n                        <select id=\"phone_country_code\" name=\"phone_country_code\" class=\"phone-country-select\" required aria-required=\"true\">\n                            <option value=\"+352\" selected>Luxembourg (+352)<\/option>\n                            <option value=\"+33\">France (+33)<\/option>\n                            <option value=\"+32\">Belgique (+32)<\/option>\n                            <option value=\"+49\">Allemagne (+49)<\/option>\n                            <option value=\"+39\">Italie (+39)<\/option>\n                            <option value=\"+31\">Pays-Bas (+31)<\/option>\n                            <option value=\"+41\">Suisse (+41)<\/option>\n                            <option value=\"+44\">Royaume-Uni (+44)<\/option>\n                            <option value=\"+1\">\u00c9tats-Unis\/Canada (+1)<\/option>\n                            <option value=\"+34\">Espagne (+34)<\/option>\n                            <option value=\"+351\">Portugal (+351)<\/option>\n                            <!-- L'utente pu\u00f2 selezionare direttamente il prefisso -->\n                        <\/select>\n                        <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"Num\u00e9ro sans pr\u00e9fixe\" required aria-required=\"true\" aria-invalid=\"false\">\n                    <\/div>\n                    <p class=\"helper-text\">Entrez votre num\u00e9ro sans le pr\u00e9fixe international (ex: pour le Luxembourg, entrez votre num\u00e9ro sans le +352)<\/p>\n                    <input type=\"hidden\" id=\"phone_full\" name=\"phone_full\">\n                    <div class=\"error-message\" role=\"alert\" aria-live=\"assertive\"><\/div>\n                <\/div>\n                \n                <div class=\"form-controls\">\n                    <button type=\"button\" class=\"btn btn-prev\" style=\"visibility: hidden;\">Pr\u00e9c\u00e9dent<\/button>\n                    <button type=\"button\" class=\"btn btn-next\">Suivant<\/button>\n                <\/div>\n            <\/div>\n            \n            <!-- Step 2: Team Information -->\n            <div class=\"form-step\" id=\"step-2\" role=\"tabpanel\" aria-labelledby=\"tab-step-2\">\n                <h3 class=\"form-section-title\">Informations sur l'\u00e9quipe<\/h3>\n                \n                <div class=\"form-row\">\n                    <label for=\"team_name\">Nom de l'\u00e9quipe (libre et original bienvenu !) <span class=\"screen-reader-text\">(obligatoire)<\/span> *<\/label>\n                    <input type=\"text\" id=\"team_name\" name=\"team_name\" required aria-required=\"true\" aria-invalid=\"false\">\n                    <div class=\"error-message\" role=\"alert\" aria-live=\"assertive\"><\/div>\n                <\/div>\n                \n                <div class=\"form-row\">\n                    <label for=\"team_size\">Nombre total de participants dans l'\u00e9quipe (de 1 \u00e0 5 personnes) <span class=\"screen-reader-text\">(obligatoire)<\/span> *<\/label>\n                    <select id=\"team_size\" name=\"team_size\" required aria-required=\"true\" aria-invalid=\"false\">\n                        <option value=\"\">S\u00e9lectionnez<\/option>\n                        <option value=\"1\">1 personne<\/option>\n                        <option value=\"2\">2 personnes<\/option>\n                        <option value=\"3\">3 personnes<\/option>\n                        <option value=\"4\">4 personnes<\/option>\n                        <option value=\"5\">5 personnes<\/option>\n                    <\/select>\n                    <div class=\"error-message\" role=\"alert\" aria-live=\"assertive\"><\/div>\n                <\/div>\n                \n                <h3 class=\"form-section-title\">D\u00eener gourmand (en option)<\/h3>\n                \n                <div class=\"form-grid\">\n                    <div class=\"form-row\">\n                        <label for=\"regular_dinners\">Nombre de repas du soir <br> Menu \u00ab Lorrain \u00bb (\u00e0 base de porc)<\/label>\n                        <select id=\"regular_dinners\" name=\"regular_dinners\" aria-invalid=\"false\">\n                            <option value=\"0\">0<\/option>\n                            <option value=\"1\">1<\/option>\n                            <option value=\"2\">2<\/option>\n                            <option value=\"3\">3<\/option>\n                            <option value=\"4\">4<\/option>\n                            <option value=\"5\">5<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div class=\"form-row\">\n                        <label for=\"vegan_dinners\">Nombre de repas du soir<br>Menu \u00ab Vegan \u00bb <\/label>\n                        <select id=\"vegan_dinners\" name=\"vegan_dinners\" aria-invalid=\"false\">\n                            <option value=\"0\">0<\/option>\n                            <option value=\"1\">1<\/option>\n                            <option value=\"2\">2<\/option>\n                            <option value=\"3\">3<\/option>\n                            <option value=\"4\">4<\/option>\n                            <option value=\"5\">5<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"pricing-summary\">\n                    <div class=\"price-row\">\n                        <span>Participation au rallye:<\/span>\n                        <span id=\"participation_price\">0.00 \u20ac<\/span>\n                    <\/div>\n                    <div class=\"price-row\">\n                        <span>D\u00eener gourmand:<\/span>\n                        <span id=\"dinner_price\">0.00 \u20ac<\/span>\n                    <\/div>\n                    <div class=\"price-row\">\n                        <span>Total:<\/span>\n                        <span id=\"total_price\">0.00 \u20ac<\/span>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"form-controls\">\n                    <button type=\"button\" class=\"btn btn-prev\">Pr\u00e9c\u00e9dent<\/button>\n                    <button type=\"button\" class=\"btn btn-next\">Suivant<\/button>\n                <\/div>\n            <\/div>\n            \n            <!-- Step 3: Summary -->\n            <div class=\"form-step\" id=\"step-3\" role=\"tabpanel\" aria-labelledby=\"tab-step-3\">\n                <h3 class=\"form-section-title\">R\u00e9capitulatif de votre inscription<\/h3>\n                \n                <div class=\"form-row\">\n                    <p>Veuillez v\u00e9rifier les informations ci-dessous avant de proc\u00e9der au paiement.<\/p>\n                <\/div>\n                \n                <div class=\"price-breakdown\">\n                    <div class=\"price-breakdown-item\">\n                        <strong>Coordonn\u00e9es:<\/strong><br>\n                        <span id=\"summary_name\"><\/span><br>\n                        <span id=\"summary_email\"><\/span><br>\n                        <span id=\"summary_phone\"><\/span>\n                    <\/div>\n                    \n                    <div class=\"price-breakdown-item\">\n                        <strong>Informations sur l'\u00e9quipe:<\/strong><br>\n                        \u00c9quipe: <span id=\"summary_team_name\"><\/span><br>\n                        Participants: <span id=\"summary_team_size\"><\/span>\n                    <\/div>\n                    \n                    <div class=\"price-breakdown-item\" id=\"summary_dinners_section\">\n                        <strong>D\u00eener gourmand:<\/strong><br>\n                        <span id=\"summary_dinners\"><\/span>\n                    <\/div>\n                    \n                    <div class=\"price-breakdown-item\">\n                        <strong>D\u00e9tail du prix:<\/strong><br>\n                        <span id=\"price_breakdown_participants\"><\/span><br>\n                        <div id=\"price_breakdown_dinners\">\n                            <span id=\"price_breakdown_dinners_details\"><\/span>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"price-breakdown-item\">\n                        <strong>Total \u00e0 payer:<\/strong> <span id=\"price_breakdown_total\"><\/span>\n                    <\/div>\n                <\/div>\n                \n                <div id=\"registration-message\"><\/div>\n                \n                <div class=\"form-row\">\n                    <p>Une fois le formulaire soumis, vous serez redirig\u00e9 vers la page de paiement s\u00e9curis\u00e9e. Un e-mail de confirmation vous sera envoy\u00e9 avec le r\u00e9capitulatif de votre inscription.<\/p>\n                <\/div>\n                \n                <div class=\"consent-texts\">\n                    <div class=\"form-row consent-text-row\">\n                        <input type=\"hidden\" id=\"photo_consent\" name=\"photo_consent\" value=\"1\">\n                        <div class=\"consent-text\">\n                            <b>En m'inscrivant au rallye, j'accepte d'\u00eatre pris en photo pendant l'\u00e9v\u00e9nement <\/b>\n                            <i>Des photos seront prises pendant l'\u00e9v\u00e9nement \u00e0 des fins de communication (site web, r\u00e9seaux sociaux, etc.). Aucun portrait ne sera utilis\u00e9 de mani\u00e8re isol\u00e9e ou inappropri\u00e9e.<\/i>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"form-row consent-text-row\">\n                        <input type=\"hidden\" id=\"email_consent\" name=\"email_consent\" value=\"1\">\n                        <div class=\"consent-text\">\n                            <b>Je vous autorise \u00e0 utiliser mon adresse e-mail<\/b>\n                            <i>Votre adresse e-mail sera utilis\u00e9e uniquement pour vous envoyer des informations importantes concernant le rallye (rappels, mises \u00e0 jour, etc.). Elle ne sera ni partag\u00e9e ni utilis\u00e9e \u00e0 des fins commerciales.<\/i>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"form-controls\">\n                    <button type=\"button\" class=\"btn btn-prev\">Pr\u00e9c\u00e9dent<\/button>\n                    <button type=\"button\" class=\"btn btn-next\">Confirmer et payer<\/button>\n                <\/div>\n            <\/div>\n            \n            <!-- Step 4: Payment -->\n            <div class=\"form-step\" id=\"step-4\" role=\"tabpanel\" aria-labelledby=\"tab-step-4\">\n                <h3 class=\"form-section-title\">Paiement<\/h3>\n                \n                <div class=\"payment-container\">\n                    <div class=\"payment-amount\">Montant total: <span id=\"payment-amount\">0.00 \u20ac<\/span><\/div>\n                    \n                    <div class=\"payment-info\">\n                        <p>Vous allez \u00eatre redirig\u00e9 vers la plateforme de paiement s\u00e9curis\u00e9e Stripe.<\/p>\n                    <\/div>\n                    \n                    <div id=\"payment-message\"><\/div>\n                    \n                    <div class=\"payment-processing\" style=\"display: none;\">\n                        <div class=\"spinner\"><\/div>\n                        <p>Traitement du paiement...<\/p>\n                    <\/div>\n                    \n                    <!-- Hidden element for technical purposes, not visible to users -->\n                    <pre id=\"payment-debug-info\" style=\"display: none;\"><\/pre>\n                <\/div>\n                \n                <div class=\"form-controls\">\n                    <button type=\"button\" class=\"btn btn-prev\">Pr\u00e9c\u00e9dent<\/button>\n                <\/div>\n            <\/div>\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n    <\/div>\n    \n    <!-- Footer Information -->\n    <div class=\"lcli-rally-footer\">\n        <p>Le Lions Club Luxembourg-International est ravi de vous accueillir \u00e0 l'occasion du Rallye Touristique 2025, organis\u00e9 au profit de l'ASBL SOURRIRE.<\/p>\n        <p>Pour toute question, contactez-nous \u00e0: <a href=\"mailto:contact@lcli.lu\">contact@lcli.lu<\/a><\/p>\n    <\/div>\n<\/div>\n\n<script>\n\/\/ Update summary information dynamically\njQuery(document).ready(function($) {\n    \/\/ Update summary when user clicks next from step 2 to step 3\n    $('.btn-next').on('click', function() {\n        if ($(this).closest('.form-step').attr('id') === 'step-2') {\n            \/\/ Update summary with form values\n            $('#summary_name').text($('#first_name').val() + ' ' + $('#last_name').val());\n            $('#summary_email').text($('#email').val());\n            \/\/ Usa il numero completo con prefisso dal campo hidden\n            $('#summary_phone').text($('#phone_full').val());\n            $('#summary_team_name').text($('#team_name').val());\n            $('#summary_team_size').text($('#team_size').val() + ' participant(s)');\n            \n            \/\/ Dinner info\n            const regularDinners = parseInt($('#regular_dinners').val() || 0);\n            const veganDinners = parseInt($('#vegan_dinners').val() || 0);\n            \n            if (regularDinners > 0 || veganDinners > 0) {\n                let dinnerText = '';\n                if (regularDinners > 0) {\n                    dinnerText += regularDinners + ' repas menu \"lorrain\"<br>';\n                }\n                if (veganDinners > 0) {\n                    dinnerText += veganDinners + ' repas VEGAN';\n                }\n                $('#summary_dinners').html(dinnerText);\n                $('#summary_dinners_section').show();\n            } else {\n                $('#summary_dinners_section').hide();\n            }\n        }\n    });\n});\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-2886","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lcli.lu\/en\/wp-json\/wp\/v2\/pages\/2886","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lcli.lu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lcli.lu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lcli.lu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lcli.lu\/en\/wp-json\/wp\/v2\/comments?post=2886"}],"version-history":[{"count":1,"href":"https:\/\/lcli.lu\/en\/wp-json\/wp\/v2\/pages\/2886\/revisions"}],"predecessor-version":[{"id":2950,"href":"https:\/\/lcli.lu\/en\/wp-json\/wp\/v2\/pages\/2886\/revisions\/2950"}],"wp:attachment":[{"href":"https:\/\/lcli.lu\/en\/wp-json\/wp\/v2\/media?parent=2886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}