{"id":2774,"date":"2025-10-17T15:34:37","date_gmt":"2025-10-17T15:34:37","guid":{"rendered":"https:\/\/contactomudanzas.es\/?page_id=2774"},"modified":"2026-02-01T16:33:04","modified_gmt":"2026-02-01T16:33:04","slug":"heavy-large-item-delivery-form","status":"publish","type":"page","link":"https:\/\/contactomudanzas.es\/en_us\/heavy-large-item-delivery-form\/","title":{"rendered":"Heavy &amp; large item delivery Form"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2774\" class=\"elementor elementor-2774\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f03ebbf e-flex e-con-boxed e-con e-parent\" data-id=\"f03ebbf\" 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-f8e6ff3 elementor-widget elementor-widget-shortcode\" data-id=\"f8e6ff3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"smart-moving-service-form\" data-service-id=\"5601\" data-sections=\"{&quot;service_options&quot;:true,&quot;moving_description&quot;:true,&quot;customer_info&quot;:true,&quot;custom_items&quot;:true,&quot;price_summary&quot;:true}\">\n            \n            <!-- Language Switcher -->\n            <div class=\"smart-moving-lang-switcher\">\n                <a href=\"?lang=en\" class=\"lang-btn active\">EN<\/a>\n                <span>|<\/span>\n                <a href=\"?lang=es\" class=\"lang-btn \">ES<\/a>\n            <\/div>\n            \n                        \n            <div class=\"smart-moving-service-details\">\n                <h2>Mudanzas de oficinas<\/h2>\n                <div class=\"smart-moving-description\">\n                                    <\/div>\n            <\/div>\n            \n            <form class=\"smart-moving-booking-form\" id=\"smart-moving-form-5601\" enctype=\"multipart\/form-data\">\n                \n                <!-- Address Section (Always Visible) -->\n                <div class=\"smart-moving-section smart-moving-section-addresses\">\n                    <h3>Moving Addresses<\/h3>\n                    \n                    <div class=\"smart-moving-row\">\n                        <!-- Moving From -->\n                        <div class=\"smart-moving-field\">\n                            <label>Moving From *<\/label>\n                            <input type=\"text\" name=\"pickup_address\" id=\"pickup-address\" class=\"google-places-autocomplete\" placeholder=\"Enter pickup address\" required>\n                        <\/div>\n                        \n                        <!-- Moving To -->\n                        <div class=\"smart-moving-field\">\n                            <label>Move To *<\/label>\n                            <input type=\"text\" name=\"delivery_address\" id=\"delivery-address\" class=\"google-places-autocomplete\" placeholder=\"Enter delivery address\" required>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Map Preview (Always Visible) -->\n                <div class=\"smart-moving-section smart-moving-section-map\">\n                    <h3>Route Preview<\/h3>\n                    <div class=\"smart-moving-map-container\" id=\"map-container\" style=\"width: 100%; height: 400px; border-radius: 8px; overflow: hidden;\">\n                        <div class=\"map-loading\" style=\"display: flex; align-items: center; justify-content: center; height: 100%;\">\n                            Enter addresses to view route                        <\/div>\n                    <\/div>\n                    \n                    <!-- Distance Display -->\n                    <div class=\"smart-moving-distance-display\" style=\"display: none; margin-top: 15px;\">\n                        <div class=\"distance-info-card\">\n                            <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;\">\n                                <strong>Distance:<\/strong>\n                                <span id=\"distance-value\" style=\"font-size: 18px; font-weight: 700; color: #0073aa;\">-<\/span>\n                            <\/div>\n                            <div style=\"display: flex; justify-content: space-between; align-items: center;\">\n                                <strong>Distance Charge:<\/strong>\n                                <span id=\"distance-charge-display\" style=\"font-size: 18px; font-weight: 700; color: #0073aa;\">\u20ac0.00<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                                <!-- Customer Information -->\n                <div class=\"smart-moving-section smart-moving-section-customer-info\" data-section=\"customer_info\">\n                    <h3>Your Information<\/h3>\n                    <div class=\"smart-moving-row\">\n                        <div class=\"smart-moving-field\">\n                            <label>Full Name *<\/label>\n                            <input type=\"text\" name=\"customer_name\" required>\n                        <\/div>\n                        <div class=\"smart-moving-field\">\n                            <label>Email *<\/label>\n                            <input type=\"email\" name=\"customer_email\" required>\n                        <\/div>\n                        <div class=\"smart-moving-field\">\n                            <label>Phone<\/label>\n                            <input type=\"tel\" name=\"customer_phone\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                \n                                \n                                <!-- Moving Description -->\n                <div class=\"smart-moving-section smart-moving-section-moving-description\" data-section=\"moving_description\">\n                    <h3>What are you moving?<\/h3>\n                    <div class=\"smart-moving-field\">\n                        <label>Describe your move (optional)<\/label>\n                        <textarea name=\"moving_description\" rows=\"4\" placeholder=\"Describe your move (optional)\"><\/textarea>\n                    <\/div>\n                <\/div>\n                                \n                                \n                <div class=\"smart-moving-divider\"><\/div>\n                \n                                \n                                <!-- Custom Items -->\n                <div class=\"smart-moving-section smart-moving-section-custom-items\" data-section=\"custom_items\">\n                    <h3>Add Custom Items<\/h3>\n                    \n                    <div id=\"custom-items-container\"><\/div>\n                    \n                    <button type=\"button\" class=\"button smart-moving-add-custom-item\">\n                        <span class=\"dashicons dashicons-plus\"><\/span>\n                        Add Another Item                    <\/button>\n                <\/div>\n                                \n                                <!-- Service Options -->\n                <div class=\"smart-moving-section smart-moving-section-service-options\" data-section=\"service_options\">\n                    <h3>Service Options<\/h3>\n                    \n                    <div class=\"smart-moving-row\">\n                        <div class=\"smart-moving-field\">\n                            <label>Preferred Date<\/label>\n                            <input type=\"date\" name=\"preferred_date\">\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"smart-moving-field\">\n                        <label>Special Instructions<\/label>\n                        <textarea name=\"special_instructions\" rows=\"4\" placeholder=\"Enter any special instructions or notes\"><\/textarea>\n                    <\/div>\n                <\/div>\n                                \n                                <!-- Price Summary -->\n                <div class=\"smart-moving-section smart-moving-section-price-summary\" data-section=\"price_summary\">\n                    <div class=\"smart-moving-price-summary\">\n                        <div class=\"price-row\">\n                            <span>Items Total:<\/span>\n                            <span id=\"items-total\">\u20ac0.00<\/span>\n                        <\/div>\n                        <div class=\"price-row\">\n                            <span>Distance Charge:<\/span>\n                            <span id=\"distance-charge\">\u20ac0.00<\/span>\n                        <\/div>\n                        <div class=\"price-row\">\n                            <span>Floor Charges:<\/span>\n                            <span id=\"floor-charges\">\u20ac0.00<\/span>\n                        <\/div>\n                        <div class=\"price-row\">\n                            <span>Elevator Discount:<\/span>\n                            <span id=\"elevator-charge\">\u20ac0.00<\/span>\n                        <\/div>\n                        <div class=\"price-row\">\n                            <span>Packing Charges:<\/span>\n                            <span id=\"packing-charge\">\u20ac0.00<\/span>\n                        <\/div>\n                        <div class=\"price-row total-price\">\n                            <span>Total Price:<\/span>\n                            <span id=\"total-price\">\u20ac0.00<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                \n                <!-- Submit Button -->\n                <div class=\"smart-moving-submit-section\">\n                                        <button type=\"submit\" class=\"smart-moving-submit-btn\">\n                        Add to Cart &amp; Checkout                    <\/button>\n                <\/div>\n                \n                <input type=\"hidden\" name=\"service_id\" value=\"5601\">\n                <input type=\"hidden\" name=\"distance\" id=\"hidden-distance\">\n                <input type=\"hidden\" name=\"total_price\" id=\"hidden-total-price\">\n            <\/form>\n            \n            <div class=\"smart-moving-message\"><\/div>\n        <\/div>\n        \n        <!-- Custom Item Template -->\n        <script type=\"text\/html\" id=\"custom-item-template\">\n            <div class=\"custom-item-wrapper\" data-item-id=\"{{ITEM_ID}}\">\n                <h4 style=\"display: flex; justify-content: space-between; align-items: center;\">\n                    <span>Custom Item #{{ITEM_NUMBER}}<\/span>\n                    <button type=\"button\" class=\"button remove-custom-item\" data-item-id=\"{{ITEM_ID}}\" style=\"background: #dc3545; color: white; border: none;\">\n                        <span class=\"dashicons dashicons-trash\"><\/span> Remove                    <\/button>\n                <\/h4>\n                \n                <div class=\"custom-item-photos\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 15px;\">\n                    <div class=\"photo-upload-box\" data-photo-index=\"0\" style=\"position: relative; aspect-ratio: 1; border: 2px dashed #ccc; border-radius: 8px; cursor: pointer; overflow: hidden;\">\n                        <input type=\"file\" accept=\"image\/*\" class=\"photo-input\" name=\"custom_items[{{ITEM_ID}}][photos][]\" data-item-id=\"{{ITEM_ID}}\" data-photo-index=\"0\" style=\"position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 1;\">\n                        <div class=\"photo-preview\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 10px; text-align: center;\">\n                            <span class=\"dashicons dashicons-plus\" style=\"font-size: 32px; color: #999;\"><\/span>\n                            <span style=\"font-size: 12px; color: #666;\">Photos 1<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"photo-upload-box\" data-photo-index=\"1\" style=\"position: relative; aspect-ratio: 1; border: 2px dashed #ccc; border-radius: 8px; cursor: pointer; overflow: hidden;\">\n                        <input type=\"file\" accept=\"image\/*\" class=\"photo-input\" name=\"custom_items[{{ITEM_ID}}][photos][]\" data-item-id=\"{{ITEM_ID}}\" data-photo-index=\"1\" style=\"position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 1;\">\n                        <div class=\"photo-preview\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 10px; text-align: center;\">\n                            <span class=\"dashicons dashicons-plus\" style=\"font-size: 32px; color: #999;\"><\/span>\n                            <span style=\"font-size: 12px; color: #666;\">Photos 2<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"photo-upload-box\" data-photo-index=\"2\" style=\"position: relative; aspect-ratio: 1; border: 2px dashed #ccc; border-radius: 8px; cursor: pointer; overflow: hidden;\">\n                        <input type=\"file\" accept=\"image\/*\" class=\"photo-input\" name=\"custom_items[{{ITEM_ID}}][photos][]\" data-item-id=\"{{ITEM_ID}}\" data-photo-index=\"2\" style=\"position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 1;\">\n                        <div class=\"photo-preview\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 10px; text-align: center;\">\n                            <span class=\"dashicons dashicons-plus\" style=\"font-size: 32px; color: #999;\"><\/span>\n                            <span style=\"font-size: 12px; color: #666;\">Photos 3<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"custom-item-dimensions\">\n                    <label style=\"display: block; font-weight: 600; margin-bottom: 10px;\">Item Description & Dimensions<\/label>\n                    \n                    <input type=\"text\" name=\"custom_items[{{ITEM_ID}}][description]\" placeholder=\"Item Description\" style=\"width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; margin-bottom: 10px;\">\n                    \n                    <div style=\"display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 10px; margin-bottom: 10px;\">\n                        <input type=\"number\" step=\"0.01\" name=\"custom_items[{{ITEM_ID}}][broad]\" placeholder=\"Width\" style=\"padding: 10px; border: 1px solid #ddd; border-radius: 4px;\">\n                        <input type=\"number\" step=\"0.01\" name=\"custom_items[{{ITEM_ID}}][depth]\" placeholder=\"Depth\" style=\"padding: 10px; border: 1px solid #ddd; border-radius: 4px;\">\n                        <input type=\"number\" step=\"0.01\" name=\"custom_items[{{ITEM_ID}}][height]\" placeholder=\"Height\" style=\"padding: 10px; border: 1px solid #ddd; border-radius: 4px;\">\n                        <select name=\"custom_items[{{ITEM_ID}}][dimension_unit]\" style=\"padding: 10px; border: 1px solid #ddd; border-radius: 4px; min-width: 80px;\">\n                            <option value=\"cm\">cm<\/option>\n                            <option value=\"m\">m<\/option>\n                            <option value=\"in\">in<\/option>\n                            <option value=\"ft\">ft<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div style=\"display: grid; grid-template-columns: 1fr auto; gap: 10px;\">\n                        <input type=\"number\" step=\"0.01\" name=\"custom_items[{{ITEM_ID}}][weight]\" placeholder=\"Weight\" style=\"padding: 10px; border: 1px solid #ddd; border-radius: 4px;\">\n                        <select name=\"custom_items[{{ITEM_ID}}][weight_unit]\" style=\"padding: 10px; border: 1px solid #ddd; border-radius: 4px; min-width: 80px;\">\n                            <option value=\"kg\">Kg<\/option>\n                            <option value=\"lb\">lb<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/script>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2774","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/contactomudanzas.es\/en_us\/wp-json\/wp\/v2\/pages\/2774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contactomudanzas.es\/en_us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/contactomudanzas.es\/en_us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/contactomudanzas.es\/en_us\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/contactomudanzas.es\/en_us\/wp-json\/wp\/v2\/comments?post=2774"}],"version-history":[{"count":18,"href":"https:\/\/contactomudanzas.es\/en_us\/wp-json\/wp\/v2\/pages\/2774\/revisions"}],"predecessor-version":[{"id":5616,"href":"https:\/\/contactomudanzas.es\/en_us\/wp-json\/wp\/v2\/pages\/2774\/revisions\/5616"}],"wp:attachment":[{"href":"https:\/\/contactomudanzas.es\/en_us\/wp-json\/wp\/v2\/media?parent=2774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}