{"id":2368,"date":"2026-03-04T12:31:57","date_gmt":"2026-03-04T05:31:57","guid":{"rendered":"https:\/\/mary-stone-real-estate.com\/formulaire-dajout-de-villa\/"},"modified":"2026-07-14T10:40:42","modified_gmt":"2026-07-14T03:40:42","slug":"formulaire-dajout-de-villa","status":"publish","type":"page","link":"https:\/\/mary-stone-real-estate.com\/fr\/formulaire-dajout-de-villa\/","title":{"rendered":"Formulaire d&#8217;ajout de villa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2368\" class=\"elementor elementor-2368 elementor-2147\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3360044 e-flex e-con-boxed e-con e-parent\" data-id=\"3360044\" 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-ae19ae6 elementor-widget elementor-widget-html\" data-id=\"ae19ae6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n    <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Mary Stone Real Estate - Formulaire de Visite Villa V4<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\r\n            padding: 20px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            background: white;\r\n            border-radius: 15px;\r\n            box-shadow: 0 10px 40px rgba(0,0,0,0.1);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .header {\r\n            background: linear-gradient(135deg, #1C1C1C 0%, #000000 100%);\r\n            color: white;\r\n            padding: 40px;\r\n            text-align: center;\r\n        }\r\n\r\n        .header h1 {\r\n            font-size: 2.5em;\r\n            margin-bottom: 10px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n        }\r\n\r\n        .header p {\r\n            font-size: 1.1em;\r\n            color: #D0AF7F;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .form-content {\r\n            padding: 40px;\r\n        }\r\n\r\n        .info-bar {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 20px;\r\n            margin-bottom: 40px;\r\n            padding: 25px;\r\n            background: linear-gradient(135deg, #D0AF7F 0%, #c19d6d 100%);\r\n            border-radius: 10px;\r\n            color: white;\r\n        }\r\n\r\n        .info-bar .field {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .info-bar label {\r\n            font-weight: 600;\r\n            margin-bottom: 8px;\r\n            font-size: 0.9em;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .info-bar input {\r\n            padding: 10px;\r\n            border: 2px solid rgba(255,255,255,0.3);\r\n            border-radius: 5px;\r\n            background: rgba(255,255,255,0.95);\r\n            color: #1C1C1C;\r\n            font-size: 1em;\r\n        }\r\n\r\n        .section {\r\n            margin-bottom: 40px;\r\n            border-left: 4px solid #D0AF7F;\r\n            padding-left: 30px;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 1.8em;\r\n            color: #1C1C1C;\r\n            margin-bottom: 25px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n\r\n        .section-title::before {\r\n            content: '';\r\n            width: 8px;\r\n            height: 8px;\r\n            background: #D0AF7F;\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .form-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 20px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .form-group {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .form-group label {\r\n            font-weight: 600;\r\n            color: #1C1C1C;\r\n            margin-bottom: 8px;\r\n            font-size: 0.95em;\r\n        }\r\n\r\n        .form-group input[type=\"text\"],\r\n        .form-group input[type=\"number\"],\r\n        .form-group input[type=\"tel\"],\r\n        .form-group input[type=\"date\"],\r\n        .form-group select {\r\n            padding: 12px;\r\n            border: 2px solid #E0E0E0;\r\n            border-radius: 8px;\r\n            font-size: 1em;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .form-group input:focus,\r\n        .form-group select:focus {\r\n            outline: none;\r\n            border-color: #D0AF7F;\r\n            box-shadow: 0 0 0 3px rgba(208, 175, 127, 0.1);\r\n        }\r\n\r\n        .checkbox-group {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\r\n            gap: 12px;\r\n            margin-top: 15px;\r\n        }\r\n\r\n        .checkbox-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 10px;\r\n            background: #f8f9fa;\r\n            border-radius: 6px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .checkbox-item:hover {\r\n            background: #e9ecef;\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        .checkbox-item input[type=\"checkbox\"],\r\n        .checkbox-item input[type=\"radio\"] {\r\n            width: 18px;\r\n            height: 18px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .checkbox-item label {\r\n            cursor: pointer;\r\n            font-size: 0.95em;\r\n            color: #4A4A4A;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .subsection {\r\n            background: #F8F9FA;\r\n            padding: 25px;\r\n            border-radius: 10px;\r\n            margin-bottom: 20px;\r\n            border: 1px solid #E0E0E0;\r\n        }\r\n\r\n        .subsection-title {\r\n            font-size: 1.3em;\r\n            color: #D0AF7F;\r\n            margin-bottom: 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        textarea {\r\n            width: 100%;\r\n            padding: 12px;\r\n            border: 2px solid #E0E0E0;\r\n            border-radius: 8px;\r\n            font-size: 1em;\r\n            font-family: inherit;\r\n            resize: vertical;\r\n            min-height: 100px;\r\n        }\r\n\r\n        textarea:focus {\r\n            outline: none;\r\n            border-color: #D0AF7F;\r\n            box-shadow: 0 0 0 3px rgba(208, 175, 127, 0.1);\r\n        }\r\n\r\n        .evaluation-box {\r\n            background: linear-gradient(135deg, #D0AF7F 0%, #c19d6d 100%);\r\n            padding: 30px;\r\n            border-radius: 10px;\r\n            color: white;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        .evaluation-box .section-title {\r\n            color: white;\r\n        }\r\n\r\n        .evaluation-box .form-group label {\r\n            color: white;\r\n        }\r\n\r\n        .evaluation-box input,\r\n        .evaluation-box select,\r\n        .evaluation-box textarea {\r\n            background: rgba(255,255,255,0.95);\r\n        }\r\n\r\n        .button-group {\r\n            display: flex;\r\n            gap: 15px;\r\n            flex-wrap: wrap;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .action-button {\r\n            background: linear-gradient(135deg, #1C1C1C 0%, #000000 100%);\r\n            color: white;\r\n            padding: 12px 30px;\r\n            border: none;\r\n            border-radius: 8px;\r\n            font-size: 1em;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .action-button:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 5px 20px rgba(28, 28, 28, 0.3);\r\n        }\r\n\r\n        .action-button.secondary {\r\n            background: linear-gradient(135deg, #D0AF7F 0%, #c19d6d 100%);\r\n        }\r\n\r\n        .submit-section {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-top: 40px;\r\n            padding: 30px;\r\n            background: #F8F9FA;\r\n            border-radius: 10px;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n        }\r\n\r\n        .submit-button {\r\n            background: linear-gradient(135deg, #1C1C1C 0%, #000000 100%);\r\n            color: white;\r\n            padding: 15px 40px;\r\n            border: none;\r\n            border-radius: 8px;\r\n            font-size: 1.1em;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .submit-button:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 5px 20px rgba(28, 28, 28, 0.3);\r\n        }\r\n\r\n        .status-message {\r\n            position: fixed;\r\n            bottom: 20px;\r\n            right: 20px;\r\n            background: #4CAF50;\r\n            color: white;\r\n            padding: 15px 25px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.2);\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n            z-index: 1000;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .status-message.show {\r\n            opacity: 1;\r\n        }\r\n\r\n        .status-message.error {\r\n            background: #f44336;\r\n        }\r\n\r\n        .footer {\r\n            background: #1C1C1C;\r\n            color: white;\r\n            text-align: center;\r\n            padding: 20px;\r\n            font-size: 0.9em;\r\n        }\r\n\r\n        input[type=\"file\"] {\r\n            display: none;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            body {\r\n                padding: 10px;\r\n            }\r\n\r\n            .container {\r\n                border-radius: 10px;\r\n            }\r\n\r\n            .header {\r\n                padding: 20px 15px;\r\n            }\r\n\r\n            .form-content {\r\n                padding: 15px;\r\n            }\r\n\r\n            .header h1 {\r\n                font-size: 1.5em;\r\n                letter-spacing: 1px;\r\n            }\r\n\r\n            .header p {\r\n                font-size: 0.95em;\r\n            }\r\n\r\n            .info-bar {\r\n                padding: 15px;\r\n                gap: 15px;\r\n            }\r\n\r\n            .section {\r\n                padding-left: 15px;\r\n                margin-bottom: 30px;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 1.4em;\r\n            }\r\n\r\n            .subsection {\r\n                padding: 15px;\r\n            }\r\n\r\n            .subsection-title {\r\n                font-size: 1.1em;\r\n            }\r\n\r\n            .form-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 15px;\r\n            }\r\n\r\n            .checkbox-group {\r\n                grid-template-columns: 1fr;\r\n                gap: 10px;\r\n            }\r\n\r\n            .evaluation-box {\r\n                padding: 20px 15px;\r\n            }\r\n\r\n            .submit-section {\r\n                flex-direction: column;\r\n                gap: 20px;\r\n                padding: 20px 15px;\r\n            }\r\n\r\n            .submit-section input {\r\n                width: 100% !important;\r\n            }\r\n\r\n            .submit-button, .action-button {\r\n                width: 100%;\r\n                padding: 12px 30px;\r\n                font-size: 1em;\r\n            }\r\n\r\n            .button-group {\r\n                flex-direction: column;\r\n            }\r\n        }\r\n\r\n        .inline-group {\r\n            display: flex;\r\n            gap: 10px;\r\n            align-items: center;\r\n        }\r\n\r\n        .inline-group input[type=\"text\"],\r\n        .inline-group input[type=\"number\"] {\r\n            flex: 1;\r\n        }\r\n\r\n        .small-input {\r\n            max-width: 100px;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"status-message\" id=\"statusMessage\"><\/div>\r\n    \r\n    <div class=\"container\">\r\n        <div class=\"header\">\r\n            <h1>Mary Stone Real Estate<\/h1>\r\n            <p>Formulaire de Visite - Villa (V4 \u2014 Webhook WordPress)<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"form-content\">\r\n            <!-- Button Group for Save\/Load -->\r\n            <div class=\"button-group\">\r\n                <button type=\"button\" class=\"action-button\" onclick=\"saveFormAsJSON()\">\ud83d\udcbe Save Form as JSON<\/button>\r\n                <button type=\"button\" class=\"action-button secondary\" onclick=\"document.getElementById('loadFileInput').click()\">\ud83d\udcc2 Load Saved Form<\/button>\r\n                <input type=\"file\" id=\"loadFileInput\" accept=\".json\" onchange=\"loadFormFromJSON(event)\">\r\n            <\/div>\r\n\r\n            <form id=\"villaForm\">\r\n            <!-- Info Bar -->\r\n            <div class=\"info-bar\">\r\n                <div class=\"field\">\r\n                    <label>Date<\/label>\r\n                    <input type=\"date\" name=\"date\">\r\n                <\/div>\r\n                <div class=\"field\">\r\n                    <label>Heure<\/label>\r\n                    <input type=\"text\" name=\"heure\" placeholder=\"14h30\">\r\n                <\/div>\r\n                <div class=\"field\">\r\n                    <label>Commercial<\/label>\r\n                    <input type=\"text\" name=\"commercial\">\r\n                <\/div>\r\n                <div class=\"field\">\r\n                    <label>T\u00e9l\u00e9phone<\/label>\r\n                    <input type=\"tel\" name=\"telephone\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Section 0: Taxonomies Houzez (\u2192 WordPress) -->\r\n            <div class=\"section\" style=\"border-left-color: #28a745;\">\r\n                <h2 class=\"section-title\" style=\"color: #28a745;\">0. Taxonomies Houzez <span style=\"font-size:0.5em;font-weight:400;color:#888;\">\u2014 Ces champs alimentent directement WordPress<\/span><\/h2>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Statut<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\"><input type=\"radio\" id=\"hz_forsale\" name=\"hz_status\" value=\"for-sale\"><label for=\"hz_forsale\">For Sale<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"radio\" id=\"hz_forrent\" name=\"hz_status\" value=\"for-rent\"><label for=\"hz_forrent\">For Rent<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"radio\" id=\"hz_rented\" name=\"hz_status\" value=\"rented\"><label for=\"hz_rented\">Rented<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"radio\" id=\"hz_sold\" name=\"hz_status\" value=\"sold\"><label for=\"hz_sold\">Sold<\/label><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Type de Propri\u00e9t\u00e9<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\"><input type=\"radio\" id=\"hz_villa\" name=\"hz_type\" value=\"villa\"><label for=\"hz_villa\">Villa<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"radio\" id=\"hz_apt\" name=\"hz_type\" value=\"apartment-condominium\"><label for=\"hz_apt\">Apartment \/ Condominium<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"radio\" id=\"hz_land\" name=\"hz_type\" value=\"land\"><label for=\"hz_land\">Land<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"radio\" id=\"hz_offplan\" name=\"hz_type\" value=\"off-plan\"><label for=\"hz_offplan\">Off Plan<\/label><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Cat\u00e9gorie<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"hz_cat_beachfront\" name=\"hz_cat_beachfront\"><label for=\"hz_cat_beachfront\">Beachfront Villa<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"hz_cat_garden\" name=\"hz_cat_garden\"><label for=\"hz_cat_garden\">Garden Villa<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"hz_cat_pool\" name=\"hz_cat_pool\"><label for=\"hz_cat_pool\">Pool Villa<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"hz_cat_seaview\" name=\"hz_cat_seaview\"><label for=\"hz_cat_seaview\">Sea View<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"hz_cat_sunset\" name=\"hz_cat_sunset\"><label for=\"hz_cat_sunset\">Sunset View<\/label><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n            <!-- Section 1: Identification -->\r\n            <div class=\"section\">\r\n                <h2 class=\"section-title\">1. Identification Propri\u00e9t\u00e9<\/h2>\r\n                <div class=\"form-grid\">\r\n                    <div class=\"form-group\">\r\n                        <label>Nom de la Villa<\/label>\r\n                        <input type=\"text\" name=\"nom_villa\">\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label>Propri\u00e9taire<\/label>\r\n                        <input type=\"text\" name=\"proprietaire\">\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label>T\u00e9l\u00e9phone Propri\u00e9taire<\/label>\r\n                        <input type=\"tel\" name=\"tel_proprietaire\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"checkbox-group\">\r\n                    <div class=\"checkbox-item\">\r\n                        <input type=\"checkbox\" id=\"contact_tel\" name=\"contact_tel\">\r\n                        <label for=\"contact_tel\">T\u00e9l\u00e9phone<\/label>\r\n                    <\/div>\r\n                    <div class=\"checkbox-item\">\r\n                        <input type=\"checkbox\" id=\"contact_email\" name=\"contact_email\">\r\n                        <label for=\"contact_email\">Email<\/label>\r\n                    <\/div>\r\n                    <div class=\"checkbox-item\">\r\n                        <input type=\"checkbox\" id=\"contact_whatsapp\" name=\"contact_whatsapp\">\r\n                        <label for=\"contact_whatsapp\">WhatsApp<\/label>\r\n                    <\/div>\r\n                    <div class=\"checkbox-item\">\r\n                        <input type=\"checkbox\" id=\"contact_line\" name=\"contact_line\">\r\n                        <label for=\"contact_line\">Line<\/label>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Section 2: Localisation -->\r\n            <div class=\"section\">\r\n                <h2 class=\"section-title\">2. Localisation<\/h2>\r\n                <div class=\"subsection\">\r\n                    <div class=\"form-grid\">\r\n                        <div class=\"form-group\">\r\n                            <label>N\u00b0 Moo<\/label>\r\n                            <input type=\"text\" name=\"moo\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Soi<\/label>\r\n                            <input type=\"text\" name=\"soi\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Tambon<\/label>\r\n                            <input type=\"text\" name=\"tambon\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Code Postal<\/label>\r\n                            <input type=\"text\" name=\"cp\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>GPS Latitude<\/label>\r\n                            <input type=\"text\" name=\"gps_lat\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>GPS Longitude<\/label>\r\n                            <input type=\"text\" name=\"gps_long\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Zone G\u00e9ographique<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"zone_chaweng_nord\" name=\"zone\" value=\"chaweng_nord\">\r\n                            <label for=\"zone_chaweng_nord\">Chaweng Nord<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"zone_chaweng_centre\" name=\"zone\" value=\"chaweng_centre\">\r\n                            <label for=\"zone_chaweng_centre\">Chaweng Centre<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"zone_chaweng_sud\" name=\"zone\" value=\"chaweng_sud\">\r\n                            <label for=\"zone_chaweng_sud\">Chaweng Sud<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"zone_lamai\" name=\"zone\" value=\"lamai\">\r\n                            <label for=\"zone_lamai\">Lamai<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"zone_bophut\" name=\"zone\" value=\"bophut\">\r\n                            <label for=\"zone_bophut\">Bophut<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"zone_maenam\" name=\"zone\" value=\"maenam\">\r\n                            <label for=\"zone_maenam\">Maenam<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"zone_choeng_mon\" name=\"zone\" value=\"choeng_mon\">\r\n                            <label for=\"zone_choeng_mon\">Choeng Mon<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"zone_bang_por\" name=\"zone\" value=\"bang_por\">\r\n                            <label for=\"zone_bang_por\">Bang Por<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"zone_lipa_noi\" name=\"zone\" value=\"lipa_noi\">\r\n                            <label for=\"zone_lipa_noi\">Lipa Noi<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"zone_taling_ngam\" name=\"zone\" value=\"taling_ngam\">\r\n                            <label for=\"zone_taling_ngam\">Taling Ngam<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"zone_plai_laem\" name=\"zone\" value=\"plai_laem\">\r\n                            <label for=\"zone_plai_laem\">Plai Laem<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"zone_bang_rak\" name=\"zone\" value=\"bang_rak\">\r\n                            <label for=\"zone_bang_rak\">Bang Rak<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"zone_na_muang\" name=\"zone\" value=\"na_muang\">\r\n                            <label for=\"zone_na_muang\">Na Muang<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"zone_hua_thanon\" name=\"zone\" value=\"hua_thanon\">\r\n                            <label for=\"zone_hua_thanon\">Hua Thanon<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"form-group\" style=\"margin-top: 15px;\">\r\n                        <label>Autre Zone<\/label>\r\n                        <input type=\"text\" name=\"zone_autre\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Vues<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"vue_mer_pano\" name=\"vue_mer_pano\">\r\n                            <label for=\"vue_mer_pano\">Mer Panoramique<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"vue_mer_part\" name=\"vue_mer_part\">\r\n                            <label for=\"vue_mer_part\">Mer Partielle<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"vue_front_mer\" name=\"vue_front_mer\">\r\n                            <label for=\"vue_front_mer\">Front de Mer<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"vue_montagne\" name=\"vue_montagne\">\r\n                            <label for=\"vue_montagne\">Montagne<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"vue_jardin\" name=\"vue_jardin\">\r\n                            <label for=\"vue_jardin\">Jardin<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"form-group\" style=\"margin-top: 15px;\">\r\n                        <label>Autre Vue<\/label>\r\n                        <input type=\"text\" name=\"vue_autre\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">\ud83d\udccd Nearby Places <span style=\"font-size:0.8em;font-weight:400;color:#888;\">(format : Nom du lieu : distance \u2014 ex: 7-Eleven : 450 m)<\/span><\/div>\r\n                    <div class=\"form-grid\">\r\n                        <div class=\"form-group\">\r\n                            <label>\ud83c\udfea Convenience Store<\/label>\r\n                            <input type=\"text\" name=\"nearby_convenience\" placeholder=\"ex: 7-Eleven : 450 m\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>\u2708\ufe0f Airport<\/label>\r\n                            <input type=\"text\" name=\"nearby_airport\" placeholder=\"ex: Samui Airport : 2 km\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>\ud83c\udfd6\ufe0f Beach<\/label>\r\n                            <input type=\"text\" name=\"nearby_beach\" placeholder=\"ex: Choeng Mon Beach : 700 m\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>\ud83c\udfe5 Hospital<\/label>\r\n                            <input type=\"text\" name=\"nearby_hospital\" placeholder=\"ex: Bangkok Hospital : 1.4 km\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>\ud83c\udfeb School<\/label>\r\n                            <input type=\"text\" name=\"nearby_school\" placeholder=\"ex: International School : 1.5 km\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>\ud83c\udf7d\ufe0f Restaurant \/ Cafe<\/label>\r\n                            <input type=\"text\" name=\"nearby_restaurant\" placeholder=\"ex: The Islander : 500 m\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Section 3: Configuration & Surfaces -->\r\n            <div class=\"section\">\r\n                <h2 class=\"section-title\">3. Configuration & Surfaces<\/h2>\r\n                <div class=\"subsection\">\r\n                    <div class=\"form-grid\">\r\n                        <div class=\"form-group\">\r\n                            <label>Surface Habitable (m\u00b2)<\/label>\r\n                            <input type=\"number\" name=\"surface_habitable\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Surface Terrain (m\u00b2)<\/label>\r\n                            <input type=\"number\" name=\"surface_terrain\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Surface Terrasse (m\u00b2)<\/label>\r\n                            <input type=\"number\" name=\"surface_terrasse\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Chambres & Salles de Bain<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"chambres_1\" name=\"chambres\" value=\"1\">\r\n                            <label for=\"chambres_1\">1 Chambre<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"chambres_2\" name=\"chambres\" value=\"2\">\r\n                            <label for=\"chambres_2\">2 Chambres<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"chambres_3\" name=\"chambres\" value=\"3\">\r\n                            <label for=\"chambres_3\">3 Chambres<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"chambres_4\" name=\"chambres\" value=\"4\">\r\n                            <label for=\"chambres_4\">4 Chambres<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"chambres_5\" name=\"chambres\" value=\"5\">\r\n                            <label for=\"chambres_5\">5 Chambres<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"chambres_6\" name=\"chambres\" value=\"6+\">\r\n                            <label for=\"chambres_6\">6+ Chambres<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"checkbox-group\" style=\"margin-top: 20px;\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"sdb_1\" name=\"sdb\" value=\"1\">\r\n                            <label for=\"sdb_1\">1 SDB<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"sdb_2\" name=\"sdb\" value=\"2\">\r\n                            <label for=\"sdb_2\">2 SDB<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"sdb_3\" name=\"sdb\" value=\"3\">\r\n                            <label for=\"sdb_3\">3 SDB<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"sdb_4\" name=\"sdb\" value=\"4\">\r\n                            <label for=\"sdb_4\">4 SDB<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"sdb_5\" name=\"sdb\" value=\"5+\">\r\n                            <label for=\"sdb_5\">5+ SDB<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\" style=\"margin-top: 20px;\">\r\n                        <label>WC S\u00e9par\u00e9s<\/label>\r\n                        <input type=\"number\" name=\"wc_separes\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">\u00c9tages & \u00c9tat<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"etage_plain\" name=\"etages\" value=\"plain_pied\">\r\n                            <label for=\"etage_plain\">Plain-pied<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"etage_1\" name=\"etages\" value=\"1\">\r\n                            <label for=\"etage_1\">1 \u00e9tage<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"etage_2\" name=\"etages\" value=\"2\">\r\n                            <label for=\"etage_2\">2 \u00e9tages<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"etage_3\" name=\"etages\" value=\"3+\">\r\n                            <label for=\"etage_3\">3+ \u00e9tages<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-grid\" style=\"margin-top: 20px;\">\r\n                        <div class=\"form-group\">\r\n                            <label>Ann\u00e9e de Construction<\/label>\r\n                            <input type=\"number\" name=\"annee_construction\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Ann\u00e9e de R\u00e9novation<\/label>\r\n                            <input type=\"number\" name=\"annee_renovation\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"checkbox-group\" style=\"margin-top: 20px;\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"etat_neuf\" name=\"etat\" value=\"neuf\">\r\n                            <label for=\"etat_neuf\">Neuf<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"etat_bon\" name=\"etat\" value=\"bon\">\r\n                            <label for=\"etat_bon\">Bon<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"etat_renover\" name=\"etat\" value=\"a_renover\">\r\n                            <label for=\"etat_renover\">\u00c0 r\u00e9nover<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Pi\u00e8ces Additionnelles<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"piece_bureau\" name=\"piece_bureau\">\r\n                            <label for=\"piece_bureau\">Bureau<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"piece_sport\" name=\"piece_sport\">\r\n                            <label for=\"piece_sport\">Salle de Sport<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"piece_cinema\" name=\"piece_cinema\">\r\n                            <label for=\"piece_cinema\">Home Cinema<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"piece_buanderie\" name=\"piece_buanderie\">\r\n                            <label for=\"piece_buanderie\">Buanderie<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"piece_debarras\" name=\"piece_debarras\">\r\n                            <label for=\"piece_debarras\">D\u00e9barras<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"piece_service\" name=\"piece_service\">\r\n                            <label for=\"piece_service\">Chambre Service<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"piece_cuisine_ext\" name=\"piece_cuisine_ext\">\r\n                            <label for=\"piece_cuisine_ext\">Cuisine Ext.<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"piece_sala\" name=\"piece_sala\">\r\n                            <label for=\"piece_sala\">Sala<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"piece_garage\" name=\"piece_garage\">\r\n                            <label for=\"piece_garage\">Garage<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Section 4: Piscine -->\r\n            <div class=\"section\">\r\n                <h2 class=\"section-title\">4. Piscine<\/h2>\r\n                <div class=\"subsection\">\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"piscine_oui\" name=\"piscine\" value=\"oui\">\r\n                            <label for=\"piscine_oui\">Oui<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"piscine_non\" name=\"piscine\" value=\"non\">\r\n                            <label for=\"piscine_non\">Non<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"piscine_privee\" name=\"type_piscine\" value=\"privee\">\r\n                            <label for=\"piscine_privee\">Priv\u00e9e<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"piscine_commune\" name=\"type_piscine\" value=\"commune\">\r\n                            <label for=\"piscine_commune\">Commune<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-grid\" style=\"margin-top: 20px;\">\r\n                        <div class=\"form-group\">\r\n                            <label>Longueur (m)<\/label>\r\n                            <input type=\"number\" name=\"piscine_longueur\" step=\"0.1\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Largeur (m)<\/label>\r\n                            <input type=\"number\" name=\"piscine_largeur\" step=\"0.1\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Profondeur (m)<\/label>\r\n                            <input type=\"number\" name=\"piscine_profondeur\" step=\"0.1\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Style & Caract\u00e9ristiques<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"style_infinity\" name=\"style_infinity\">\r\n                            <label for=\"style_infinity\">Infinity<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"style_classique\" name=\"style_classique\">\r\n                            <label for=\"style_classique\">Classique<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"style_naturelle\" name=\"style_naturelle\">\r\n                            <label for=\"style_naturelle\">Naturelle<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"style_lap\" name=\"style_lap\">\r\n                            <label for=\"style_lap\">Lap Pool<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-grid\" style=\"margin-top: 20px;\">\r\n                        <div class=\"form-group\">\r\n                            <label>Rev\u00eatement<\/label>\r\n                            <select name=\"revetement\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"carrelage\">Carrelage<\/option>\r\n                                <option value=\"terrazzo\">Carrelage Terrazzo<\/option>\r\n                                <option value=\"mosaique\">Mosa\u00efque<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Filtration<\/label>\r\n                            <select name=\"filtration\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"sable\">Sable<\/option>\r\n                                <option value=\"cartouche\">Cartouche<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Traitement<\/label>\r\n                            <select name=\"traitement\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"chlore\">Chlore<\/option>\r\n                                <option value=\"sel\">Sel<\/option>\r\n                                <option value=\"uv\">UV<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>\u00c9clairage Piscine<\/label>\r\n                            <select name=\"eclairage_piscine\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"oui\">Oui<\/option>\r\n                                <option value=\"non\">Non<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Autour de la Piscine<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"jacuzzi\" name=\"jacuzzi\">\r\n                            <label for=\"jacuzzi\">Jacuzzi<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"douche_piscine\" name=\"douche_piscine\">\r\n                            <label for=\"douche_piscine\">Douche<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"wc_piscine\" name=\"wc_piscine\">\r\n                            <label for=\"wc_piscine\">WC<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"pool_bar\" name=\"pool_bar\">\r\n                            <label for=\"pool_bar\">Pool Bar<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"transats\" name=\"transats\">\r\n                            <label for=\"transats\">Transats<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"zone_ombragee\" name=\"zone_ombragee\">\r\n                            <label for=\"zone_ombragee\">Zone Ombrag\u00e9e<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Section 5: Ext\u00e9rieur & Jardin -->\r\n            <div class=\"section\">\r\n                <h2 class=\"section-title\">5. Ext\u00e9rieur & Jardin<\/h2>\r\n                <div class=\"subsection\">\r\n                    <div class=\"form-grid\">\r\n                        <div class=\"form-group\">\r\n                            <label>Surface Jardin (m\u00b2)<\/label>\r\n                            <input type=\"number\" name=\"surface_jardin\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Style Jardin<\/label>\r\n                            <select name=\"style_jardin\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"tropical\">Tropical<\/option>\r\n                                <option value=\"zen\">Zen<\/option>\r\n                                <option value=\"gazon\">Gazon<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Type Arrosage<\/label>\r\n                            <select name=\"arrosage\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"automatique\">Automatique<\/option>\r\n                                <option value=\"manuel\">Manuel<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>\u00c9tat Jardin<\/label>\r\n                            <select name=\"etat_jardin\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"excellent\">Excellent<\/option>\r\n                                <option value=\"bon\">Bon<\/option>\r\n                                <option value=\"a_refaire\">\u00c0 Refaire<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Cl\u00f4ture & S\u00e9curit\u00e9<\/div>\r\n                    <div class=\"form-grid\">\r\n                        <div class=\"form-group\">\r\n                            <label>Type Cl\u00f4ture<\/label>\r\n                            <select name=\"type_cloture\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"mur\">Mur<\/option>\r\n                                <option value=\"haie\">Haie<\/option>\r\n                                <option value=\"grillage\">Grillage<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Hauteur Mur (m)<\/label>\r\n                            <input type=\"number\" name=\"hauteur_mur\" step=\"0.1\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Type Portail<\/label>\r\n                            <select name=\"type_portail\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"electrique\">\u00c9lectrique<\/option>\r\n                                <option value=\"manuel\">Manuel<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"checkbox-group\" style=\"margin-top: 20px;\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"interphone\" name=\"interphone\">\r\n                            <label for=\"interphone\">Interphone<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Terrasses & Parking<\/div>\r\n                    <div class=\"form-grid\">\r\n                        <div class=\"form-group\">\r\n                            <label>Terrasse Couverte (m\u00b2)<\/label>\r\n                            <input type=\"number\" name=\"terrasse_couverte\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Terrasse D\u00e9couverte (m\u00b2)<\/label>\r\n                            <input type=\"number\" name=\"terrasse_decouverte\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Nombre de Balcons<\/label>\r\n                            <input type=\"number\" name=\"balcons\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Type Parking<\/label>\r\n                            <select name=\"type_parking\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"garage\">Garage<\/option>\r\n                                <option value=\"carport\">Carport<\/option>\r\n                                <option value=\"exterieur\">Ext\u00e9rieur<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Nombre de Places<\/label>\r\n                            <input type=\"number\" name=\"places_parking\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Acc\u00e8s & Am\u00e9nagements<\/div>\r\n                    <div class=\"form-group\">\r\n                        <label>Acc\u00e8s \u00e0 la Propri\u00e9t\u00e9<\/label>\r\n                        <select name=\"acces_propriete\">\r\n                            <option value=\"\">S\u00e9lectionner<\/option>\r\n                            <option value=\"facile\">Facile<\/option>\r\n                            <option value=\"difficile\">Difficile (en mont\u00e9e)<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n\r\n                    <div class=\"checkbox-group\" style=\"margin-top: 20px;\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"bbq\" name=\"bbq\">\r\n                            <label for=\"bbq\">BBQ<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"cuisine_ext\" name=\"cuisine_ext\">\r\n                            <label for=\"cuisine_ext\">Cuisine Ext\u00e9rieure<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"bar\" name=\"bar\">\r\n                            <label for=\"bar\">Bar<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"terrain_sport\" name=\"terrain_sport\">\r\n                            <label for=\"terrain_sport\">Terrain Sport<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"eclairage_led_ext\" name=\"eclairage_led_ext\">\r\n                            <label for=\"eclairage_led_ext\">\u00c9clairage LED<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\" style=\"margin-top: 20px;\">\r\n                        <label>Co\u00fbt Entretien Jardin (THB\/mois)<\/label>\r\n                        <input type=\"number\" name=\"entretien_jardin\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Section 6: Int\u00e9rieur & Finitions -->\r\n            <div class=\"section\">\r\n                <h2 class=\"section-title\">6. Int\u00e9rieur & Finitions<\/h2>\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Cuisine - \u00c9quipements<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"four\" name=\"four\">\r\n                            <label for=\"four\">Four<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"micro_ondes\" name=\"micro_ondes\">\r\n                            <label for=\"micro_ondes\">Micro-ondes<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"plaque\" name=\"plaque\">\r\n                            <label for=\"plaque\">Plaque de Cuisson<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"hotte\" name=\"hotte\">\r\n                            <label for=\"hotte\">Hotte<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"refrigerateur\" name=\"refrigerateur\">\r\n                            <label for=\"refrigerateur\">R\u00e9frig\u00e9rateur<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"lave_vaisselle\" name=\"lave_vaisselle\">\r\n                            <label for=\"lave_vaisselle\">Lave-vaisselle<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Salles de Bain<\/div>\r\n                    <div class=\"form-group\">\r\n                        <label>Nombre Autres SDB<\/label>\r\n                        <input type=\"number\" name=\"nombre_autres_sdb\">\r\n                    <\/div>\r\n\r\n                    <div class=\"subsection-title\" style=\"margin-top: 20px;\">\u00c9quipements<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"baignoire\" name=\"baignoire\">\r\n                            <label for=\"baignoire\">Baignoire<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"douche\" name=\"douche\">\r\n                            <label for=\"douche\">Douche<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"double_vasque\" name=\"double_vasque\">\r\n                            <label for=\"double_vasque\">Double Vasque<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\" style=\"margin-top: 20px;\">\r\n                        <label>Syst\u00e8me Eau Chaude<\/label>\r\n                        <select name=\"eau_chaude\">\r\n                            <option value=\"\">S\u00e9lectionner<\/option>\r\n                            <option value=\"electrique\">Chauffe-eau \u00c9lectrique<\/option>\r\n                            <option value=\"solaire\">Solaire<\/option>\r\n                            <option value=\"gaz\">Gaz<\/option>\r\n                            <option value=\"instantane\">Instantan\u00e9<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Sols & Menuiseries<\/div>\r\n                    <div class=\"form-grid\">\r\n                        <div class=\"form-group\">\r\n                            <label>Type de Sols<\/label>\r\n                            <select name=\"type_sols\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"carrelage\">Carrelage<\/option>\r\n                                <option value=\"marbre\">Marbre<\/option>\r\n                                <option value=\"granit\">Granit<\/option>\r\n                                <option value=\"parquet\">Parquet<\/option>\r\n                                <option value=\"beton_cire\">B\u00e9ton Cir\u00e9<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>\u00c9tat Sols<\/label>\r\n                            <select name=\"etat_sols\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"neuf\">Neuf<\/option>\r\n                                <option value=\"bon\">Bon<\/option>\r\n                                <option value=\"use\">Us\u00e9<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Type Fen\u00eatres<\/label>\r\n                            <select name=\"type_fenetres\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"alu\">Aluminium<\/option>\r\n                                <option value=\"pvc\">PVC<\/option>\r\n                                <option value=\"bois\">Bois<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Type Portes<\/label>\r\n                            <select name=\"type_portes\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"bois_massif\">Bois Massif<\/option>\r\n                                <option value=\"standard\">Standard<\/option>\r\n                                <option value=\"pvc\">PVC<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Section 7: \u00c9quipements & Techniques -->\r\n            <div class=\"section\">\r\n                <h2 class=\"section-title\">7. \u00c9quipements & Techniques<\/h2>\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Climatisation<\/div>\r\n                    <div class=\"form-grid\">\r\n                        <div class=\"form-group\">\r\n                            <label>Nombre d'Unit\u00e9s<\/label>\r\n                            <input type=\"number\" name=\"nombre_unites\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>\u00c9tat Climatisation<\/label>\r\n                            <select name=\"etat_clim\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"bon\">Bon<\/option>\r\n                                <option value=\"a_changer\">\u00c0 Changer<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">\u00c9lectricit\u00e9<\/div>\r\n                    <div class=\"form-group\">\r\n                        <label>Type Installation<\/label>\r\n                        <select name=\"installation_elec\">\r\n                            <option value=\"\">S\u00e9lectionner<\/option>\r\n                            <option value=\"1_phase\">1 Phase<\/option>\r\n                            <option value=\"3_phases\">3 Phases<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n\r\n                    <div class=\"checkbox-group\" style=\"margin-top: 20px;\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"solaire\" name=\"solaire\">\r\n                            <label for=\"solaire\">Panneaux Solaires<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"batterie\" name=\"batterie\">\r\n                            <label for=\"batterie\">Batterie<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"generateur\" name=\"generateur\">\r\n                            <label for=\"generateur\">G\u00e9n\u00e9rateur<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Eau & Assainissement<\/div>\r\n                    <div class=\"form-grid\">\r\n                        <div class=\"form-group\">\r\n                            <label>Source d'Eau<\/label>\r\n                            <select name=\"source_eau\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"reseau\">R\u00e9seau<\/option>\r\n                                <option value=\"puits\">Puits<\/option>\r\n                                <option value=\"forage\">Forage<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Capacit\u00e9 R\u00e9servoir (litres)<\/label>\r\n                            <input type=\"number\" name=\"reservoir\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Internet & S\u00e9curit\u00e9<\/div>\r\n                    <div class=\"form-grid\">\r\n                        <div class=\"form-group\">\r\n                            <label>Type Internet<\/label>\r\n                            <select name=\"type_internet\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"fibre\">Fibre<\/option>\r\n                                <option value=\"adsl\">ADSL<\/option>\r\n                                <option value=\"4g\">4G<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Vitesse Internet<\/label>\r\n                            <select name=\"vitesse_internet\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"moins_100\">&lt; 100 Mbps<\/option>\r\n                                <option value=\"100_300\">100-300 Mbps<\/option>\r\n                                <option value=\"plus_300\">&gt; 300 Mbps<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"checkbox-group\" style=\"margin-top: 20px;\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"gardien\" name=\"gardien\">\r\n                            <label for=\"gardien\">Gardien<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"alarme\" name=\"alarme\">\r\n                            <label for=\"alarme\">Alarme<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"cctv\" name=\"cctv\">\r\n                            <label for=\"cctv\">CCTV<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"coffre_fort\" name=\"coffre_fort\">\r\n                            <label for=\"coffre_fort\">Coffre-fort<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"porte_blindee\" name=\"porte_blindee\">\r\n                            <label for=\"porte_blindee\">Porte Blind\u00e9e<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Section 7b: Features & Amenities Site -->\r\n            <div class=\"section\">\r\n                <h2 class=\"section-title\">7b. Features & Amenities <span style=\"font-size:0.6em;font-weight:400;color:#888;\">\u2014 124 features \u2014 Cocher tout ce qui est pr\u00e9sent dans le bien<\/span><\/h2>\r\n\r\n                <!-- GENERAL -->\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">\ud83c\udfe0 General (33)<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_ac\" name=\"g_ac\"><label for=\"g_ac\">Air Conditioning<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_alarm\" name=\"g_alarm\"><label for=\"g_alarm\">Alarm System<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_balcony\" name=\"g_balcony\"><label for=\"g_balcony\">Balcony<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_wardrobes\" name=\"g_wardrobes\"><label for=\"g_wardrobes\">Built-in Wardrobes<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_cctv\" name=\"g_cctv\"><label for=\"g_cctv\">CCTV<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_ceiling_fans\" name=\"g_ceiling_fans\"><label for=\"g_ceiling_fans\">Ceiling Fans<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_covered_parking\" name=\"g_covered_parking\"><label for=\"g_covered_parking\">Covered Parking<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_double_glazing\" name=\"g_double_glazing\"><label for=\"g_double_glazing\">Double Glazing<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_electric_gate\" name=\"g_electric_gate\"><label for=\"g_electric_gate\">Electric Gate<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_elevator\" name=\"g_elevator\"><label for=\"g_elevator\">Elevator<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_energy_eff\" name=\"g_energy_eff\"><label for=\"g_energy_eff\">Energy Efficient<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_fully_furn\" name=\"g_fully_furn\"><label for=\"g_fully_furn\">Fully Furnished<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_garage\" name=\"g_garage\"><label for=\"g_garage\">Garage<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_gated\" name=\"g_gated\"><label for=\"g_gated\">Gated Community<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_guest_house\" name=\"g_guest_house\"><label for=\"g_guest_house\">Guest House<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_high_ceil\" name=\"g_high_ceil\"><label for=\"g_high_ceil\">High Ceilings<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_home_office\" name=\"g_home_office\"><label for=\"g_home_office\">Home Office<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_laundry_room\" name=\"g_laundry_room\"><label for=\"g_laundry_room\">Laundry Room<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_marble_floors\" name=\"g_marble_floors\"><label for=\"g_marble_floors\">Marble Floors<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_modern_design\" name=\"g_modern_design\"><label for=\"g_modern_design\">Modern Design<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_open_plan\" name=\"g_open_plan\"><label for=\"g_open_plan\">Open Plan Living<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_partial_furn\" name=\"g_partial_furn\"><label for=\"g_partial_furn\">Partially Furnished<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_perimeter_wall\" name=\"g_perimeter_wall\"><label for=\"g_perimeter_wall\">Perimeter Wall<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_pet_friendly\" name=\"g_pet_friendly\"><label for=\"g_pet_friendly\">Pet Friendly<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_private_parking\" name=\"g_private_parking\"><label for=\"g_private_parking\">Private Parking<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_safe_box\" name=\"g_safe_box\"><label for=\"g_safe_box\">Safe Box<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_staff_quarters\" name=\"g_staff_quarters\"><label for=\"g_staff_quarters\">Staff Quarters<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_storage\" name=\"g_storage\"><label for=\"g_storage\">Storage Room<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_tiled_floors\" name=\"g_tiled_floors\"><label for=\"g_tiled_floors\">Tiled Floors<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_visitor_parking\" name=\"g_visitor_parking\"><label for=\"g_visitor_parking\">Visitor Parking<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_walkin_closet\" name=\"g_walkin_closet\"><label for=\"g_walkin_closet\">Walk-in Closet<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_wooden_floors\" name=\"g_wooden_floors\"><label for=\"g_wooden_floors\">Wooden Floors<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"g_soundproofing\" name=\"g_soundproofing\"><label for=\"g_soundproofing\">Soundproofing<\/label><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- OUTDOOR -->\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">\ud83c\udf34 Outdoor (28)<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_bbq\" name=\"o_bbq\"><label for=\"o_bbq\">BBQ Area<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_beach_access\" name=\"o_beach_access\"><label for=\"o_beach_access\">Beach Access<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_beach_walk\" name=\"o_beach_walk\"><label for=\"o_beach_walk\">Beach Walking Distance<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_beachfront\" name=\"o_beachfront\"><label for=\"o_beachfront\">Beachfront<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_boat_dock\" name=\"o_boat_dock\"><label for=\"o_boat_dock\">Boat Dock<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_playground\" name=\"o_playground\"><label for=\"o_playground\">Children's Playground<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_communal_pool\" name=\"o_communal_pool\"><label for=\"o_communal_pool\">Communal Pool<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_covered_outdoor\" name=\"o_covered_outdoor\"><label for=\"o_covered_outdoor\">Covered Outdoor Living<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_covered_terrace\" name=\"o_covered_terrace\"><label for=\"o_covered_terrace\">Covered Terrace<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_fire_pit\" name=\"o_fire_pit\"><label for=\"o_fire_pit\">Fire Pit<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_garden\" name=\"o_garden\"><label for=\"o_garden\">Garden<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_garden_view\" name=\"o_garden_view\"><label for=\"o_garden_view\">Garden View<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_infinity_pool\" name=\"o_infinity_pool\"><label for=\"o_infinity_pool\">Infinity Pool<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_jacuzzi\" name=\"o_jacuzzi\"><label for=\"o_jacuzzi\">Jacuzzi<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_landscaped\" name=\"o_landscaped\"><label for=\"o_landscaped\">Landscaped Garden<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_mountain_view\" name=\"o_mountain_view\"><label for=\"o_mountain_view\">Mountain View<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_outdoor_bathtub\" name=\"o_outdoor_bathtub\"><label for=\"o_outdoor_bathtub\">Outdoor Bathtub<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_outdoor_kitchen\" name=\"o_outdoor_kitchen\"><label for=\"o_outdoor_kitchen\">Outdoor Kitchen<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_outdoor_shower\" name=\"o_outdoor_shower\"><label for=\"o_outdoor_shower\">Outdoor Shower<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_pano_sea\" name=\"o_pano_sea\"><label for=\"o_pano_sea\">Panoramic Sea View<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_pool_bar\" name=\"o_pool_bar\"><label for=\"o_pool_bar\">Pool Bar<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_private_pool\" name=\"o_private_pool\"><label for=\"o_private_pool\">Private Pool<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_roof_terrace\" name=\"o_roof_terrace\"><label for=\"o_roof_terrace\">Roof Terrace<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_sala_thai\" name=\"o_sala_thai\"><label for=\"o_sala_thai\">Sala Thai<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_sea_view\" name=\"o_sea_view\"><label for=\"o_sea_view\">Sea View<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_sunset_view\" name=\"o_sunset_view\"><label for=\"o_sunset_view\">Sunset View<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_terrace\" name=\"o_terrace\"><label for=\"o_terrace\">Terrace<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"o_tropical\" name=\"o_tropical\"><label for=\"o_tropical\">Tropical Landscaping<\/label><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- KITCHEN -->\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">\ud83c\udf73 Kitchen (11)<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"k_breakfast_bar\" name=\"k_breakfast_bar\"><label for=\"k_breakfast_bar\">Breakfast Bar<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"k_coffee\" name=\"k_coffee\"><label for=\"k_coffee\">Built-in Coffee<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"k_dishwasher\" name=\"k_dishwasher\"><label for=\"k_dishwasher\">Dishwasher<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"k_gas\" name=\"k_gas\"><label for=\"k_gas\">Gas Cooking<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"k_island\" name=\"k_island\"><label for=\"k_island\">Kitchen Island<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"k_microwave\" name=\"k_microwave\"><label for=\"k_microwave\">Microwave<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"k_oven\" name=\"k_oven\"><label for=\"k_oven\">Oven<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"k_fridge\" name=\"k_fridge\"><label for=\"k_fridge\">Refrigerator<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"k_thai_kitchen\" name=\"k_thai_kitchen\"><label for=\"k_thai_kitchen\">Thai Kitchen<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"k_western\" name=\"k_western\"><label for=\"k_western\">Western Kitchen<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"k_wine_fridge\" name=\"k_wine_fridge\"><label for=\"k_wine_fridge\">Wine Fridge<\/label><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- BATHROOM -->\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">\ud83d\udec1 Bathroom (7)<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"b_bathtub\" name=\"b_bathtub\"><label for=\"b_bathtub\">Bathtub<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"b_double_vanity\" name=\"b_double_vanity\"><label for=\"b_double_vanity\">Double Vanity<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"b_ensuite\" name=\"b_ensuite\"><label for=\"b_ensuite\">En-suite Bathroom<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"b_outdoor_bath\" name=\"b_outdoor_bath\"><label for=\"b_outdoor_bath\">Outdoor Bathroom<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"b_rain_shower\" name=\"b_rain_shower\"><label for=\"b_rain_shower\">Rain Shower<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"b_sep_toilet\" name=\"b_sep_toilet\"><label for=\"b_sep_toilet\">Separate Toilet<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"b_walkin_shower\" name=\"b_walkin_shower\"><label for=\"b_walkin_shower\">Walk-in Shower<\/label><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- ENTERTAINMENT -->\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">\ud83c\udfac Entertainment (10)<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"e_cable_tv\" name=\"e_cable_tv\"><label for=\"e_cable_tv\">Cable TV<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"e_cinema\" name=\"e_cinema\"><label for=\"e_cinema\">Cinema Room<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"e_game_console\" name=\"e_game_console\"><label for=\"e_game_console\">Game Console<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"e_game_room\" name=\"e_game_room\"><label for=\"e_game_room\">Game Room<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"e_library\" name=\"e_library\"><label for=\"e_library\">Library<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"e_pool_table\" name=\"e_pool_table\"><label for=\"e_pool_table\">Pool Table<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"e_satellite_tv\" name=\"e_satellite_tv\"><label for=\"e_satellite_tv\">Satellite TV<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"e_smart_tv\" name=\"e_smart_tv\"><label for=\"e_smart_tv\">Smart TV<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"e_sound_system\" name=\"e_sound_system\"><label for=\"e_sound_system\">Sound System<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"e_wine_cellar\" name=\"e_wine_cellar\"><label for=\"e_wine_cellar\">Wine Cellar<\/label><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- WELLNESS -->\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">\ud83d\udc86 Wellness (7)<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"w_fitness\" name=\"w_fitness\"><label for=\"w_fitness\">Fitness Room<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"w_massage\" name=\"w_massage\"><label for=\"w_massage\">Massage Room<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"w_private_gym\" name=\"w_private_gym\"><label for=\"w_private_gym\">Private Gym<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"w_sauna\" name=\"w_sauna\"><label for=\"w_sauna\">Sauna<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"w_spa\" name=\"w_spa\"><label for=\"w_spa\">Spa<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"w_steam\" name=\"w_steam\"><label for=\"w_steam\">Steam Room<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"w_yoga\" name=\"w_yoga\"><label for=\"w_yoga\">Yoga Deck<\/label><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- TECHNOLOGY -->\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">\u26a1 Technology (11)<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"t_ev\" name=\"t_ev\"><label for=\"t_ev\">EV Charging<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"t_generator\" name=\"t_generator\"><label for=\"t_generator\">Generator Backup<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"t_mosquito\" name=\"t_mosquito\"><label for=\"t_mosquito\">Mosquito Screening<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"t_rainwater\" name=\"t_rainwater\"><label for=\"t_rainwater\">Rainwater Collection<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"t_smart_home\" name=\"t_smart_home\"><label for=\"t_smart_home\">Smart Home<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"t_solar\" name=\"t_solar\"><label for=\"t_solar\">Solar Panels<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"t_solar_water\" name=\"t_solar_water\"><label for=\"t_solar_water\">Solar Water Heater<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"t_water_filter\" name=\"t_water_filter\"><label for=\"t_water_filter\">Water Filtration System<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"t_water_pump\" name=\"t_water_pump\"><label for=\"t_water_pump\">Water Pump<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"t_water_tank\" name=\"t_water_tank\"><label for=\"t_water_tank\">Water Tank<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"t_wifi\" name=\"t_wifi\"><label for=\"t_wifi\">WiFi<\/label><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- SERVICES -->\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">\ud83d\udece\ufe0f Services (9)<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"s_247\" name=\"s_247\"><label for=\"s_247\">24\/7 Security<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"s_airport\" name=\"s_airport\"><label for=\"s_airport\">Airport Transfer Available<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"s_cleaning\" name=\"s_cleaning\"><label for=\"s_cleaning\">Cleaning Service<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"s_concierge\" name=\"s_concierge\"><label for=\"s_concierge\">Concierge<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"s_housekeeping\" name=\"s_housekeeping\"><label for=\"s_housekeeping\">Housekeeping Included<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"s_maintenance\" name=\"s_maintenance\"><label for=\"s_maintenance\">Maintenance Service<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"s_chef\" name=\"s_chef\"><label for=\"s_chef\">Private Chef<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"s_mgmt\" name=\"s_mgmt\"><label for=\"s_mgmt\">Property Management<\/label><\/div>\r\n                        <div class=\"checkbox-item\"><input type=\"checkbox\" id=\"s_guard\" name=\"s_guard\"><label for=\"s_guard\">Security Guard<\/label><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Section 8: Informations L\u00e9gales & Financi\u00e8res -->\r\n            <div class=\"section\">\r\n                <h2 class=\"section-title\">8. Informations L\u00e9gales & Financi\u00e8res<\/h2>\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Titre de Propri\u00e9t\u00e9<\/div>\r\n                    <div class=\"form-grid\">\r\n                        <div class=\"form-group\">\r\n                            <label>Type de Titre<\/label>\r\n                            <select name=\"type_titre\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"chanote\">Chanote<\/option>\r\n                                <option value=\"nor_sor_3_gor\">Nor Sor 3 Gor<\/option>\r\n                                <option value=\"nor_sor_3\">Nor Sor 3<\/option>\r\n                                <option value=\"lease\">Lease<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Num\u00e9ro de Titre<\/label>\r\n                            <input type=\"text\" name=\"numero_titre\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Surface Titre (rai)<\/label>\r\n                            <input type=\"number\" name=\"surface_rai\" step=\"0.01\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Surface Titre (ngan)<\/label>\r\n                            <input type=\"number\" name=\"surface_ngan\" step=\"0.01\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Surface Titre (wa)<\/label>\r\n                            <input type=\"number\" name=\"surface_wa\" step=\"0.01\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Au Nom De<\/label>\r\n                            <select name=\"au_nom_de\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"thai\">Tha\u00ef<\/option>\r\n                                <option value=\"societe\">Soci\u00e9t\u00e9<\/option>\r\n                                <option value=\"etranger\">\u00c9tranger<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"subsection-title\" style=\"margin-top: 30px;\">Informations Lease (si applicable)<\/div>\r\n                    <div class=\"form-grid\">\r\n                        <div class=\"form-group\">\r\n                            <label>Dur\u00e9e du Lease (ann\u00e9es)<\/label>\r\n                            <input type=\"number\" name=\"duree_lease\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Charges Mensuelles Lease (THB\/mois)<\/label>\r\n                            <input type=\"number\" name=\"charges_lease_mois\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Charges Annuelles Lease (THB\/an)<\/label>\r\n                            <input type=\"number\" name=\"charges_lease_an\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Company<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"avec_company\" name=\"company\" value=\"avec\">\r\n                            <label for=\"avec_company\">Vendu avec Company<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"sans_company\" name=\"company\" value=\"sans\">\r\n                            <label for=\"sans_company\">Vendu sans Company<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Prix & Charges<\/div>\r\n                    <div class=\"form-grid\">\r\n                        <div class=\"form-group\">\r\n                            <label>Prix Demand\u00e9 (THB)<\/label>\r\n                            <input type=\"number\" name=\"prix_thb\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>N\u00e9gociable<\/label>\r\n                            <select name=\"negociable\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"oui\">Oui<\/option>\r\n                                <option value=\"non\">Non<\/option>\r\n                                <option value=\"legerement\">L\u00e9g\u00e8rement<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Charges (THB\/mois)<\/label>\r\n                            <input type=\"number\" name=\"charges\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Contexte de Vente<\/div>\r\n                    <div class=\"form-group\">\r\n                        <label>Raison de la Vente<\/label>\r\n                        <textarea name=\"raison_vente\" rows=\"3\"><\/textarea>\r\n                    <\/div>\r\n\r\n                    <div class=\"checkbox-group\" style=\"margin-top: 20px;\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"urgence_pas\" name=\"urgence\" value=\"pas_presse\">\r\n                            <label for=\"urgence_pas\">Pas Press\u00e9<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"urgence_6mois\" name=\"urgence\" value=\"6_mois\">\r\n                            <label for=\"urgence_6mois\">Sous 6 mois<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"urgence_urgent\" name=\"urgence\" value=\"urgent\">\r\n                            <label for=\"urgence_urgent\">Urgent (&lt; 3 mois)<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Section 9: Visuels et M\u00e9dias Avanc\u00e9s -->\r\n            <div class=\"section\">\r\n                <h2 class=\"section-title\">9. Visuels et M\u00e9dias Avanc\u00e9s<\/h2>\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Photos Requises<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"photo_facade\" name=\"photo_facade\">\r\n                            <label for=\"photo_facade\">Fa\u00e7ade<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"photo_piscine\" name=\"photo_piscine\">\r\n                            <label for=\"photo_piscine\">Piscine<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"photo_jardin\" name=\"photo_jardin\">\r\n                            <label for=\"photo_jardin\">Jardin<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"photo_salon\" name=\"photo_salon\">\r\n                            <label for=\"photo_salon\">Salon<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"photo_cuisine\" name=\"photo_cuisine\">\r\n                            <label for=\"photo_cuisine\">Cuisine<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"photo_chambres\" name=\"photo_chambres\">\r\n                            <label for=\"photo_chambres\">Chambres<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"photo_sdb\" name=\"photo_sdb\">\r\n                            <label for=\"photo_sdb\">Salles de Bain<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"photo_terrasses\" name=\"photo_terrasses\">\r\n                            <label for=\"photo_terrasses\">Terrasses<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"photo_vue\" name=\"photo_vue\">\r\n                            <label for=\"photo_vue\">Vue<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"photo_parking\" name=\"photo_parking\">\r\n                            <label for=\"photo_parking\">Parking<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"photo_defauts\" name=\"photo_defauts\">\r\n                            <label for=\"photo_defauts\">D\u00e9fauts<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"photo_equipements\" name=\"photo_equipements\">\r\n                            <label for=\"photo_equipements\">\u00c9quipements<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-grid\" style=\"margin-top: 20px;\">\r\n                        <div class=\"form-group\">\r\n                            <label>Total Photos<\/label>\r\n                            <input type=\"number\" name=\"total_photos\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Qualit\u00e9 Photos<\/label>\r\n                            <select name=\"qualite_photos\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"hd\">HD<\/option>\r\n                                <option value=\"suffisante\">Suffisante<\/option>\r\n                                <option value=\"a_refaire\">\u00c0 Refaire<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">M\u00e9dias Vid\u00e9o<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"video_drone\" name=\"video_drone\">\r\n                            <label for=\"video_drone\">Vid\u00e9o Drone<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"video_visite\" name=\"video_visite\">\r\n                            <label for=\"video_visite\">Vid\u00e9o Visite<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"video_360\" name=\"video_360\">\r\n                            <label for=\"video_360\">Visite 360\u00b0<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Section 10: Documents Administratifs -->\r\n            <div class=\"section\">\r\n                <h2 class=\"section-title\">10. Documents Administratifs<\/h2>\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Documents L\u00e9gaux & Administratifs<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"doc_passeport\" name=\"doc_passeport\">\r\n                            <label for=\"doc_passeport\">Passeport du Propri\u00e9taire<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"doc_chanote\" name=\"doc_chanote\">\r\n                            <label for=\"doc_chanote\">Chanote<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"doc_tabienbaan\" name=\"doc_tabienbaan\">\r\n                            <label for=\"doc_tabienbaan\">Tabienbaan de la Propri\u00e9t\u00e9<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"doc_due_diligent\" name=\"doc_due_diligent\">\r\n                            <label for=\"doc_due_diligent\">Due Diligent<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"doc_survey\" name=\"doc_survey\">\r\n                            <label for=\"doc_survey\">Survey et Contour<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"doc_permis\" name=\"doc_permis\">\r\n                            <label for=\"doc_permis\">Permis de Construire<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"doc_plans\" name=\"doc_plans\">\r\n                            <label for=\"doc_plans\">Plans<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Section 11: \u00c9valuation Commerciale -->\r\n            <div class=\"evaluation-box\">\r\n                <h2 class=\"section-title\">11. \u00c9valuation Commerciale<\/h2>\r\n                \r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Points Forts<\/div>\r\n                    <div class=\"form-group\">\r\n                        <label>Point Fort 1<\/label>\r\n                        <input type=\"text\" name=\"point_fort_1\">\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label>Point Fort 2<\/label>\r\n                        <input type=\"text\" name=\"point_fort_2\">\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label>Point Fort 3<\/label>\r\n                        <input type=\"text\" name=\"point_fort_3\">\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Points Faibles \/ Travaux<\/div>\r\n                    <div class=\"form-group\">\r\n                        <label>Point Faible 1<\/label>\r\n                        <input type=\"text\" name=\"point_faible_1\">\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label>Point Faible 2<\/label>\r\n                        <input type=\"text\" name=\"point_faible_2\">\r\n                    <\/div>\r\n\r\n                    <div class=\"form-grid\" style=\"margin-top: 20px;\">\r\n                        <div class=\"form-group\">\r\n                            <label>Co\u00fbt Travaux Estim\u00e9 (THB)<\/label>\r\n                            <input type=\"number\" name=\"cout_travaux\">\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Importance Travaux<\/label>\r\n                            <select name=\"importance_travaux\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"aucun\">Aucun<\/option>\r\n                                <option value=\"cosmetique\">Cosm\u00e9tique<\/option>\r\n                                <option value=\"important\">Important<\/option>\r\n                                <option value=\"majeur\">Majeur<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">\u00c9valuation Prix<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"prix_correct\" name=\"eval_prix\" value=\"correct\">\r\n                            <label for=\"prix_correct\">Correct<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"prix_eleve\" name=\"eval_prix\" value=\"eleve\">\r\n                            <label for=\"prix_eleve\">\u00c9lev\u00e9<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"prix_tres_eleve\" name=\"eval_prix\" value=\"tres_eleve\">\r\n                            <label for=\"prix_tres_eleve\">Tr\u00e8s \u00c9lev\u00e9<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"prix_bon\" name=\"eval_prix\" value=\"bon_prix\">\r\n                            <label for=\"prix_bon\">Bon Prix<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"prix_excellent\" name=\"eval_prix\" value=\"excellent_prix\">\r\n                            <label for=\"prix_excellent\">Excellent Prix<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-grid\" style=\"margin-top: 20px;\">\r\n                        <div class=\"form-group\">\r\n                            <label>Marge de N\u00e9gociation<\/label>\r\n                            <select name=\"marge_negociation\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"0_5\">0-5%<\/option>\r\n                                <option value=\"5_10\">5-10%<\/option>\r\n                                <option value=\"10_15\">10-15%<\/option>\r\n                                <option value=\"plus_15\">&gt; 15%<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        <div class=\"form-group\">\r\n                            <label>Prix Recommand\u00e9 (THB)<\/label>\r\n                            <input type=\"number\" name=\"prix_recommande\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Client\u00e8le Cible<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"client_investisseur\" name=\"client_investisseur\">\r\n                            <label for=\"client_investisseur\">Investisseur<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"client_residence_1\" name=\"client_residence_1\">\r\n                            <label for=\"client_residence_1\">R\u00e9sidence Principale<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"client_residence_2\" name=\"client_residence_2\">\r\n                            <label for=\"client_residence_2\">R\u00e9sidence Secondaire<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"client_retraites\" name=\"client_retraites\">\r\n                            <label for=\"client_retraites\">Retrait\u00e9s<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"checkbox\" id=\"client_famille\" name=\"client_famille\">\r\n                            <label for=\"client_famille\">Famille<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"subsection\">\r\n                    <div class=\"subsection-title\">Recommandation Finale<\/div>\r\n                    <div class=\"checkbox-group\">\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"reco_excellent\" name=\"recommandation\" value=\"excellent\">\r\n                            <label for=\"reco_excellent\">Excellent \u00e0 Prendre<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"reco_prendre\" name=\"recommandation\" value=\"a_prendre\">\r\n                            <label for=\"reco_prendre\">\u00c0 Prendre<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"reco_negocier\" name=\"recommandation\" value=\"a_negocier\">\r\n                            <label for=\"reco_negocier\">\u00c0 N\u00e9gocier<\/label>\r\n                        <\/div>\r\n                        <div class=\"checkbox-item\">\r\n                            <input type=\"radio\" id=\"reco_decliner\" name=\"recommandation\" value=\"a_decliner\">\r\n                            <label for=\"reco_decliner\">\u00c0 D\u00e9cliner<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\" style=\"margin-top: 20px;\">\r\n                        <label>Notes Additionnelles<\/label>\r\n                        <textarea name=\"notes_additionnelles\" rows=\"5\"><\/textarea>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Submit Section -->\r\n            <div class=\"submit-section\">\r\n                <div>\r\n                    <label style=\"font-weight: 600; color: #1C1C1C; margin-bottom: 10px; display: block;\">Signature Commercial<\/label>\r\n                    <input type=\"text\" name=\"signature\" style=\"padding: 10px; border: 2px solid #E0E0E0; border-radius: 8px; width: 300px;\">\r\n                <\/div>\r\n                <button type=\"button\" class=\"submit-button\" onclick=\"saveFormAsJSON()\">\ud83d\udcbe Enregistrer le Formulaire<\/button>\r\n                <button type=\"button\" class=\"submit-button\" style=\"background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);\" onclick=\"sendToWordPress()\">\ud83d\ude80 Envoyer vers WordPress<\/button>\r\n            <\/div>\r\n        <\/form>\r\n        <\/div>\r\n\r\n        <div class=\"footer\">\r\n            <p>MARY STONE REAL ESTATE - Formulaire Confidentiel<\/p>\r\n            <p style=\"margin-top: 5px; font-size: 0.85em; opacity: 0.8;\">\u00a9 2024 Mary Stone Real Estate - Tous droits r\u00e9serv\u00e9s<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<script>\r\n\/\/ Auto-save functionality\r\nlet autoSaveInterval;\r\n\r\nfunction startAutoSave() {\r\n    autoSaveInterval = setInterval(() => {\r\n        saveToLocalStorage();\r\n        showStatus('Auto-draft saved at ' + new Date().toLocaleTimeString(), 'success');\r\n    }, 30000); \/\/ Save every 30 seconds\r\n}\r\n\r\nfunction saveToLocalStorage() {\r\n    const formData = getFormData();\r\n    localStorage.setItem('villaFormDraft', JSON.stringify(formData));\r\n}\r\n\r\nfunction loadFromLocalStorage() {\r\n    const savedData = localStorage.getItem('villaFormDraft');\r\n    if (savedData) {\r\n        try {\r\n            const formData = JSON.parse(savedData);\r\n            populateForm(formData);\r\n            showStatus('Draft loaded from previous session', 'success');\r\n        } catch (e) {\r\n            console.error('Error loading draft:', e);\r\n        }\r\n    }\r\n}\r\n\r\nfunction getFormData() {\r\n    const form = document.getElementById('villaForm');\r\n    const formData = {};\r\n    \r\n    \/\/ Get all form elements\r\n    const elements = form.elements;\r\n    \r\n    for (let i = 0; i < elements.length; i++) {\r\n        const element = elements[i];\r\n        \r\n        if (!element.name) continue;\r\n        \r\n        if (element.type === 'checkbox') {\r\n            formData[element.name] = element.checked;\r\n        } else if (element.type === 'radio') {\r\n            if (element.checked) {\r\n                formData[element.name] = element.value;\r\n            }\r\n        } else {\r\n            formData[element.name] = element.value;\r\n        }\r\n    }\r\n    \r\n    return formData;\r\n}\r\n\r\nfunction populateForm(data) {\r\n    const form = document.getElementById('villaForm');\r\n    \r\n    for (const [name, value] of Object.entries(data)) {\r\n        const elements = form.elements[name];\r\n        \r\n        if (!elements) continue;\r\n        \r\n        if (elements.length) {\r\n            \/\/ Multiple elements with same name (radio buttons)\r\n            for (let i = 0; i < elements.length; i++) {\r\n                if (elements[i].value === value) {\r\n                    elements[i].checked = true;\r\n                }\r\n            }\r\n        } else {\r\n            \/\/ Single element\r\n            if (elements.type === 'checkbox') {\r\n                elements.checked = value;\r\n            } else {\r\n                elements.value = value;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nfunction saveFormAsJSON() {\r\n    const formData = getFormData();\r\n    \r\n    \/\/ Get villa name for filename\r\n    const villaName = formData.nom_villa || 'Villa';\r\n    const date = new Date().toISOString().split('T')[0];\r\n    const filename = `VillaVisit_${villaName.replace(\/[^a-z0-9]\/gi, '_')}_${date}.json`;\r\n    \r\n    \/\/ Create blob and download\r\n    const dataStr = JSON.stringify(formData, null, 2);\r\n    const dataBlob = new Blob([dataStr], { type: 'application\/json' });\r\n    \r\n    \/\/ For mobile compatibility\r\n    if (navigator.share && \/iPhone|iPad|iPod|Android\/i.test(navigator.userAgent)) {\r\n        \/\/ Try to use Web Share API on mobile\r\n        const file = new File([dataBlob], filename, { type: 'application\/json' });\r\n        \r\n        if (navigator.canShare && navigator.canShare({ files: [file] })) {\r\n            navigator.share({\r\n                files: [file],\r\n                title: 'Villa Visit Form',\r\n                text: 'Villa visit form data'\r\n            }).then(() => {\r\n                showStatus('Form saved successfully!', 'success');\r\n            }).catch((error) => {\r\n                \/\/ Fallback to download\r\n                downloadFile(dataBlob, filename);\r\n            });\r\n        } else {\r\n            \/\/ Fallback to download\r\n            downloadFile(dataBlob, filename);\r\n        }\r\n    } else {\r\n        \/\/ Desktop: direct download\r\n        downloadFile(dataBlob, filename);\r\n    }\r\n}\r\n\r\nfunction downloadFile(blob, filename) {\r\n    const url = URL.createObjectURL(blob);\r\n    const link = document.createElement('a');\r\n    link.href = url;\r\n    link.download = filename;\r\n    document.body.appendChild(link);\r\n    link.click();\r\n    document.body.removeChild(link);\r\n    URL.revokeObjectURL(url);\r\n    showStatus('Form saved as ' + filename, 'success');\r\n}\r\n\r\n\/\/ ============================================\r\n\/\/ WEBHOOK MAKE.COM \u2014 ENVOI VERS WORDPRESS\r\n\/\/ ============================================\r\n\/\/ \u26a0\ufe0f Remplacer par votre URL webhook Make.com\r\nconst MAKE_WEBHOOK_URL = 'https:\/\/hook.eu2.make.com\/VOTRE-WEBHOOK-ID-ICI';\r\n\r\nfunction sendToWordPress() {\r\n    const allData = getFormData();\r\n\r\n    \/\/ --- Taxonomies Houzez ---\r\n    const categories = [];\r\n    if (allData.hz_cat_beachfront) categories.push('beachfront-villa');\r\n    if (allData.hz_cat_garden) categories.push('garden-villa');\r\n    if (allData.hz_cat_pool) categories.push('pool-villa');\r\n    if (allData.hz_cat_seaview) categories.push('sea-view');\r\n    if (allData.hz_cat_sunset) categories.push('sunset-view');\r\n\r\n    \/\/ --- Features & Amenities (Section 7b) ---\r\n    const features = [];\r\n    const featureMap = {\r\n        \/\/ General\r\n        g_ac: 'Air Conditioning', g_alarm: 'Alarm System', g_balcony: 'Balcony',\r\n        g_wardrobes: 'Built-in Wardrobes', g_cctv: 'CCTV', g_ceiling_fans: 'Ceiling Fans',\r\n        g_covered_parking: 'Covered Parking', g_double_glazing: 'Double Glazing',\r\n        g_electric_gate: 'Electric Gate', g_elevator: 'Elevator', g_energy_eff: 'Energy Efficient',\r\n        g_fully_furn: 'Fully Furnished', g_garage: 'Garage', g_gated: 'Gated Community',\r\n        g_guest_house: 'Guest House', g_high_ceil: 'High Ceilings', g_home_office: 'Home Office',\r\n        g_laundry_room: 'Laundry Room', g_marble_floors: 'Marble Floors',\r\n        g_modern_design: 'Modern Design', g_open_plan: 'Open Plan Living',\r\n        g_partial_furn: 'Partially Furnished', g_perimeter_wall: 'Perimeter Wall',\r\n        g_pet_friendly: 'Pet Friendly', g_private_parking: 'Private Parking',\r\n        g_safe_box: 'Safe Box', g_staff_quarters: 'Staff Quarters', g_storage: 'Storage Room',\r\n        g_tiled_floors: 'Tiled Floors', g_visitor_parking: 'Visitor Parking',\r\n        g_walkin_closet: 'Walk-in Closet', g_wooden_floors: 'Wooden Floors',\r\n        g_soundproofing: 'Soundproofing',\r\n        \/\/ Outdoor\r\n        o_bbq: 'BBQ Area', o_beach_access: 'Beach Access', o_beach_walk: 'Beach Walking Distance',\r\n        o_beachfront: 'Beachfront', o_boat_dock: 'Boat Dock', o_playground: \"Children's Playground\",\r\n        o_communal_pool: 'Communal Pool', o_covered_outdoor: 'Covered Outdoor Living',\r\n        o_covered_terrace: 'Covered Terrace', o_fire_pit: 'Fire Pit', o_garden: 'Garden',\r\n        o_garden_view: 'Garden View', o_infinity_pool: 'Infinity Pool', o_jacuzzi: 'Jacuzzi',\r\n        o_landscaped: 'Landscaped Garden', o_mountain_view: 'Mountain View',\r\n        o_outdoor_bathtub: 'Outdoor Bathtub', o_outdoor_kitchen: 'Outdoor Kitchen',\r\n        o_outdoor_shower: 'Outdoor Shower', o_pano_sea: 'Panoramic Sea View',\r\n        o_pool_bar: 'Pool Bar', o_private_pool: 'Private Pool', o_roof_terrace: 'Roof Terrace',\r\n        o_sala_thai: 'Sala Thai', o_sea_view: 'Sea View', o_sunset_view: 'Sunset View',\r\n        o_terrace: 'Terrace', o_tropical: 'Tropical Landscaping',\r\n        \/\/ Kitchen\r\n        k_breakfast_bar: 'Breakfast Bar', k_coffee: 'Built-in Coffee', k_dishwasher: 'Dishwasher',\r\n        k_gas: 'Gas Cooking', k_island: 'Kitchen Island', k_microwave: 'Microwave',\r\n        k_oven: 'Oven', k_fridge: 'Refrigerator', k_thai_kitchen: 'Thai Kitchen',\r\n        k_western: 'Western Kitchen', k_wine_fridge: 'Wine Fridge',\r\n        \/\/ Bathroom\r\n        b_bathtub: 'Bathtub', b_double_vanity: 'Double Vanity', b_ensuite: 'En-suite Bathroom',\r\n        b_outdoor_bath: 'Outdoor Bathroom', b_rain_shower: 'Rain Shower',\r\n        b_sep_toilet: 'Separate Toilet', b_walkin_shower: 'Walk-in Shower',\r\n        \/\/ Entertainment\r\n        e_cable_tv: 'Cable TV', e_cinema: 'Cinema Room', e_game_console: 'Game Console',\r\n        e_game_room: 'Game Room', e_library: 'Library', e_pool_table: 'Pool Table',\r\n        e_satellite_tv: 'Satellite TV', e_smart_tv: 'Smart TV', e_sound_system: 'Sound System',\r\n        e_wine_cellar: 'Wine Cellar',\r\n        \/\/ Wellness\r\n        w_fitness: 'Fitness Room', w_massage: 'Massage Room', w_private_gym: 'Private Gym',\r\n        w_sauna: 'Sauna', w_spa: 'Spa', w_steam: 'Steam Room', w_yoga: 'Yoga Deck',\r\n        \/\/ Technology\r\n        t_ev: 'EV Charging', t_generator: 'Generator Backup', t_mosquito: 'Mosquito Screening',\r\n        t_rainwater: 'Rainwater Collection', t_smart_home: 'Smart Home', t_solar: 'Solar Panels',\r\n        t_solar_water: 'Solar Water Heater', t_water_filter: 'Water Filtration System',\r\n        t_water_pump: 'Water Pump', t_water_tank: 'Water Tank', t_wifi: 'WiFi',\r\n        \/\/ Services\r\n        s_247: '24\/7 Security', s_airport: 'Airport Transfer Available',\r\n        s_cleaning: 'Cleaning Service', s_concierge: 'Concierge',\r\n        s_housekeeping: 'Housekeeping Included', s_maintenance: 'Maintenance Service',\r\n        s_chef: 'Private Chef', s_mgmt: 'Property Management', s_guard: 'Security Guard'\r\n    };\r\n\r\n    for (const [key, label] of Object.entries(featureMap)) {\r\n        if (allData[key]) features.push(label);\r\n    }\r\n\r\n    \/\/ --- Vues ---\r\n    const views = [];\r\n    if (allData.vue_mer_pano) views.push('Panoramic Sea View');\r\n    if (allData.vue_mer_part) views.push('Partial Sea View');\r\n    if (allData.vue_front_mer) views.push('Beachfront');\r\n    if (allData.vue_montagne) views.push('Mountain View');\r\n    if (allData.vue_jardin) views.push('Garden View');\r\n    if (allData.vue_autre) views.push(allData.vue_autre);\r\n\r\n    \/\/ --- Nearby Places ---\r\n    const nearbyPlaces = {};\r\n    if (allData.nearby_convenience) nearbyPlaces.convenience = allData.nearby_convenience;\r\n    if (allData.nearby_airport) nearbyPlaces.airport = allData.nearby_airport;\r\n    if (allData.nearby_beach) nearbyPlaces.beach = allData.nearby_beach;\r\n    if (allData.nearby_hospital) nearbyPlaces.hospital = allData.nearby_hospital;\r\n    if (allData.nearby_school) nearbyPlaces.school = allData.nearby_school;\r\n    if (allData.nearby_restaurant) nearbyPlaces.restaurant = allData.nearby_restaurant;\r\n\r\n    \/\/ --- Payload WordPress (donn\u00e9es filtr\u00e9es) ---\r\n    const wordpressData = {\r\n        \/\/ Identification\r\n        title: allData.nom_villa || '',\r\n\r\n        \/\/ Taxonomies Houzez\r\n        status: allData.hz_status || '',\r\n        type: allData.hz_type || '',\r\n        categories: categories,\r\n\r\n        \/\/ Localisation\r\n        zone: allData.zone || allData.zone_autre || '',\r\n        gps_lat: allData.gps_lat || '',\r\n        gps_long: allData.gps_long || '',\r\n        views: views,\r\n        nearby_places: nearbyPlaces,\r\n\r\n        \/\/ Configuration\r\n        surface_habitable: allData.surface_habitable || '',\r\n        surface_terrain: allData.surface_terrain || '',\r\n        chambres: allData.chambres || '',\r\n        sdb: allData.sdb || '',\r\n        etages: allData.etages || '',\r\n        annee_construction: allData.annee_construction || '',\r\n        etat: allData.etat || '',\r\n\r\n        \/\/ Piscine\r\n        piscine: allData.piscine || '',\r\n        type_piscine: allData.type_piscine || '',\r\n        piscine_longueur: allData.piscine_longueur || '',\r\n        piscine_largeur: allData.piscine_largeur || '',\r\n\r\n        \/\/ Parking\r\n        type_parking: allData.type_parking || '',\r\n        places_parking: allData.places_parking || '',\r\n\r\n        \/\/ Features & Amenities\r\n        features: features,\r\n\r\n        \/\/ Financier (public)\r\n        prix_thb: allData.prix_thb || '',\r\n        type_titre: allData.type_titre || '',\r\n\r\n        \/\/ Metadata\r\n        submitted_at: new Date().toISOString(),\r\n        submitted_by: allData.commercial || 'Unknown'\r\n    };\r\n\r\n    \/\/ Validation minimale\r\n    if (!wordpressData.title) {\r\n        showStatus('Erreur : Nom de la villa requis', 'error');\r\n        return;\r\n    }\r\n    if (!wordpressData.status) {\r\n        showStatus('Erreur : Statut (For Sale\/Rent) requis', 'error');\r\n        return;\r\n    }\r\n    if (!wordpressData.type) {\r\n        showStatus('Erreur : Type de propri\u00e9t\u00e9 requis', 'error');\r\n        return;\r\n    }\r\n\r\n    \/\/ Envoi au webhook Make.com\r\n    showStatus('Envoi vers WordPress en cours...', 'success');\r\n\r\n    fetch(MAKE_WEBHOOK_URL, {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application\/json' },\r\n        body: JSON.stringify(wordpressData)\r\n    })\r\n    .then(response => {\r\n        if (response.ok) {\r\n            showStatus('\u2705 Envoy\u00e9 vers WordPress avec succ\u00e8s !', 'success');\r\n        } else {\r\n            showStatus('\u274c Erreur serveur : ' + response.status, 'error');\r\n        }\r\n    })\r\n    .catch(error => {\r\n        showStatus('\u274c Erreur r\u00e9seau : ' + error.message, 'error');\r\n    });\r\n}\r\n\r\nfunction loadFormFromJSON(event) {\r\n    const file = event.target.files[0];\r\n    if (!file) return;\r\n    \r\n    const reader = new FileReader();\r\n    reader.onload = function(e) {\r\n        try {\r\n            const formData = JSON.parse(e.target.result);\r\n            populateForm(formData);\r\n            showStatus('Form loaded successfully!', 'success');\r\n        } catch (error) {\r\n            showStatus('Error loading file: Invalid JSON', 'error');\r\n        }\r\n    };\r\n    reader.readAsText(file);\r\n}\r\n\r\nfunction showStatus(message, type) {\r\n    const statusEl = document.getElementById('statusMessage');\r\n    statusEl.textContent = message;\r\n    statusEl.className = 'status-message show';\r\n    \r\n    if (type === 'error') {\r\n        statusEl.classList.add('error');\r\n    } else {\r\n        statusEl.classList.remove('error');\r\n    }\r\n    \r\n    setTimeout(() => {\r\n        statusEl.classList.remove('show');\r\n    }, 3000);\r\n}\r\n\r\n\/\/ Initialize on page load\r\nwindow.addEventListener('load', () => {\r\n    loadFromLocalStorage();\r\n    startAutoSave();\r\n});\r\n\r\n\/\/ Save before leaving page\r\nwindow.addEventListener('beforeunload', () => {\r\n    saveToLocalStorage();\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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":"<p>Mary Stone Real Estate &#8211; Formulaire de Visite Villa V4 Mary Stone Real Estate Formulaire de Visite &#8211; Villa (V4 \u2014 Webhook WordPress) \ud83d\udcbe Save Form as JSON \ud83d\udcc2 Load Saved Form Date Heure Commercial T\u00e9l\u00e9phone 0. Taxonomies Houzez \u2014 Ces champs alimentent directement WordPress Statut For Sale For Rent Rented Sold Type de Propri\u00e9t\u00e9 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2368","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/mary-stone-real-estate.com\/fr\/wp-json\/wp\/v2\/pages\/2368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mary-stone-real-estate.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mary-stone-real-estate.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mary-stone-real-estate.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mary-stone-real-estate.com\/fr\/wp-json\/wp\/v2\/comments?post=2368"}],"version-history":[{"count":17,"href":"https:\/\/mary-stone-real-estate.com\/fr\/wp-json\/wp\/v2\/pages\/2368\/revisions"}],"predecessor-version":[{"id":2689,"href":"https:\/\/mary-stone-real-estate.com\/fr\/wp-json\/wp\/v2\/pages\/2368\/revisions\/2689"}],"wp:attachment":[{"href":"https:\/\/mary-stone-real-estate.com\/fr\/wp-json\/wp\/v2\/media?parent=2368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}