{"id":536,"date":"2025-11-30T11:07:53","date_gmt":"2025-11-30T11:07:53","guid":{"rendered":"http:\/\/localhost\/enfield\/?page_id=536"},"modified":"2025-11-30T11:07:53","modified_gmt":"2025-11-30T11:07:53","slug":"paints","status":"publish","type":"page","link":"https:\/\/edbd-server.com\/enfieldv2\/paints\/","title":{"rendered":"Paints"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\/dist\/flatpickr.min.css\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\/dist\/themes\/dark.css\">\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/flatpickr\"><\/script>\n\n<div\n    class=\"bg-[url(..\/..\/images\/Section.png)] bg-no-repeat bg-cover min-h-screen bg-gray-950 flex items-center justify-center px-6 py-20 relative overflow-hidden\">\n    <div class=\"absolute inset-0 bg-black\/60\"><\/div>\n\n    <div class=\"relative z-10 max-w-7xl w-full grid grid-cols-1 lg:grid-cols-3 gap-12\">\n\n        <!-- Left: Reference Gallery -->\n        <div class=\"lg:col-span-1\">\n            <div class=\"border border-gray-700 p-5 rounded-md\">\n                <h2 class=\"text-4xl md:text-5xl font-bold text-white text-center mb-10\">\n                    Reference Image\n                <\/h2>\n                <div class=\"grid grid-cols-2 gap-6\">\n                                        <div class=\"group cursor-pointer transform hover:scale-105 transition duration-300\">\n                        <a href=\"https:\/\/edbd-server.com\/enfieldv2\/product\/titanium-ceramic-coating\/\" class=\"block\">\n                            <img decoding=\"async\" src=\"https:\/\/edbd-server.com\/enfieldv2\/wp-content\/uploads\/2025\/11\/color-239x300.png\" alt=\"Titanium Ceramic Coating\"\n                                class=\"w-full h-48 object-cover rounded-2xl shadow-2xl border-4 border-gray-800\">\n                        <\/a>\n                    <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Right: Form -->\n        <div class=\"lg:col-span-2\">\n            <div class=\"border border-gray-700 p-5 rounded-md\">\n                <h2 class=\"text-4xl md:text-5xl font-bold text-white text-center mb-10\">\n                    A splash of color for your ride!\n                <\/h2>\n\n                <div class=\"bg-gray-900\/95 backdrop-blur-xl rounded-3xl shadow-2xl border border-gray-800 p-10 lg:p-14\">\n                    <div class=\"text-center mb-10\">\n                        <span class=\"inline-block w-4 h-4 bg-red-500 rounded-full\"><\/span>\n                        <span class=\"ml-3 text-red-400 font-semibold\">Paint Booking Information<\/span>\n                    <\/div>\n\n                    <form method=\"post\" enctype=\"multipart\/form-data\" class=\"space-y-8\" id=\"paintForm\">\n\n                        <div class=\"grid md:grid-cols-2 gap-8\">\n                            <div>\n                                <label class=\"block text-gray-300 mb-2\">Name <span class=\"text-red-500\">*<\/span><\/label>\n                                <input type=\"text\" name=\"customer_name\" required placeholder=\"Your Name\"\n                                    class=\"w-full px-6 py-4 bg-gray-800\/70 border border-gray-700 rounded-xl focus:border-orange-500 focus:outline-none text-white\">\n                            <\/div>\n                            <div>\n                                <label class=\"block text-gray-300 mb-2\">Phone <span\n                                        class=\"text-red-500\">*<\/span><\/label>\n                                <input type=\"tel\" name=\"customer_phone\" required placeholder=\"+880 1xxx xxxxxx\"\n                                    class=\"w-full px-6 py-4 bg-gray-800\/70 border border-gray-700 rounded-xl focus:border-orange-500 text-white\">\n                            <\/div>\n                        <\/div>\n\n                        <div>\n                            <label class=\"block text-gray-300 mb-2\">Address <span class=\"text-red-500\">*<\/span><\/label>\n                            <input type=\"text\" name=\"customer_address\" required placeholder=\"Full address\"\n                                class=\"w-full px-6 py-4 bg-gray-800\/70 border border-gray-700 rounded-xl focus:border-orange-500 text-white\">\n                        <\/div>\n\n                        <div class=\"grid md:grid-cols-2 gap-8\">\n                            <div>\n                                <label class=\"block text-gray-300 mb-300 mb-2\">Bike Model<\/label>\n                                <select name=\"bike_model\"\n                                    class=\"w-full px-6 py-4 bg-gray-800\/70 border border-gray-700 rounded-xl focus:border-orange-500 text-white\">\n                                    <option>Classic 350<\/option>\n                                    <option>Himalayan<\/option>\n                                    <option>Meteor 350<\/option>\n                                    <option>Interceptor 650<\/option>\n                                    <option>Continental GT 650<\/option>\n                                    <option>Other<\/option>\n                                <\/select>\n                            <\/div>\n                            <div>\n                                <label class=\"block text-gray-300 mb-2\">Booking Date <span\n                                        class=\"text-red-500\">*<\/span><\/label>\n                                <input type=\"text\" name=\"booking_date\" required placeholder=\"Pick a date\"\n                                    class=\"w-full px-6 py-4 bg-gray-800\/70 border border-gray-700 rounded-xl focus:border-orange-500 text-white flatpickr-input\">\n                            <\/div>\n                        <\/div>\n\n                        <div>\n                            <label class=\"block text-gray-300 mb-2\">Paint Type<\/label>\n                            <select name=\"paint_type\"\n                                class=\"w-full px-6 py-4 bg-gray-800\/70 border border-gray-700 rounded-xl focus:border-orange-500 text-white\">\n                                <option>Matte Finish<\/option>\n                                <option>Glossy Finish<\/option>\n                            <\/select>\n                        <\/div>\n\n                        <!-- Optional Reference Upload -->\n                        <div class=\"text-center\">\n                            <label class=\"block text-gray-300 mb-4\">Upload Your Own Reference (Optional)<\/label>\n                            <label\n                                class=\"cursor-pointer bg-red-600 hover:bg-red-700 text-white py-4 px-10 rounded-xl inline-flex items-center gap-3\">\n                                <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                        d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12\"><\/path>\n                                <\/svg>\n                                Choose Images\n                                <input type=\"file\" name=\"ref_images[]\" accept=\"image\/*\" multiple class=\"hidden\"\n                                    id=\"refUpload\">\n                            <\/label>\n                            <div id=\"refPreview\" class=\"flex flex-wrap gap-4 mt-6 justify-center\"><\/div>\n                        <\/div>\n\n                        <div class=\"flex items-center justify-center gap-3\">\n                            <input type=\"checkbox\" name=\"terms\" required class=\"w-5 h-5\">\n                            <label class=\"text-gray-400\">I accepted the terms and condition provided via enfield\n                                lifestyle.<\/label>\n                        <\/div>\n\n                        <input type=\"hidden\" id=\"paint_nonce\" name=\"paint_nonce\" value=\"c862e6b546\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/enfieldv2\/wp-json\/wp\/v2\/pages\/536\" \/>\n                        <div class=\"text-center mt-12\">\n                            <button type=\"submit\" name=\"submit_paint\"\n                                class=\"bg-red-600 hover:bg-red-700 text-white font-bold text-xl px-24 py-5 rounded-full shadow-2xl w-64 transform hover:scale-105 transition\">\n                                Submit\n                            <\/button>\n                        <\/div>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    flatpickr(\".flatpickr-input\", {\n        dateFormat: \"d M Y\",\n        minDate: \"today\",\n        maxDate: new Date().fp_incr(90),\n        theme: \"dark\"\n    });\n\n    \/\/ Preview for uploaded references\n    document.getElementById('refUpload').addEventListener('change', function(e) {\n        const preview = document.getElementById('refPreview');\n        preview.innerHTML = '';\n        Array.from(e.target.files).slice(0, 4).forEach(file => {\n            if (file.type.match('image.*')) {\n                const reader = new FileReader();\n                reader.onload = function(e) {\n                    const img = document.createElement('img');\n                    img.src = e.target.result;\n                    img.className =\n                        \"w-24 h-24 object-cover rounded-xl border-2 border-gray-600\";\n                    preview.appendChild(img);\n                }\n                reader.readAsDataURL(file);\n            }\n        });\n    });\n});\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-536","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/edbd-server.com\/enfieldv2\/wp-json\/wp\/v2\/pages\/536","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edbd-server.com\/enfieldv2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/edbd-server.com\/enfieldv2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/edbd-server.com\/enfieldv2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/edbd-server.com\/enfieldv2\/wp-json\/wp\/v2\/comments?post=536"}],"version-history":[{"count":2,"href":"https:\/\/edbd-server.com\/enfieldv2\/wp-json\/wp\/v2\/pages\/536\/revisions"}],"predecessor-version":[{"id":632,"href":"https:\/\/edbd-server.com\/enfieldv2\/wp-json\/wp\/v2\/pages\/536\/revisions\/632"}],"wp:attachment":[{"href":"https:\/\/edbd-server.com\/enfieldv2\/wp-json\/wp\/v2\/media?parent=536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}