{"id":44,"date":"2025-10-27T12:03:00","date_gmt":"2025-10-27T12:03:00","guid":{"rendered":"https:\/\/ohmyphuket.com\/?page_id=44"},"modified":"2025-11-17T10:28:07","modified_gmt":"2025-11-17T10:28:07","slug":"forza-750cc","status":"publish","type":"page","link":"https:\/\/ohmyphuket.com\/fr\/forza-750cc\/","title":{"rendered":"Forza 750cc\u00a0"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Book Forza 750cc - Oh My Phuket<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\r\n <style>\r\n :root{\r\n --primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#0ea5e9;--accent:#7e22ce;\r\n --text:#1e293b;--text-light:#64748b;--background:#fff;--background-alt:#f8fafc;--border:#e2e8f0;\r\n --success:#10b981;--warning:#f59e0b;--error:#ef4444;\r\n --shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);\r\n --shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)\r\n }\r\n *{margin:0;padding:0;box-sizing:border-box}\r\n body{font-family:'Inter',sans-serif;color:var(--text);line-height:1.6\r\n .container{max-width:1200px;margin:0 auto}\r\n .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;transition:.3s;border:none;cursor:pointer}\r\n .btn-primary{background:var(--primary);color:#fff}\r\n .btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}\r\n .btn-secondary{background:var(--background-alt);color:var(--text);border:1px solid var(--border)}\r\n .btn-secondary:hover{background:var(--border);transform:translateY(-2px)}\r\n .booking-page{padding:20px 0}\r\n .booking-container{display:grid;grid-template-columns:1fr 400px;gap:30px}\r\n .booking-main,.booking-sidebar{background:#fff;border-radius:12px;padding:25px;box-shadow:var(--shadow)}\r\n .booking-sidebar{align-self:start;position:sticky;top:20px}\r\n .section-title{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border)}\r\n .section-title h2{font-size:1.5rem;margin-bottom:5px}\r\n .section-title p{color:var(--text-light);font-size:.9rem}\r\n .motorcycle-details{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid var(--border)}\r\n .gallery{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-bottom:20px}\r\n .main-image{height:300px;background:#f1f5f9;border-radius:8px;overflow:hidden;position:relative}\r\n .main-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}\r\n .thumbnail-gallery{display:grid;grid-template-rows:repeat(4,1fr);gap:10px}\r\n .thumbnail{height:70px;background:#f1f5f9;border-radius:6px;overflow:hidden;cursor:pointer;transition:transform .2s;border:2px solid transparent}\r\n .thumbnail:hover{transform:scale(1.05)} .thumbnail.active{border-color:var(--primary)}\r\n .thumbnail img{width:100%;height:100%;object-fit:contain}\r\n .motorcycle-info h3{font-size:1.8rem;margin-bottom:10px}\r\n .motorcycle-description{color:var(--text-light);margin-bottom:20px}\r\n .specs-table{width:100%;border-collapse:collapse;margin-bottom:20px}\r\n .specs-table td{padding:10px;border-bottom:1px solid var(--border)}\r\n .specs-table td:first-child{font-weight:500;width:40%}\r\n .form-group{margin-bottom:20px}\r\n .form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text)}\r\n .form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:1px solid var(--border);border-radius:8px;font-family:'Inter',sans-serif;font-size:16px;transition:border-color .3s}\r\n .form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}\r\n .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}\r\n .rental-dates{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}\r\n .date-box{background:var(--background-alt);border-radius:8px;padding:15px}\r\n .date-box h4{font-size:.9rem;margin-bottom:8px;color:var(--text-light)} .date-box p{font-weight:600}\r\n .duration-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:20px}\r\n .duration-option{background:var(--background-alt);border-radius:8px;padding:15px;text-align:center;cursor:pointer;transition:.3s;border:2px solid transparent}\r\n .duration-option:hover{border-color:var(--primary)} .duration-option.selected{background:rgba(37,99,235,.1);border-color:var(--primary)}\r\n .duration-option .duration{font-size:.9rem;color:var(--text-light);margin-bottom:5px}\r\n .duration-option .price{font-weight:700;font-size:1.2rem;color:var(--primary)}\r\n .addons-section{margin-bottom:20px}\r\n .addon-item{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--border)}\r\n .addon-item:last-child{border-bottom:none}\r\n .addon-info{display:flex;align-items:center;gap:10px}\r\n .addon-checkbox{width:20px;height:20px;border-radius:4px;border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center}\r\n .addon-checkbox.checked{background:var(--primary);color:#fff}\r\n .addon-price{font-weight:600}\r\n .helmet-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}\r\n .license-option{background:rgba(16,185,129,.1);border-radius:8px;padding:15px;margin-bottom:20px}\r\n .license-option h4{margin-bottom:10px;color:var(--success)}\r\n .license-pricing{display:flex;gap:15px;margin-top:10px}\r\n .license-price{background:#fff;border-radius:6px;padding:10px;flex:1;text-align:center;cursor:pointer;transition:.3s;border:2px solid transparent}\r\n .license-price:hover{border-color:var(--primary)} .license-price.selected{background:rgba(37,99,235,.1);border-color:var(--primary)}\r\n .license-price .duration{font-size:.9rem;margin-bottom:5px} .license-price .price{font-weight:700;color:var(--primary)}\r\n .price-summary{margin-bottom:20px}\r\n .price-line{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}\r\n .price-line:last-child{border-bottom:none}\r\n .price-total{font-weight:700;font-size:1.2rem;color:var(--primary)}\r\n .checkout-btn{width:100%;padding:16px;font-size:1.1rem;margin-bottom:15px}\r\n .flexible-cancellation{display:flex;align-items:center;gap:10px;padding:15px;background:rgba(16,185,129,.1);border-radius:8px;margin-bottom:15px}\r\n .flexible-cancellation i{color:var(--success);font-size:1.2rem}\r\n .flexible-cancellation p{font-size:.9rem;color:var(--text)}\r\n \r\n \/* Safety Tips Section *\/\r\n .safety-tips {\r\n background: rgba(59, 130, 246, 0.05);\r\n border-radius: 12px;\r\n padding: 20px;\r\n margin-top: 30px;\r\n border-left: 4px solid var(--primary);\r\n }\r\n \r\n .safety-tips h3 {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 15px;\r\n color: var(--primary);\r\n }\r\n \r\n .safety-tips ul {\r\n list-style-type: none;\r\n padding: 0;\r\n }\r\n \r\n .safety-tips li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 12px;\r\n padding-bottom: 12px;\r\n border-bottom: 1px solid rgba(0,0,0,0.05);\r\n }\r\n \r\n .safety-tips li:last-child {\r\n margin-bottom: 0;\r\n padding-bottom: 0;\r\n border-bottom: none;\r\n }\r\n \r\n .safety-tips .tip-icon {\r\n background: var(--primary);\r\n color: white;\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n font-size: 0.8rem;\r\n }\r\n \r\n .safety-tips .tip-content {\r\n flex: 1;\r\n }\r\n \r\n .safety-tips .tip-content strong {\r\n color: var(--primary);\r\n }\r\n \r\n .checkout-page{display:none;padding:20px 0}\r\n .checkout-container{max-width:800px;margin:0 auto}\r\n .checkout-header{text-align:center;margin-bottom:30px}\r\n .checkout-header h1{font-size:2.2rem;margin-bottom:10px}\r\n .checkout-header p{color:var(--text-light);font-size:1.1rem}\r\n .checkout-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative}\r\n .checkout-steps::before{content:'';position:absolute;top:20px;left:10%;right:10%;height:2px;background:var(--border);z-index:1}\r\n .step{text-align:center;position:relative;z-index:2;flex:1}\r\n .step-number{width:40px;height:40px;background:var(--border);color:var(--text-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 10px}\r\n .step.active .step-number{background:var(--primary);color:#fff} .step p{font-size:.9rem;color:var(--text-light)} .step.active p{color:var(--primary);font-weight:600}\r\n .checkout-content{background:#fff;border-radius:12px;padding:25px;box-shadow:var(--shadow)}\r\n .checkout-summary{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid var(--border)}\r\n .checkout-summary h3{margin-bottom:15px;font-size:1.3rem}\r\n .checkout-motorcycle{display:flex;gap:20px;margin-bottom:15px}\r\n .checkout-motorcycle-image{width:120px;height:90px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-light)}\r\n .checkout-motorcycle-image img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}\r\n .checkout-motorcycle-info{flex:1}\r\n .checkout-motorcycle-info h4{font-size:1.2rem;margin-bottom:5px}\r\n .checkout-dates{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}\r\n .checkout-price-details{margin-bottom:25px}\r\n .checkout-price-line{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}\r\n .checkout-price-line:last-child{border-bottom:none}\r\n .checkout-total{font-weight:700;font-size:1.2rem;color:var(--primary)}\r\n .driver-info{margin-top:20px}\r\n .driver-info h4{margin-bottom:10px;font-size:1.1rem}\r\n .confirm-booking{width:100%;padding:16px;font-size:1.1rem;margin-top:20px}\r\n \r\n \/* Thank You Message *\/\r\n .thank-you-message {\r\n display: none;\r\n text-align: center;\r\n padding: 40px 20px;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n \r\n .thank-you-message i {\r\n font-size: 4rem;\r\n color: var(--success);\r\n margin-bottom: 20px;\r\n }\r\n \r\n .thank-you-message h2 {\r\n font-size: 2.5rem;\r\n margin-bottom: 15px;\r\n color: var(--primary);\r\n }\r\n \r\n .thank-you-message p {\r\n font-size: 1.1rem;\r\n color: var(--text-light);\r\n margin-bottom: 30px;\r\n }\r\n \r\n \/* Mobile Bottom Booking Bar *\/\r\n .mobile-booking-bar {\r\n display: none;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: var(--background);\r\n box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);\r\n padding: 12px 16px;\r\n z-index: 90;\r\n border-top: 1px solid var(--border);\r\n }\r\n \r\n .mobile-booking-bar .booking-bar-content {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n \r\n .mobile-booking-bar .price-info {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n \r\n .mobile-booking-bar .price-amount {\r\n font-size: 1.5rem;\r\n font-weight: 800;\r\n color: var(--primary);\r\n line-height: 1.2;\r\n }\r\n \r\n .mobile-booking-bar .price-note {\r\n font-size: 0.8rem;\r\n color: var(--text-light);\r\n margin: 0;\r\n }\r\n \r\n .mobile-booking-bar .btn-rent-mobile {\r\n background: var(--primary);\r\n color: white;\r\n border: none;\r\n border-radius: 10px;\r\n padding: 12px 20px;\r\n font-weight: 700;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: transform 0.2s ease;\r\n }\r\n \r\n .mobile-booking-bar .btn-rent-mobile:hover {\r\n transform: translateY(-2px);\r\n }\r\n \r\n \/* Mobile 3-Step Popup *\/\r\n .mobile-popup-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.7);\r\n z-index: 100;\r\n overflow-y: auto;\r\n padding: 20px;\r\n }\r\n \r\n .mobile-popup-content {\r\n background: white;\r\n border-radius: 12px;\r\n padding: 20px;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n position: relative;\r\n min-height: 500px;\r\n }\r\n \r\n .close-popup {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n background: none;\r\n border: none;\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n color: var(--text-light);\r\n z-index: 10;\r\n }\r\n \r\n .popup-header {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .back-btn {\r\n background: none;\r\n border: none;\r\n font-size: 1.2rem;\r\n margin-right: 15px;\r\n color: var(--text);\r\n cursor: pointer;\r\n display: none;\r\n }\r\n \r\n .popup-title {\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n }\r\n \r\n .popup-step {\r\n display: none;\r\n }\r\n \r\n .popup-step.active {\r\n display: block;\r\n }\r\n \r\n .popup-progress {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 30px;\r\n position: relative;\r\n }\r\n \r\n .popup-progress::before {\r\n content: '';\r\n position: absolute;\r\n top: 15px;\r\n left: 20px;\r\n right: 20px;\r\n height: 2px;\r\n background: var(--border);\r\n z-index: 1;\r\n }\r\n \r\n .popup-step-indicator {\r\n text-align: center;\r\n position: relative;\r\n z-index: 2;\r\n flex: 1;\r\n }\r\n \r\n .popup-step-number {\r\n width: 30px;\r\n height: 30px;\r\n background: var(--border);\r\n color: var(--text-light);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content:center;\r\n font-weight: 700;\r\n margin: 0 auto 8px;\r\n font-size: 0.9rem;\r\n }\r\n \r\n .popup-step-indicator.active .popup-step-number {\r\n background: var(--primary);\r\n color: #fff;\r\n }\r\n \r\n .popup-step-indicator p {\r\n font-size: .8rem;\r\n color: var(--text-light);\r\n font-weight: 500;\r\n }\r\n \r\n .popup-step-indicator.active p {\r\n color: var(--primary);\r\n }\r\n \r\n .popup-actions {\r\n display: flex;\r\n gap: 10px;\r\n margin-top: 30px;\r\n }\r\n \r\n .popup-actions .btn {\r\n flex: 1;\r\n }\r\n \r\n \/* Mobile-specific styles *\/\r\n @media(max-width:992px){\r\n .booking-container{grid-template-columns:1fr}\r\n .booking-sidebar{position:static; display: none;}\r\n }\r\n \r\n @media(max-width:768px){\r\n body{padding:10px}\r\n .gallery{grid-template-columns:1fr}\r\n .thumbnail-gallery{grid-template-columns:repeat(4,1fr);grid-template-rows:auto}\r\n .form-row,.rental-dates{grid-template-columns:1fr}\r\n .duration-options{grid-template-columns:repeat(2,1fr)}\r\n .checkout-steps{flex-direction:column;gap:20px}.checkout-steps::before{display:none}\r\n .checkout-motorcycle{flex-direction:column}.checkout-motorcycle-image{width:100%;height:150px}\r\n \r\n \/* Show mobile booking bar on mobile *\/\r\n .mobile-booking-bar {\r\n display: block;\r\n }\r\n \r\n \/* Add padding to prevent content from being hidden behind the fixed bar *\/\r\n .booking-page {\r\n padding-bottom: 80px;\r\n }\r\n \r\n \/* Hide rental details and customer info on mobile *\/\r\n .rental-details-section, .customer-info-section {\r\n display: none;\r\n }\r\n }\r\n \r\n @media(min-width:769px){\r\n .mobile-booking-bar {\r\n display: none !important;\r\n }\r\n .booking-sidebar {\r\n display: block !important;\r\n }\r\n .rental-details-section, .customer-info-section {\r\n display: block !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Booking Page -->\r\n <section class=\"booking-page\" id=\"bookingPage\">\r\n <div class=\"container\">\r\n <div class=\"booking-container\">\r\n <div class=\"booking-main\">\r\n <div class=\"motorcycle-details\">\r\n <div class=\"gallery\">\r\n <div class=\"main-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_750_1-scaled.png\" alt=\"Forza 750cc\" id=\"mainImage\">\r\n <\/div>\r\n <div class=\"thumbnail-gallery\">\r\n <div class=\"thumbnail active\" onclick=\"changeImage('https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_750_1-scaled.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_750_1-scaled.png\" alt=\"Forza 750cc\">\r\n <\/div>\r\n <div class=\"thumbnail\" onclick=\"changeImage('https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_750_2-scaled.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_750_2-scaled.png\" alt=\"Forza 750cc\">\r\n <\/div>\r\n <div class=\"thumbnail\" onclick=\"changeImage('https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_750_3-scaled.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_750_3-scaled.png\" alt=\"Forza 750cc\">\r\n <\/div>\r\n <div class=\"thumbnail\" onclick=\"changeImage('https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_750_4-scaled.png')\">\r\n <img decoding=\"async\" src=\"https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_750_4-scaled.png\" alt=\"Forza 750cc\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"motorcycle-info\">\r\n <h3>Forza 750cc<\/h3>\r\n <p class=\"motorcycle-description\">Le maxi-scooter haut de gamme : puissance de la moto, confort du scooter, design sportif et technologies avanc\u00e9es.<\/p>\r\n <table class=\"specs-table\">\r\n <tr><td>D\u00e9placement :<\/td><td>750 cc<\/td><\/tr>\r\n <tr><td>Puissance :<\/td><td>55-60 hp<\/td><\/tr>\r\n <tr><td>Couple :<\/td><td>>60 Nm<\/td><\/tr>\r\n <tr><td>Poids :<\/td><td>210+ kg<\/td><\/tr>\r\n <tr><td>R\u00e9servoir de carburant :<\/td><td>13-14 L<\/td><\/tr>\r\n <tr><td>Gamme :<\/td><td>300-350 km<\/td><\/tr>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Safety Tips Section -->\r\n <div class=\"safety-tips\">\r\n <h3><i class=\"fas fa-shield-alt\"><\/i> Conseils de s\u00e9curit\u00e9 pour votre trajet<\/h3>\r\n <ul>\r\n <li>\r\n <div class=\"tip-icon\"><i class=\"fas fa-helmet-safety\"><\/i><\/div>\r\n <div class=\"tip-content translation-block\"><strong>Toujours porter un casque<\/strong> - Il est obligatoire en Tha\u00eflande et essentiel pour votre s\u00e9curit\u00e9.<\/div>\r\n <\/li>\r\n <li>\r\n <div class=\"tip-icon\"><i class=\"fas fa-tachometer-alt\"><\/i><\/div>\r\n <div class=\"tip-content translation-block\"><strong>Conduire prudemment<\/strong> - Respectez \u00e0 tout moment les limitations de vitesse et le code de la route.<\/div>\r\n <\/li>\r\n <li>\r\n <div class=\"tip-icon\"><i class=\"fas fa-id-card\"><\/i><\/div>\r\n <div class=\"tip-content translation-block\"><strong>Sortez votre permis de conduire international valide<\/strong> - Gardez-le avec vous en cas de contr\u00f4le de police.<\/div>\r\n <\/li>\r\n <li>\r\n <div class=\"tip-icon\"><i class=\"fas fa-road\"><\/i><\/div>\r\n <div class=\"tip-content translation-block\"><strong>Rester vigilant sur les routes inconnues<\/strong> - Soyez tr\u00e8s prudent lorsque vous roulez dans de nouvelles r\u00e9gions.<\/div>\r\n <\/li>\r\n <li>\r\n <div class=\"tip-icon\"><i class=\"fas fa-cloud-sun\"><\/i><\/div>\r\n <div class=\"tip-content translation-block\"><strong>V\u00e9rifiez les conditions m\u00e9t\u00e9orologiques<\/strong> - \u00c9vitez de rouler par forte pluie ou mauvaise visibilit\u00e9.<\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Rental Details Section (Hidden on Mobile) -->\r\n <div class=\"rental-details-section\">\r\n <div class=\"section-title\"><h2>D\u00e9tails de la location<\/h2><\/div>\r\n\r\n <form id=\"bookingForm\" action=\"\">\r\n <div class=\"rental-dates\">\r\n <div class=\"date-box\">\r\n <h4>Date et heure de l'enl\u00e8vement<\/h4>\r\n <input type=\"date\" id=\"pickupDate\" value=\"2025-10-30\">\r\n <input type=\"time\" id=\"pickupTime\" value=\"08:00\" style=\"margin-top:8px;width:100%\">\r\n <\/div>\r\n <div class=\"date-box\">\r\n <h4>Date et heure de d\u00e9p\u00f4t<\/h4>\r\n <input type=\"date\" id=\"dropoffDate\" value=\"2025-10-31\">\r\n <input type=\"time\" id=\"dropoffTime\" value=\"08:00\" style=\"margin-top:8px;width:100%\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Combien de jours ?<\/label>\r\n <div class=\"duration-options\">\r\n <!-- Updated Forza 750cc prices -->\r\n <div class=\"duration-option selected\" data-days=\"1\" data-usd=\"68.85\">\r\n <div class=\"duration\">1 jour<\/div>\r\n <div class=\"price\" data-price-usd=\"68.85\">\u0e3f2,250<\/div>\r\n <\/div>\r\n <div class=\"duration-option\" data-days=\"3\" data-usd=\"191.25\">\r\n <div class=\"duration\">3 jours<\/div>\r\n <div class=\"price\" data-price-usd=\"191.25\">\u0e3f6,250<\/div>\r\n <\/div>\r\n <div class=\"duration-option\" data-days=\"7\" data-usd=\"428.40\">\r\n <div class=\"duration\">1 week<\/div>\r\n <div class=\"price\" data-price-usd=\"428.40\">\u0e3f14,000<\/div>\r\n <\/div>\r\n <div class=\"duration-option\" data-days=\"30\" data-usd=\"1285.19\">\r\n <div class=\"duration\">1 mois<\/div>\r\n <div class=\"price\" data-price-usd=\"1285.19\">\u0e3f42,000<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"ridingStyle\">Comment roulez-vous ?<\/label>\r\n <select id=\"ridingStyle\">\r\n <option value=\"alone\">Seul<\/option>\r\n <option value=\"with-passenger\">Avec un passager<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"hasLicense\">Avez-vous un permis de conduire ?<\/label>\r\n <select id=\"hasLicense\">\r\n <option value=\"yes\">Oui<\/option>\r\n <option value=\"no\">Non<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"license-option\" id=\"licenseOption\" style=\"display:none\">\r\n <h4><i class=\"fas fa-id-card\"><\/i> Et nous pouvons faire en sorte que votre permis de conduire soit valable dans le monde entier.<\/h4>\r\n <p>Nous proposons un service de cr\u00e9ation de permis de conduire internationaux pour vous faciliter la t\u00e2che.<\/p>\r\n <div class=\"license-pricing\">\r\n <div class=\"license-price\" data-usd=\"122.38\" data-thb=\"3999\">\r\n <div class=\"duration\">24h<\/div>\r\n <div class=\"price\" data-price-usd=\"122.38\">\u0e3f3,999<\/div>\r\n <\/div>\r\n <div class=\"license-price\" data-usd=\"183.58\" data-thb=\"5999\">\r\n <div class=\"duration\">30 minutes<\/div>\r\n <div class=\"price\" data-price-usd=\"183.58\">\u0e3f5,999<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"section-title\"><h2>Addons<\/h2><\/div>\r\n <div class=\"addons-section\">\r\n <div class=\"addon-item\">\r\n <div class=\"addon-info\">\r\n <!-- Helmet is now free -->\r\n <div class=\"addon-checkbox checked\" data-addon=\"helmet-premium\" data-usd=\"0\"><i class=\"fas fa-check\"><\/i><\/div>\r\n <div class=\"helmet-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/full-motorcycle-helmet-svgrepo-com.svg\" alt=\"Helmet\" style=\"width:24px;height:24px\">\r\n <\/div>\r\n <span>Casque Premium<\/span>\r\n <\/div>\r\n <div class=\"addon-price\"><span data-price-usd=\"0\">Gratuit<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\r\n <\/div>\r\n\r\n <!-- Customer Information Section (Hidden on Mobile) -->\r\n <div class=\"customer-info-section\">\r\n <div class=\"section-title\"><h2>Informations sur les clients<\/h2><\/div>\r\n\r\n <div class=\"form-group\"><label for=\"customerName\">Nom complet *<\/label><input type=\"text\" id=\"customerName\" placeholder=\"Saisissez votre nom complet\"><\/div>\r\n <div class=\"form-group\"><label for=\"customerEmail\">Courriel *<\/label><input type=\"email\" id=\"customerEmail\" placeholder=\"Saisissez votre adresse \u00e9lectronique\"><\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\"><label for=\"customerPhone\">T\u00e9l\u00e9phone *<\/label><input type=\"tel\" id=\"customerPhone\" placeholder=\"Entrez votre num\u00e9ro de t\u00e9l\u00e9phone\"><\/div>\r\n <div class=\"form-group\"><label for=\"customerCity\">Ville<\/label><input type=\"text\" id=\"customerCity\" placeholder=\"Entrez votre ville\"><\/div>\r\n <\/div>\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"licenseCountry\">Permis de conduire Pays<\/label>\r\n <select id=\"licenseCountry\">\r\n <option value=\"\">S\u00e9lectionner un pays<\/option><option value=\"thailand\">Tha\u00eflande<\/option><option value=\"france\">France<\/option><option value=\"usa\">\u00c9tats-Unis<\/option><option value=\"germany\">Allemagne<\/option><option value=\"uk\">Royaume-Uni<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"licenseCategory\">Cat\u00e9gorie de licence<\/label>\r\n <select id=\"licenseCategory\">\r\n <option value=\"\">S\u00e9lectionner une cat\u00e9gorie<\/option><option value=\"class-a\">Classe A (motocyclette)<\/option><option value=\"class-b\">Classe B (voiture)<\/option><option value=\"class-c\">Classe C (camion)<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-row\"><div class=\"form-group\"><label for=\"customerDob\">Date de naissance<\/label><input type=\"date\" id=\"customerDob\"><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"booking-sidebar\">\r\n <div class=\"section-title\"><h2>R\u00e9sum\u00e9 de la r\u00e9servation<\/h2><\/div>\r\n <div class=\"price-summary\">\r\n <div class=\"price-line\">\r\n <span>Forza 750cc<\/span>\r\n <span id=\"basePrice\" data-price-usd=\"68.85\">\u0e3f2,250<\/span>\r\n <\/div>\r\n <div class=\"price-line\" id=\"helmetLine\">\r\n <span>Casque Premium<\/span>\r\n <span id=\"helmetPrice\" data-price-usd=\"0\">Gratuit<\/span>\r\n <\/div>\r\n <div class=\"price-line\" id=\"licenseLine\" style=\"display:none\">\r\n <span>Licence internationale<\/span>\r\n <span id=\"licensePrice\" data-price-usd=\"0\">\u0e3f0<\/span>\r\n <\/div>\r\n <div class=\"price-line price-total\">\r\n <span>Total<\/span>\r\n <span id=\"totalPrice\" data-price-usd=\"68.85\">\u0e3f2,250<\/span>\r\n <\/div>\r\n <\/div>\r\n <button class=\"btn btn-primary checkout-btn\" id=\"goToCheckout\">Sortie de caisse<\/button>\r\n <div class=\"flexible-cancellation\"><i class=\"fas fa-shield-alt\"><\/i><p>Annulez jusqu'\u00e0 7 jours avant l'enl\u00e8vement et obtenez un remboursement complet.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Mobile Bottom Booking Bar -->\r\n <div class=\"mobile-booking-bar\">\r\n <div class=\"booking-bar-content\">\r\n <div class=\"price-info\">\r\n <div class=\"price-amount\" id=\"mobileTotalPrice\">\u0e3f2,250<\/div>\r\n <p class=\"price-note\">Total<\/p>\r\n <\/div>\r\n <button class=\"btn-rent-mobile\" id=\"rentNowMobile\">\r\n <i class=\"fas fa-motorcycle\"><\/i> Louer maintenant\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Mobile 3-Step Popup -->\r\n <div class=\"mobile-popup-overlay\" id=\"mobilePopup\">\r\n <div class=\"mobile-popup-content\">\r\n <button class=\"close-popup\" id=\"closePopup\">\u00d7<\/button>\r\n \r\n <div class=\"popup-header\">\r\n <button class=\"back-btn\" id=\"popupBackBtn\">\r\n <i class=\"fas fa-arrow-left\"><\/i>\r\n <\/button>\r\n <h2 class=\"popup-title\">R\u00e9server Forza 750cc<\/h2>\r\n <\/div>\r\n \r\n <div class=\"popup-progress\">\r\n <div class=\"popup-step-indicator active\" data-step=\"1\">\r\n <div class=\"popup-step-number\">1<\/div>\r\n <p>D\u00e9tails<\/p>\r\n <\/div>\r\n <div class=\"popup-step-indicator\" data-step=\"2\">\r\n <div class=\"popup-step-number\">2<\/div>\r\n <p>Informations<\/p>\r\n <\/div>\r\n <div class=\"popup-step-indicator\" data-step=\"3\">\r\n <div class=\"popup-step-number\">3<\/div>\r\n <p>Confirmer<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Step 1: Rental Details -->\r\n <div class=\"popup-step active\" id=\"popupStep1\">\r\n <div class=\"rental-dates\">\r\n <div class=\"date-box\">\r\n <h4>Date et heure de l'enl\u00e8vement<\/h4>\r\n <input type=\"date\" id=\"popupPickupDate\" value=\"2025-10-30\">\r\n <input type=\"time\" id=\"popupPickupTime\" value=\"08:00\" style=\"margin-top:8px;width:100%\">\r\n <\/div>\r\n <div class=\"date-box\">\r\n <h4>Date et heure de d\u00e9p\u00f4t<\/h4>\r\n <input type=\"date\" id=\"popupDropoffDate\" value=\"2025-10-31\">\r\n <input type=\"time\" id=\"popupDropoffTime\" value=\"08:00\" style=\"margin-top:8px;width:100%\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label>Combien de jours ?<\/label>\r\n <div class=\"duration-options\">\r\n <div class=\"duration-option selected\" data-days=\"1\" data-usd=\"68.85\">\r\n <div class=\"duration\">1 jour<\/div>\r\n <div class=\"price\" data-price-usd=\"68.85\">\u0e3f2,250<\/div>\r\n <\/div>\r\n <div class=\"duration-option\" data-days=\"3\" data-usd=\"191.25\">\r\n <div class=\"duration\">3 jours<\/div>\r\n <div class=\"price\" data-price-usd=\"191.25\">\u0e3f6,250<\/div>\r\n <\/div>\r\n <div class=\"duration-option\" data-days=\"7\" data-usd=\"428.40\">\r\n <div class=\"duration\">1 week<\/div>\r\n <div class=\"price\" data-price-usd=\"428.40\">\u0e3f14,000<\/div>\r\n <\/div>\r\n <div class=\"duration-option\" data-days=\"30\" data-usd=\"1285.19\">\r\n <div class=\"duration\">1 mois<\/div>\r\n <div class=\"price\" data-price-usd=\"1285.19\">\u0e3f42,000<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"popupRidingStyle\">Comment roulez-vous ?<\/label>\r\n <select id=\"popupRidingStyle\">\r\n <option value=\"alone\">Seul<\/option>\r\n <option value=\"with-passenger\">Avec un passager<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"popupHasLicense\">Avez-vous un permis de conduire ?<\/label>\r\n <select id=\"popupHasLicense\">\r\n <option value=\"yes\">Oui<\/option>\r\n <option value=\"no\">Non<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"license-option\" id=\"popupLicenseOption\" style=\"display:none\">\r\n <h4><i class=\"fas fa-id-card\"><\/i> Et nous pouvons faire en sorte que votre permis de conduire soit valable dans le monde entier.<\/h4>\r\n <p>Nous proposons un service de cr\u00e9ation de permis de conduire internationaux pour vous faciliter la t\u00e2che.<\/p>\r\n <div class=\"license-pricing\">\r\n <div class=\"license-price\" data-usd=\"122.38\" data-thb=\"3999\">\r\n <div class=\"duration\">24h<\/div>\r\n <div class=\"price\" data-price-usd=\"122.38\">\u0e3f3,999<\/div>\r\n <\/div>\r\n <div class=\"license-price\" data-usd=\"183.58\" data-thb=\"5999\">\r\n <div class=\"duration\">30 minutes<\/div>\r\n <div class=\"price\" data-price-usd=\"183.58\">\u0e3f5,999<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"section-title\"><h2>Addons<\/h2><\/div>\r\n <div class=\"addons-section\">\r\n <div class=\"addon-item\">\r\n <div class=\"addon-info\">\r\n <div class=\"addon-checkbox checked\" data-addon=\"helmet-premium\" data-usd=\"0\"><i class=\"fas fa-check\"><\/i><\/div>\r\n <div class=\"helmet-icon\">\r\n <img decoding=\"async\" src=\"https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/full-motorcycle-helmet-svgrepo-com.svg\" alt=\"Helmet\" style=\"width:24px;height:24px\">\r\n <\/div>\r\n <span>Casque Premium<\/span>\r\n <\/div>\r\n <div class=\"addon-price\"><span data-price-usd=\"0\">Gratuit<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"popup-actions\">\r\n <button class=\"btn btn-primary\" id=\"nextToStep2\">Continuer<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Step 2: Customer Information -->\r\n <div class=\"popup-step\" id=\"popupStep2\">\r\n <div class=\"form-group\">\r\n <label for=\"popupCustomerName\">Nom complet *<\/label>\r\n <input type=\"text\" id=\"popupCustomerName\" placeholder=\"Saisissez votre nom complet\">\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"popupCustomerEmail\">Courriel *<\/label>\r\n <input type=\"email\" id=\"popupCustomerEmail\" placeholder=\"Saisissez votre adresse \u00e9lectronique\">\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"popupCustomerPhone\">T\u00e9l\u00e9phone *<\/label>\r\n <input type=\"tel\" id=\"popupCustomerPhone\" placeholder=\"Entrez votre num\u00e9ro de t\u00e9l\u00e9phone\">\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"popupCustomerCity\">Ville<\/label>\r\n <input type=\"text\" id=\"popupCustomerCity\" placeholder=\"Entrez votre ville\">\r\n <\/div>\r\n \r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"popupLicenseCountry\">Permis de conduire Pays<\/label>\r\n <select id=\"popupLicenseCountry\">\r\n <option value=\"\">S\u00e9lectionner un pays<\/option>\r\n <option value=\"thailand\">Tha\u00eflande<\/option>\r\n <option value=\"france\">France<\/option>\r\n <option value=\"usa\">\u00c9tats-Unis<\/option>\r\n <option value=\"germany\">Allemagne<\/option>\r\n <option value=\"uk\">Royaume-Uni<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"popupLicenseCategory\">Cat\u00e9gorie de licence<\/label>\r\n <select id=\"popupLicenseCategory\">\r\n <option value=\"\">S\u00e9lectionner une cat\u00e9gorie<\/option>\r\n <option value=\"class-a\">Classe A (motocyclette)<\/option>\r\n <option value=\"class-b\">Classe B (voiture)<\/option>\r\n <option value=\"class-c\">Classe C (camion)<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"popupCustomerDob\">Date de naissance<\/label>\r\n <input type=\"date\" id=\"popupCustomerDob\">\r\n <\/div>\r\n \r\n <div class=\"popup-actions\">\r\n <button class=\"btn btn-secondary\" id=\"backToStep1\">Retour<\/button>\r\n <button class=\"btn btn-primary\" id=\"nextToStep3\">Continuer<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Step 3: Confirmation -->\r\n <div class=\"popup-step\" id=\"popupStep3\">\r\n <div class=\"confirmation-card\" style=\"background: var(--background-alt); border-radius: 8px; padding: 15px; margin-bottom: 15px;\">\r\n <h4 style=\"margin-bottom: 10px;\">R\u00e9sum\u00e9 de la r\u00e9servation<\/h4>\r\n <div class=\"price-line\">\r\n <span>Forza 750cc<\/span>\r\n <span id=\"popupConfirmBasePrice\">\u0e3f2,250<\/span>\r\n <\/div>\r\n <div class=\"price-line\" id=\"popupConfirmHelmetLine\">\r\n <span>Casque Premium<\/span>\r\n <span id=\"popupConfirmHelmetPrice\">Gratuit<\/span>\r\n <\/div>\r\n <div class=\"price-line\" id=\"popupConfirmLicenseLine\" style=\"display:none\">\r\n <span>Licence internationale<\/span>\r\n <span id=\"popupConfirmLicensePrice\">\u0e3f0<\/span>\r\n <\/div>\r\n <div class=\"price-line price-total\">\r\n <span>Total<\/span>\r\n <span id=\"popupConfirmTotalPrice\">\u0e3f2,250<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div style=\"margin: 20px 0;\">\r\n <div class=\"flexible-cancellation\">\r\n <i class=\"fas fa-shield-alt\"><\/i>\r\n <p>Annulez jusqu'\u00e0 7 jours avant l'enl\u00e8vement et obtenez un remboursement complet.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"popup-actions\">\r\n <button class=\"btn btn-secondary\" id=\"backToStep2\">Retour<\/button>\r\n <button class=\"btn btn-primary\" id=\"confirmMobileBooking\">Confirmer la r\u00e9servation<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Checkout Page -->\r\n <section class=\"checkout-page\" id=\"checkoutPage\">\r\n <div class=\"container\">\r\n <div class=\"checkout-container\">\r\n <div class=\"checkout-header\">\r\n <h1>Confirmation de r\u00e9servation<\/h1><p>Consultez les d\u00e9tails de votre r\u00e9servation<\/p>\r\n <\/div>\r\n\r\n <div class=\"checkout-steps\">\r\n <div class=\"step active\"><div class=\"step-number\">1<\/div><p>R\u00e9servation<\/p><\/div>\r\n <div class=\"step\"><div class=\"step-number\">2<\/div><p>Confirmation<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"checkout-content\">\r\n <div class=\"checkout-summary\">\r\n <h3>D\u00e9tails de la r\u00e9servation<\/h3>\r\n <div class=\"checkout-motorcycle\">\r\n <div class=\"checkout-motorcycle-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ohmyphuket.com\/wp-content\/uploads\/2025\/10\/M_F_750_1-scaled.png\" alt=\"Forza 750cc\">\r\n <\/div>\r\n <div class=\"checkout-motorcycle-info\">\r\n <h4>Forza 750cc<\/h4>\r\n <p>Le maxi-scooter haut de gamme : puissance de la moto, confort du scooter, design sportif et technologies avanc\u00e9es.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"checkout-dates\">\r\n <div class=\"date-box\">\r\n <h4>Pickup<\/h4>\r\n <p id=\"confirmPickupDate\">30 octobre 2025<\/p>\r\n <p id=\"confirmPickupTime\">08:00<\/p>\r\n <\/div>\r\n <div class=\"date-box\">\r\n <h4>D\u00e9p\u00f4t<\/h4>\r\n <p id=\"confirmDropoffDate\">31 octobre 2025<\/p>\r\n <p id=\"confirmDropoffTime\">08:00<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"driver-info\">\r\n <h4>Informations sur les clients<\/h4>\r\n <p><strong>Nom :<\/strong> <span id=\"confirmName\"><\/span><\/p>\r\n <p><strong>Courriel :<\/strong> <span id=\"confirmEmail\"><\/span><\/p>\r\n <p><strong>T\u00e9l\u00e9phone :<\/strong> <span id=\"confirmPhone\"><\/span><\/p>\r\n <p><strong>Ville :<\/strong> <span id=\"confirmCity\"><\/span><\/p>\r\n <p><strong>Licence Pays :<\/strong> <span id=\"confirmLicenseCountry\"><\/span><\/p>\r\n <p><strong>Cat\u00e9gorie de licence :<\/strong> <span id=\"confirmLicenseCategory\"><\/span><\/p>\r\n <p><strong>Date de naissance :<\/strong> <span id=\"confirmDob\"><\/span><\/p>\r\n <p><strong>Style de conduite :<\/strong> <span id=\"confirmRidingStyle\"><\/span><\/p>\r\n <p><strong>Plan de licence :<\/strong> <span id=\"confirmLicensePlan\"><\/span><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"checkout-price-details\">\r\n <h3>D\u00e9tails du prix<\/h3>\r\n <div class=\"checkout-price-line\"><span>Forza 750cc<\/span><span id=\"confirmBasePrice\" data-price-usd=\"68.85\">\u0e3f2,250<\/span><\/div>\r\n <div class=\"checkout-price-line\" id=\"confirmHelmetLine\"><span>Casque Premium<\/span><span id=\"confirmHelmetPrice\" data-price-usd=\"0\">Gratuit<\/span><\/div>\r\n <div class=\"checkout-price-line\" id=\"confirmLicenseLine\" style=\"display:none\"><span>Licence internationale<\/span><span id=\"confirmLicensePrice\" data-price-usd=\"0\">\u0e3f0<\/span><\/div>\r\n <div class=\"checkout-price-line checkout-total\"><span>Total<\/span><span id=\"confirmTotalPrice\" data-price-usd=\"68.85\">\u0e3f2,250<\/span><\/div>\r\n <\/div>\r\n\r\n <button class=\"btn btn-primary confirm-booking\" id=\"confirmBooking\">Confirmer la r\u00e9servation<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Thank You Message -->\r\n <section class=\"thank-you-message\" id=\"thankYouMessage\">\r\n <div class=\"container\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <h2>Merci de votre attention !<\/h2>\r\n <p>Votre r\u00e9servation a \u00e9t\u00e9 confirm\u00e9e. Vous recevrez sous peu un courriel de confirmation.<\/p>\r\n <button class=\"btn btn-primary\" id=\"backToHome\">Retour \u00e0 l'accueil<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ Initialize EmailJS\r\n (function() {\r\n emailjs.init(\"ZMGKNtfDNLRnArML6\");\r\n })();\r\n\r\n \/\/ ISOLATED CURRENCY INTEGRATION - WON'T AFFECT OTHER CODE\r\n (function() {\r\n 'use strict';\r\n \r\n \/\/ Currency configuration - isolated to this page only\r\n const CURRENCY_CONFIG = {\r\n STORAGE_KEY: 'site_currency',\r\n RATE_THB: 32.68,\r\n fmtUSD: n => `$${Number(n||0).toLocaleString(undefined,{minimumFractionDigits:2,maximumFractionDigits:2})}`,\r\n fmtTHB: n => `\u0e3f${Math.round(Number(n||0)).toLocaleString()}`\r\n };\r\n \r\n \/\/ Get current currency without affecting global scope\r\n function getCurrency() {\r\n return localStorage.getItem(CURRENCY_CONFIG.STORAGE_KEY) || 'THB';\r\n }\r\n \r\n \/\/ Update prices with current currency\r\n function updatePrices() {\r\n const currency = getCurrency();\r\n const rate = CURRENCY_CONFIG.RATE_THB;\r\n const fmt = currency === 'THB' ? CURRENCY_CONFIG.fmtTHB : CURRENCY_CONFIG.fmtUSD;\r\n \r\n document.querySelectorAll('[data-price-usd]').forEach(el => {\r\n const usd = parseFloat(el.getAttribute('data-price-usd') || '0');\r\n const value = currency === 'THB' ? usd * rate : usd;\r\n \/\/ Don't change \"Free\" text for helmet\r\n if (!el.closest('.addon-price') || usd > 0) {\r\n el.textContent = fmt(value);\r\n }\r\n });\r\n }\r\n \r\n \/\/ Listen for currency changes from header (isolated event)\r\n document.addEventListener('ohmyphuket:refresh-prices', updatePrices);\r\n \r\n \/\/ Initial price update\r\n document.addEventListener('DOMContentLoaded', function() {\r\n updatePrices();\r\n });\r\n \r\n \/\/ Expose only what's needed to global scope\r\n window.motorcycleBookingCurrency = {\r\n updatePrices: updatePrices\r\n };\r\n })();\r\n\r\n \/\/ ORIGINAL MOTORCYCLE BOOKING CODE (unchanged)\r\n function changeImage(src){\r\n document.getElementById('mainImage').src = src;\r\n document.querySelectorAll('.thumbnail').forEach(t=>t.classList.remove('active'));\r\n event.currentTarget.classList.add('active');\r\n }\r\n\r\n document.getElementById('hasLicense').addEventListener('change', function(){\r\n const opt = document.getElementById('licenseOption');\r\n if(this.value==='no'){ \r\n opt.style.display='block'; \r\n } else {\r\n opt.style.display='none';\r\n document.querySelectorAll('.license-price').forEach(o=>o.classList.remove('selected'));\r\n updatePrice();\r\n }\r\n });\r\n\r\n document.querySelectorAll('.duration-option').forEach(opt=>{\r\n opt.addEventListener('click', function(){\r\n document.querySelectorAll('.duration-option').forEach(o=>o.classList.remove('selected'));\r\n this.classList.add('selected'); updatePrice();\r\n });\r\n });\r\n\r\n document.querySelectorAll('.license-price').forEach(opt=>{\r\n opt.addEventListener('click', function(){\r\n document.querySelectorAll('.license-price').forEach(o=>o.classList.remove('selected'));\r\n this.classList.add('selected'); updatePrice();\r\n });\r\n });\r\n\r\n document.querySelectorAll('.addon-checkbox').forEach(box=>{\r\n box.addEventListener('click', function(){\r\n this.classList.toggle('checked'); updatePrice();\r\n });\r\n });\r\n\r\n function updatePrice(){\r\n const sel = document.querySelector('.duration-option.selected');\r\n const baseUSD = parseFloat(sel?.getAttribute('data-usd') || '0');\r\n const helmetBox = document.querySelector('.addon-checkbox[data-addon=\"helmet-premium\"]');\r\n const helmetUSD = parseFloat(helmetBox.getAttribute('data-usd'));\r\n const licSel = document.querySelector('.license-price.selected');\r\n const licenceUSD = licSel ? parseFloat(licSel.getAttribute('data-usd')) : 0;\r\n\r\n document.getElementById('basePrice').setAttribute('data-price-usd', baseUSD.toFixed(2));\r\n document.getElementById('helmetPrice').setAttribute('data-price-usd', helmetUSD.toFixed(2));\r\n document.getElementById('licensePrice').setAttribute('data-price-usd', licenceUSD.toFixed(2));\r\n\r\n const totalUSD = baseUSD + helmetUSD + licenceUSD;\r\n document.getElementById('totalPrice').setAttribute('data-price-usd', totalUSD.toFixed(2));\r\n document.getElementById('mobileTotalPrice').setAttribute('data-price-usd', totalUSD.toFixed(2));\r\n \r\n \/\/ Update license line visibility\r\n document.getElementById('licenseLine').style.display = licenceUSD > 0 ? 'flex' : 'none';\r\n \r\n \/\/ Use the isolated currency function\r\n if (window.motorcycleBookingCurrency) {\r\n window.motorcycleBookingCurrency.updatePrices();\r\n }\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const helmetCheckbox = document.querySelector('.addon-checkbox[data-addon=\"helmet-premium\"]');\r\n helmetCheckbox.classList.add('checked');\r\n updatePrice();\r\n });\r\n\r\n \/\/ Mobile popup functionality (unchanged)\r\n const mobilePopup = document.getElementById('mobilePopup');\r\n const rentNowMobileBtn = document.getElementById('rentNowMobile');\r\n const closePopupBtn = document.getElementById('closePopup');\r\n const popupBackBtn = document.getElementById('popupBackBtn');\r\n \r\n const popupSteps = document.querySelectorAll('.popup-step');\r\n const stepIndicators = document.querySelectorAll('.popup-step-indicator');\r\n let currentStep = 1;\r\n \r\n function showPopupStep(stepNumber) {\r\n popupSteps.forEach(step => step.classList.remove('active'));\r\n document.getElementById(`popupStep${stepNumber}`).classList.add('active');\r\n \r\n stepIndicators.forEach(indicator => indicator.classList.remove('active'));\r\n document.querySelector(`.popup-step-indicator[data-step=\"${stepNumber}\"]`).classList.add('active');\r\n \r\n popupBackBtn.style.display = stepNumber === 1 ? 'none' : 'block';\r\n currentStep = stepNumber;\r\n \r\n if (stepNumber === 3) updatePopupConfirmation();\r\n }\r\n \r\n function updatePopupConfirmation() {\r\n const selectedDuration = document.querySelector('#popupStep1 .duration-option.selected');\r\n const baseUSD = parseFloat(selectedDuration?.getAttribute('data-usd') || '0');\r\n const helmetBox = document.querySelector('#popupStep1 .addon-checkbox[data-addon=\"helmet-premium\"]');\r\n const helmetUSD = parseFloat(helmetBox.getAttribute('data-usd'));\r\n const licSel = document.querySelector('#popupStep1 .license-price.selected');\r\n const licenceUSD = licSel ? parseFloat(licSel.getAttribute('data-usd')) : 0;\r\n\r\n document.getElementById('popupConfirmBasePrice').setAttribute('data-price-usd', baseUSD.toFixed(2));\r\n document.getElementById('popupConfirmHelmetPrice').setAttribute('data-price-usd', helmetUSD.toFixed(2));\r\n document.getElementById('popupConfirmLicensePrice').setAttribute('data-price-usd', licenceUSD.toFixed(2));\r\n document.getElementById('popupConfirmTotalPrice').setAttribute('data-price-usd', (baseUSD + helmetUSD + licenceUSD).toFixed(2));\r\n \r\n \/\/ Update license line visibility\r\n document.getElementById('popupConfirmLicenseLine').style.display = licenceUSD > 0 ? 'flex' : 'none';\r\n \r\n if (window.motorcycleBookingCurrency) {\r\n window.motorcycleBookingCurrency.updatePrices();\r\n }\r\n }\r\n \r\n rentNowMobileBtn.addEventListener('click', function() {\r\n mobilePopup.style.display = 'block';\r\n showPopupStep(1);\r\n \r\n document.getElementById('popupPickupDate').value = document.getElementById('pickupDate').value;\r\n document.getElementById('popupPickupTime').value = document.getElementById('pickupTime').value;\r\n document.getElementById('popupDropoffDate').value = document.getElementById('dropoffDate').value;\r\n document.getElementById('popupDropoffTime').value = document.getElementById('dropoffTime').value;\r\n document.getElementById('popupRidingStyle').value = document.getElementById('ridingStyle').value;\r\n document.getElementById('popupHasLicense').value = document.getElementById('hasLicense').value;\r\n \r\n const selectedDuration = document.querySelector('.duration-option.selected');\r\n document.querySelectorAll('#popupStep1 .duration-option').forEach(opt => {\r\n opt.classList.toggle('selected', opt.getAttribute('data-days') === selectedDuration.getAttribute('data-days'));\r\n });\r\n \r\n const licenseOption = document.getElementById('popupLicenseOption');\r\n licenseOption.style.display = document.getElementById('hasLicense').value === 'no' ? 'block' : 'none';\r\n \r\n document.querySelector('#popupStep1 .addon-checkbox[data-addon=\"helmet-premium\"]').classList.add('checked');\r\n \r\n document.getElementById('popupCustomerName').value = document.getElementById('customerName').value;\r\n document.getElementById('popupCustomerEmail').value = document.getElementById('customerEmail').value;\r\n document.getElementById('popupCustomerPhone').value = document.getElementById('customerPhone').value;\r\n document.getElementById('popupCustomerCity').value = document.getElementById('customerCity').value;\r\n document.getElementById('popupLicenseCountry').value = document.getElementById('licenseCountry').value;\r\n document.getElementById('popupLicenseCategory').value = document.getElementById('licenseCategory').value;\r\n document.getElementById('popupCustomerDob').value = document.getElementById('customerDob').value;\r\n });\r\n \r\n closePopupBtn.addEventListener('click', function() { mobilePopup.style.display = 'none'; });\r\n \r\n document.getElementById('nextToStep2').addEventListener('click', function() { showPopupStep(2); });\r\n document.getElementById('backToStep1').addEventListener('click', function() { showPopupStep(1); });\r\n document.getElementById('nextToStep3').addEventListener('click', function() {\r\n const name = document.getElementById('popupCustomerName').value;\r\n const email = document.getElementById('popupCustomerEmail').value;\r\n const phone = document.getElementById('popupCustomerPhone').value;\r\n if (!name || !email || !phone) {\r\n alert('Please fill in all required fields (Name, Email, Phone)');\r\n return;\r\n }\r\n showPopupStep(3);\r\n });\r\n document.getElementById('backToStep2').addEventListener('click', function() { showPopupStep(2); });\r\n popupBackBtn.addEventListener('click', function() { if (currentStep > 1) showPopupStep(currentStep - 1); });\r\n \r\n document.getElementById('popupHasLicense').addEventListener('change', function(){\r\n const opt = document.getElementById('popupLicenseOption');\r\n opt.style.display = this.value==='no' ? 'block' : 'none';\r\n document.querySelectorAll('#popupStep1 .license-price').forEach(o=>o.classList.remove('selected'));\r\n });\r\n \r\n document.querySelectorAll('#popupStep1 .duration-option').forEach(opt=>{\r\n opt.addEventListener('click', function(){\r\n document.querySelectorAll('#popupStep1 .duration-option').forEach(o=>o.classList.remove('selected'));\r\n this.classList.add('selected');\r\n });\r\n });\r\n \r\n document.querySelectorAll('#popupStep1 .license-price').forEach(opt=>{\r\n opt.addEventListener('click', function(){\r\n document.querySelectorAll('#popupStep1 .license-price').forEach(o=>o.classList.remove('selected'));\r\n this.classList.add('selected');\r\n });\r\n });\r\n \r\n document.getElementById('confirmMobileBooking').addEventListener('click', function() {\r\n document.getElementById('pickupDate').value = document.getElementById('popupPickupDate').value;\r\n document.getElementById('pickupTime').value = document.getElementById('popupPickupTime').value;\r\n document.getElementById('dropoffDate').value = document.getElementById('popupDropoffDate').value;\r\n document.getElementById('dropoffTime').value = document.getElementById('popupDropoffTime').value;\r\n document.getElementById('ridingStyle').value = document.getElementById('popupRidingStyle').value;\r\n document.getElementById('hasLicense').value = document.getElementById('popupHasLicense').value;\r\n \r\n const popupSelectedDuration = document.querySelector('#popupStep1 .duration-option.selected');\r\n document.querySelectorAll('.duration-option').forEach(opt => {\r\n opt.classList.toggle('selected', opt.getAttribute('data-days') === popupSelectedDuration.getAttribute('data-days'));\r\n });\r\n \r\n const licenseOption = document.getElementById('licenseOption');\r\n licenseOption.style.display = document.getElementById('popupHasLicense').value === 'no' ? 'block' : 'none';\r\n \r\n document.querySelector('.addon-checkbox[data-addon=\"helmet-premium\"]').classList.add('checked');\r\n \r\n document.getElementById('customerName').value = document.getElementById('popupCustomerName').value;\r\n document.getElementById('customerEmail').value = document.getElementById('popupCustomerEmail').value;\r\n document.getElementById('customerPhone').value = document.getElementById('popupCustomerPhone').value;\r\n document.getElementById('customerCity').value = document.getElementById('popupCustomerCity').value;\r\n document.getElementById('licenseCountry').value = document.getElementById('popupLicenseCountry').value;\r\n document.getElementById('licenseCategory').value = document.getElementById('popupLicenseCategory').value;\r\n document.getElementById('customerDob').value = document.getElementById('popupCustomerDob').value;\r\n \r\n updatePrice();\r\n mobilePopup.style.display = 'none';\r\n \r\n \/\/ Send email and show thank you message\r\n sendEmailAndShowThankYou();\r\n });\r\n\r\n \/\/ Function to send email and show thank you message\r\n function sendEmailAndShowThankYou() {\r\n \/\/ Get all form data\r\n const name = document.getElementById('customerName').value;\r\n const email = document.getElementById('customerEmail').value;\r\n const phone = document.getElementById('customerPhone').value;\r\n const city = document.getElementById('customerCity').value;\r\n const licenseCountry = document.getElementById('licenseCountry').value;\r\n const licenseCategory = document.getElementById('licenseCategory').value;\r\n const dob = document.getElementById('customerDob').value;\r\n const ridingStyle = document.getElementById('ridingStyle').value;\r\n const hasLicense = document.getElementById('hasLicense').value;\r\n const pickupDate = document.getElementById('pickupDate').value;\r\n const pickupTime = document.getElementById('pickupTime').value;\r\n const dropoffDate = document.getElementById('dropoffDate').value;\r\n const dropoffTime = document.getElementById('dropoffTime').value;\r\n \r\n \/\/ Get selected duration\r\n const selectedDuration = document.querySelector('.duration-option.selected');\r\n const durationDays = selectedDuration.getAttribute('data-days');\r\n const durationPrice = selectedDuration.querySelector('.price').textContent;\r\n \r\n \/\/ Get license plan if selected\r\n let licensePlan = 'None';\r\n let licensePrice = '\u0e3f0';\r\n const selectedLicense = document.querySelector('.license-price.selected');\r\n if (selectedLicense) {\r\n licensePlan = selectedLicense.querySelector('.duration').textContent;\r\n licensePrice = selectedLicense.querySelector('.price').textContent;\r\n }\r\n \r\n \/\/ Get helmet status\r\n const helmetSelected = document.querySelector('.addon-checkbox[data-addon=\"helmet-premium\"]').classList.contains('checked');\r\n \r\n \/\/ Prepare email parameters\r\n const templateParams = {\r\n customer_name: name,\r\n customer_email: email,\r\n customer_phone: phone,\r\n customer_city: city,\r\n license_country: licenseCountry,\r\n license_category: licenseCategory,\r\n date_of_birth: dob,\r\n riding_style: ridingStyle,\r\n has_license: hasLicense,\r\n pickup_date: pickupDate,\r\n pickup_time: pickupTime,\r\n dropoff_date: dropoffDate,\r\n dropoff_time: dropoffTime,\r\n duration_days: durationDays,\r\n duration_price: durationPrice,\r\n license_plan: licensePlan,\r\n license_price: licensePrice,\r\n helmet_selected: helmetSelected ? 'Yes' : 'No',\r\n helmet_price: 'Free',\r\n total_price: document.getElementById('totalPrice').textContent\r\n };\r\n \r\n \/\/ Send email using EmailJS\r\n emailjs.send('service_6ie5emf', 'template_ifawjsi', templateParams)\r\n .then(function(response) {\r\n console.log('SUCCESS!', response.status, response.text);\r\n \/\/ Show thank you message\r\n document.getElementById('bookingPage').style.display = 'none';\r\n document.getElementById('checkoutPage').style.display = 'none';\r\n document.getElementById('thankYouMessage').style.display = 'block';\r\n }, function(error) {\r\n console.log('FAILED...', error);\r\n \/\/ Still show thank you message even if email fails\r\n document.getElementById('bookingPage').style.display = 'none';\r\n document.getElementById('checkoutPage').style.display = 'none';\r\n document.getElementById('thankYouMessage').style.display = 'block';\r\n });\r\n }\r\n\r\n document.getElementById('goToCheckout').addEventListener('click', function(){\r\n const name = document.getElementById('customerName').value;\r\n const email = document.getElementById('customerEmail').value;\r\n const phone = document.getElementById('customerPhone').value;\r\n const city = document.getElementById('customerCity').value;\r\n const licenseCountry = document.getElementById('licenseCountry').value;\r\n const licenseCategory = document.getElementById('licenseCategory').value;\r\n const dob = document.getElementById('customerDob').value;\r\n const ridingStyle = document.getElementById('ridingStyle').value;\r\n const hasLicense = document.getElementById('hasLicense').value;\r\n const pickupDate = document.getElementById('pickupDate').value;\r\n const pickupTime = document.getElementById('pickupTime').value;\r\n const dropoffDate = document.getElementById('dropoffDate').value;\r\n const dropoffTime = document.getElementById('dropoffTime').value;\r\n\r\n document.getElementById('confirmName').textContent = name || 'Not provided';\r\n document.getElementById('confirmEmail').textContent = email || 'Not provided';\r\n document.getElementById('confirmPhone').textContent = phone || 'Not provided';\r\n document.getElementById('confirmCity').textContent = city || 'Not provided';\r\n document.getElementById('confirmLicenseCountry').textContent = licenseCountry || 'Not provided';\r\n document.getElementById('confirmLicenseCategory').textContent = licenseCategory || 'Not provided';\r\n document.getElementById('confirmDob').textContent = dob || 'Not provided';\r\n document.getElementById('confirmRidingStyle').textContent = (ridingStyle==='alone'?'Alone':'With passenger');\r\n document.getElementById('confirmLicensePlan').textContent = hasLicense === 'no' && document.querySelector('.license-price.selected') ? \r\n document.querySelector('.license-price.selected .duration').textContent : 'None';\r\n\r\n const pObj = new Date(pickupDate), dObj = new Date(dropoffDate);\r\n document.getElementById('confirmPickupDate').textContent = pObj.toLocaleDateString('en-US',{month:'short',day:'numeric',year:'numeric'});\r\n document.getElementById('confirmPickupTime').textContent = pickupTime;\r\n document.getElementById('confirmDropoffDate').textContent = dObj.toLocaleDateString('en-US',{month:'short',day:'numeric',year:'numeric'});\r\n document.getElementById('confirmDropoffTime').textContent = dropoffTime;\r\n\r\n const baseUSD = document.getElementById('basePrice').getAttribute('data-price-usd')||'0';\r\n const helmetUSD = document.getElementById('helmetPrice').getAttribute('data-price-usd')||'0';\r\n const licUSD = document.getElementById('licensePrice').getAttribute('data-price-usd')||'0';\r\n const totalUSD = document.getElementById('totalPrice').getAttribute('data-price-usd')||'0';\r\n\r\n document.getElementById('confirmBasePrice').setAttribute('data-price-usd', baseUSD);\r\n document.getElementById('confirmHelmetPrice').setAttribute('data-price-usd', helmetUSD);\r\n document.getElementById('confirmLicensePrice').setAttribute('data-price-usd', licUSD);\r\n document.getElementById('confirmTotalPrice').setAttribute('data-price-usd', totalUSD);\r\n\r\n document.getElementById('confirmHelmetLine').style.display = 'flex';\r\n document.getElementById('confirmLicenseLine').style.display = parseFloat(licUSD)>0 ? 'flex' : 'none';\r\n\r\n if (window.motorcycleBookingCurrency) {\r\n window.motorcycleBookingCurrency.updatePrices();\r\n }\r\n\r\n document.getElementById('bookingPage').style.display='none';\r\n document.getElementById('checkoutPage').style.display='block';\r\n });\r\n\r\n document.getElementById('confirmBooking').addEventListener('click', function(){\r\n \/\/ Send email and show thank you message\r\n sendEmailAndShowThankYou();\r\n });\r\n\r\n \/\/ Back to home button\r\n document.getElementById('backToHome').addEventListener('click', function() {\r\n \/\/ Reload the page to start over\r\n location.reload();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Book Forza 750cc – Oh My Phuket Forza 750cc The premium maxi-scooter: motorcycle power, scooter comfort, sporty design and advanced technologies Displacement: 750 cc Power: 55-60 hp Torque: >60 Nm Weight: 210+ kg Fuel Tank: 13-14 L Range: 300-350 km Safety Tips for Your Ride Always wear a helmet – It’s mandatory in Thailand and […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-44","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/ohmyphuket.com\/fr\/wp-json\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ohmyphuket.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ohmyphuket.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ohmyphuket.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ohmyphuket.com\/fr\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":22,"href":"https:\/\/ohmyphuket.com\/fr\/wp-json\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":441,"href":"https:\/\/ohmyphuket.com\/fr\/wp-json\/wp\/v2\/pages\/44\/revisions\/441"}],"wp:attachment":[{"href":"https:\/\/ohmyphuket.com\/fr\/wp-json\/wp\/v2\/media?parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}