{"id":2436,"date":"2023-09-04T11:34:32","date_gmt":"2023-09-04T11:34:32","guid":{"rendered":"https:\/\/noxiy.themeori.net\/?page_id=2436"},"modified":"2025-04-24T07:37:35","modified_gmt":"2025-04-24T07:37:35","slug":"book-a-appointment","status":"publish","type":"page","link":"https:\/\/quickfixpk.com\/?page_id=2436","title":{"rendered":"Book an Appointment"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2436\" class=\"elementor elementor-2436\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1535f496 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"1535f496\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8866d37 elementor-widget elementor-widget-shortcode\" data-id=\"8866d37\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- HTML Forms v1.6.1 - https:\/\/wordpress.org\/plugins\/html-forms\/ -->\n<form method=\"post\"  class=\"hf-form hf-form-2789 \" data-id=\"2789\" data-title=\"Service Order Form\" data-slug=\"service-order-form\" data-message-success=\"Thank you! We will be in touch soon.\" data-message-invalid-email=\"Sorry, that email address looks invalid.\" data-message-required-field-missing=\"Please fill in the required fields.\" data-message-error=\"Oops. An error occurred.\" data-message-recaptcha-failed=\"reCAPTCHA verification failed. Please try again.\" data-message-recaptcha-low-score=\"Your submission appears to be spam. Please try again.\"><input type=\"hidden\" name=\"_hf_form_id\" value=\"2789\" \/><div style=\"display: none;\"><input type=\"text\" name=\"_hf_h2789\" value=\"\" \/><\/div><div class=\"hf-fields-wrap\"><div class=\"quickfix-service-form\">\r\n    <h2 style=\"font-size: 2em; margin-bottom: 10px;\">\r\n        <span style=\"color: #000000;\">Book Your<\/span> \r\n        <span style=\"color: #ff862f;\">QuickFix Service!<\/span>\r\n    <\/h2>\r\n    \r\n    <div class=\"row\">\r\n        <!-- Basic Information Section -->\r\n        <div class=\"col-md-12\">\r\n            <h3>Contact Information<\/h3>\r\n        <\/div>\r\n        \r\n        <div class=\"col-md-6 mb-30\">\r\n            <div class=\"form-item\">\r\n                <input type=\"text\" name=\"name\" placeholder=\"Enter Full Name\" required>\r\n                <label class=\"form-label\">Full Name<span> *<\/span><\/label>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"col-md-6 mb-30\">\r\n            <div class=\"form-item\">\r\n                <input type=\"tel\" name=\"phone\" placeholder=\"Phone Number\" required>\r\n                <label class=\"form-label\">Phone Number<span> *<\/span><\/label>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"col-md-6 mb-30\">\r\n            <div class=\"form-item\">\r\n                <input type=\"email\" name=\"email\" placeholder=\"Email Address\">\r\n                <label class=\"form-label\">Email Address<\/label>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"col-md-6 mb-30\">\r\n            <div class=\"form-item\">\r\n                <select name=\"city\" required>\r\n                    <option value=\"\">Select City<\/option>\r\n                    <option value=\"Karachi\">Karachi<\/option>\r\n                    <option value=\"Lahore\">Lahore<\/option>\r\n                    <option value=\"Islamabad\">Islamabad<\/option>\r\n                    <option value=\"Rawalpindi\">Rawalpindi<\/option>\r\n                    <option value=\"Other\">Other City<\/option>\r\n                <\/select>\r\n                <label class=\"form-label\">City<span> *<\/span><\/label>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"col-md-12 mb-30\">\r\n            <div class=\"form-item\">\r\n                <input type=\"text\" name=\"address\" placeholder=\"Full Address\" required>\r\n                <label class=\"form-label\">Complete Address<span> *<\/span><\/label>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Service Selection Section -->\r\n        <div class=\"col-md-12\">\r\n            <h3>Service Details<\/h3>\r\n        <\/div>\r\n        \r\n        <div class=\"col-md-12 mb-30\">\r\n            <div class=\"form-item\">\r\n                <select name=\"service_category\" id=\"service_category\" required>\r\n                    <option value=\"\">Select Service Category<\/option>\r\n                    <option value=\"Electrical\">Electrical Services<\/option>\r\n                    <option value=\"Plumbing\">Plumbing Services<\/option>\r\n                    <option value=\"AC\">AC Services<\/option>\r\n                    <option value=\"Generator\">Generator Services<\/option>\r\n                    <option value=\"Painting\">Painting Services<\/option>\r\n                    <option value=\"Cleaning\">Cleaning Services<\/option>\r\n                    <option value=\"Carpentry\">Carpentry Services<\/option>\r\n                    <option value=\"Appliance\">Appliance Repair<\/option>\r\n                    <option value=\"Pest\">Pest Control<\/option>\r\n                    <option value=\"Other\">Other Services<\/option>\r\n                <\/select>\r\n                <label class=\"form-label\">Service Category<span> *<\/span><\/label>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"col-md-12 mb-30\">\r\n            <div class=\"form-item\">\r\n                <select name=\"specific_service\" id=\"specific_service\" required>\r\n                    <option value=\"\">Select Specific Service<\/option>\r\n                    <!-- Options will be populated by JavaScript -->\r\n                <\/select>\r\n                <label class=\"form-label\">Specific Service Needed<span> *<\/span><\/label>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"col-md-12 mb-30\">\r\n            <div class=\"form-item\">\r\n                <textarea name=\"problem_description\" placeholder=\"Describe your service requirement in detail\" required><\/textarea>\r\n                <label class=\"form-label\">Service Description<span> *<\/span><\/label>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Scheduling Section -->\r\n        <div class=\"col-md-6 mb-30\">\r\n            <div class=\"form-item\">\r\n                <input type=\"date\" name=\"preferred_date\" min=\"<?php echo date('Y-m-d'); ?>\" required>\r\n                <label class=\"form-label\">Preferred Date<span> *<\/span><\/label>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"col-md-6 mb-30\">\r\n            <div class=\"form-item\">\r\n                <select name=\"preferred_time\" required>\r\n                    <option value=\"\">Select Time Slot<\/option>\r\n                    <option value=\"9AM-12PM\">Morning (9AM-12PM)<\/option>\r\n                    <option value=\"12PM-3PM\">Afternoon (12PM-3PM)<\/option>\r\n                    <option value=\"3PM-6PM\">Early Evening (3PM-6PM)<\/option>\r\n                    <option value=\"6PM-9PM\">Evening (6PM-9PM)<\/option>\r\n                    <option value=\"ASAP\">ASAP (Emergency Service)<\/option>\r\n                <\/select>\r\n                <label class=\"form-label\">Preferred Time<span> *<\/span><\/label>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Additional Options -->\r\n        <div class=\"col-md-12 mb-30\">\r\n            <div class=\"form-item\">\r\n                <input type=\"file\" name=\"photos\" id=\"photos\" multiple accept=\"image\/*\">\r\n                <label class=\"form-label\">Upload Photos (If helpful to explain your issue)<\/label>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Terms and Submission -->\r\n        <div class=\"col-md-12\">\r\n            <label class=\"terms-checkbox\">\r\n                <input type=\"checkbox\" name=\"terms\" required>\r\n                <span>I agree to QuickFix's Terms of Service and Privacy Policy<span> *<\/span><\/span>\r\n            <\/label>\r\n            <button type=\"submit\" class=\"quickfix-submit-btn\">Request Service Now<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Service options data\r\nconst serviceOptions = {\r\n    \"Electrical\": [\r\n        \"Wiring Installation\/Repair\",\r\n        \"Fuse Box Repair\",\r\n        \"Lighting Installation\",\r\n        \"Electrical Safety Check\",\r\n        \"Switch\/Outlet Repair\",\r\n        \"Circuit Breaker Replacement\"\r\n    ],\r\n    \"Plumbing\": [\r\n        \"Leak Repair\",\r\n        \"Pipe Installation\/Repair\",\r\n        \"Drain Cleaning\",\r\n        \"Faucet Installation\",\r\n        \"Water Heater Repair\",\r\n        \"Bathroom Plumbing\"\r\n    ],\r\n    \"AC\": [\r\n        \"AC Servicing\",\r\n        \"Gas Refill\",\r\n        \"AC Repair\",\r\n        \"AC Installation\",\r\n        \"AC Maintenance\",\r\n        \"AC Troubleshooting\"\r\n    ],\r\n    \"Generator\": [\r\n        \"Generator Repair\",\r\n        \"Maintenance Service\",\r\n        \"Part Replacement\",\r\n        \"Emergency Fixes\",\r\n        \"Generator Installation\"\r\n    ],\r\n    \"Painting\": [\r\n        \"Interior Painting\",\r\n        \"Exterior Painting\",\r\n        \"Wall Texture\",\r\n        \"Waterproof Coating\",\r\n        \"Wall Repair\",\r\n        \"Wood Painting\"\r\n    ],\r\n    \"Cleaning\": [\r\n        \"Deep Cleaning\",\r\n        \"Regular Cleaning\",\r\n        \"Move-In\/Move-Out Cleaning\",\r\n        \"Post-Renovation Cleaning\",\r\n        \"Carpet Cleaning\",\r\n        \"Sofa Cleaning\"\r\n    ],\r\n    \"Carpentry\": [\r\n        \"Furniture Assembly\",\r\n        \"Door\/Window Repair\",\r\n        \"Shelf Installation\",\r\n        \"Custom Furniture\",\r\n        \"Wood Repair\",\r\n        \"Cabinet Installation\"\r\n    ],\r\n    \"Appliance\": [\r\n        \"Refrigerator Repair\",\r\n        \"Washing Machine Repair\",\r\n        \"Microwave\/Oven Repair\",\r\n        \"Water Dispenser Repair\",\r\n        \"Dishwasher Repair\"\r\n    ],\r\n    \"Pest\": [\r\n        \"General Pest Control\",\r\n        \"Termite Treatment\",\r\n        \"Cockroach Control\",\r\n        \"Rodent Control\",\r\n        \"Bed Bug Treatment\"\r\n    ],\r\n    \"Other\": [\r\n        \"Masonry Work\",\r\n        \"Welding Services\",\r\n        \"Glass Work\",\r\n        \"Waterproofing\",\r\n        \"Other (Please Specify)\"\r\n    ]\r\n};\r\n\r\n\/\/ Populate specific services based on category\r\ndocument.getElementById('service_category').addEventListener('change', function() {\r\n    const category = this.value;\r\n    const specificServiceSelect = document.getElementById('specific_service');\r\n    \r\n    \/\/ Clear existing options\r\n    specificServiceSelect.innerHTML = '<option value=\"\">Select Specific Service<\/option>';\r\n    \r\n    \/\/ Add new options\r\n    if (category && serviceOptions[category]) {\r\n        serviceOptions[category].forEach(service => {\r\n            const option = document.createElement('option');\r\n            option.value = service;\r\n            option.textContent = service;\r\n            specificServiceSelect.appendChild(option);\r\n        });\r\n    }\r\n});\r\n<\/script>\r\n\r\n<style>\r\n.quickfix-service-form {\r\n    font-family: 'Arial', sans-serif;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n    padding: 20px;\r\n    background: #f9f9f9;\r\n    border-radius: 8px;\r\n    box-shadow: 0 0 15px rgba(0,0,0,0.1);\r\n}\r\n\r\n.quickfix-service-form h2, .quickfix-service-form h3 {\r\n    color: #333;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.quickfix-service-form h3 {\r\n    border-bottom: 2px solid #ff862f;\r\n    padding-bottom: 5px;\r\n    margin-top: 25px;\r\n}\r\n\r\n.form-item {\r\n    position: relative;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.form-item input,\r\n.form-item select,\r\n.form-item textarea {\r\n    width: 100%;\r\n    padding: 12px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n}\r\n\r\n.form-item textarea {\r\n    min-height: 100px;\r\n    resize: vertical;\r\n}\r\n\r\n.form-label {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    font-weight: 600;\r\n    color: #555;\r\n}\r\n\r\n.form-label span {\r\n    color: #ff862f;\r\n}\r\n\r\n.terms-checkbox {\r\n    display: flex;\r\n    align-items: center;\r\n    margin: 20px 0;\r\n    font-size: 14px;\r\n}\r\n\r\n.terms-checkbox input {\r\n    margin-right: 10px;\r\n}\r\n\r\n.quickfix-submit-btn {\r\n    background-color: #ff862f;\r\n    color: white;\r\n    border: none;\r\n    padding: 12px 25px;\r\n    font-size: 16px;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    transition: background-color 0.3s;\r\n    width: 100%;\r\n}\r\n\r\n.quickfix-submit-btn:hover {\r\n    background-color: #e67329;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .quickfix-service-form {\r\n        padding: 15px;\r\n    }\r\n}\r\n<\/style><noscript>Please enable JavaScript for this form to work.<\/noscript><\/div><\/form><!-- \/ HTML Forms --><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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":"","meta":{"footnotes":""},"class_list":["post-2436","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/quickfixpk.com\/index.php?rest_route=\/wp\/v2\/pages\/2436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quickfixpk.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/quickfixpk.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/quickfixpk.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quickfixpk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2436"}],"version-history":[{"count":6,"href":"https:\/\/quickfixpk.com\/index.php?rest_route=\/wp\/v2\/pages\/2436\/revisions"}],"predecessor-version":[{"id":2798,"href":"https:\/\/quickfixpk.com\/index.php?rest_route=\/wp\/v2\/pages\/2436\/revisions\/2798"}],"wp:attachment":[{"href":"https:\/\/quickfixpk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}