<div class="row">
    <div class="col-lg-8">
        <ol>

            We are here to help. If you have a question about an INAX product or require any support, you can contact us
            by phone or send your enquiry using the form below.

            &nbsp;
            <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8">
            <form class="form"
                action="https://webto.salesforce.com/servlet/servlet.WebToCase?encoding=UTF-8&orgId=00D5g000004hUsN"
                data-parsley-validate="" method="POST">
                <div class="success text-center d-none">
                    <p class="text-uppercase">Success!</p>
                    &nbsp;

                </div>
                <div class="before">
                    <div class="form-group"><label class="text-uppercase" for="00N5g00000g0aQX">First Name:</label>
                        <input class="form-control" name="00N5g00000g0aQX" id="00N5g00000g0aQX" size="20" maxlength="40"
                            required="" type="text" placeholder="First Name"
                            data-parsley-error-message="Please enter first name." /></div>
                    <div class="form-group"><label class="text-uppercase" for="00N5g00000g0aQY">Last Name:</label>
                        <input class="form-control" name="00N5g00000g0aQY" id="00N5g00000g0aQY" size="20" maxlength="80"
                            required="" type="text" placeholder="Last Name"
                            data-parsley-error-message="Please enter last name." /></div>
                    <div class="form-group"><label class="text-uppercase">Email:</label>
                        <input class="form-control" name="email" id="email" size="20" maxlength="80" required=""
                            type="email" placeholder="Email Address"
                            data-parsley-error-message="Please enter correct email." /></div>
                    <div class="form-group"><label class="text-uppercase">Phone:</label>
                        <input class="form-control" name="phone" id="phone" size="20" maxlength="40" type="text"
                            placeholder="Phone Number" data-parsley-error-message="Please enter phone number."
                            required="" /></div>
                    <div class="form-group"><label class="text-uppercase">City:</label>
                        <input class="form-control" name="00N5g00000atiMl" id="00N5g00000atiMl" size="20" maxlength="40"
                            type="text" placeholder="City" data-parsley-error-message="Please enter your city"
                            required="" /></div>
                    <div class="form-group">
                        <label class="text-uppercase" for="type">Subject:</label>
                        <div class="select-wrapper"><select class="form-control" id="type" name="type" required=""
                                data-parsley-error-message="Please select type">
                                <option value="">Please Select</option>
                                <option value="Feedback / Complaint">Feedback</option>
                                <option value="Installation Request">Installation</option>
                                <option value="Sales / Product Enquiry">Product Enquiry</option>
                                <option value="Troubleshooting / Repair">Troubleshooting</option>
                                <option value="Warranty-related">Warranty</option>
                                <option value="Others">Others</option>
                            </select></div>
                    </div>
                    <div class="form-group"><label class="text-uppercase">Message*</label>
                        <textarea class="form-control" name="subject" required="" rows="3" placeholder="Your Message"
                            data-parsley-error-message="Please enter message."></textarea></div>
                    <label for="00N5g00000dEEtW">
                        <input id="00N5g00000dEEtW" checked="true" name="00N5g00000dEEtW" type="checkbox" value="1" />
                        I would like to receive news and information on LIXIL’s products and services
                    </label>
                    <script>
                        let form = document.querySelector('.form')

                        form.addEventListener('submit', (e) => {
                            e.preventDefault();

                            setTimeout(() => {
                                if (validateForm()) {
                                    alert(
                                        'Success. Thank you for your enquiry! We will get back to you soon.'
                                    );
                                    form.submit();
                                } else {
                                    alert('Please fill in all the fields!');
                                }
                            }, 500);
                        })

                        function validateForm() {
                            let isValid = true
                            isValid = document.querySelector('.parsley-custom-error-message') ? false : true

                            return isValid
                        }

                        function checkCheckbox() {
                            var checkbox = document.getElementById("myCheckbox");
                            var submitButton = document.getElementById("submitButton");

                            if (checkbox.Checked) {
                                submitButton.disabled = false; // Enable the submit button
                            } else {
                                submitButton.disabled = true; // Disable the submit button
                            }
                        }

                        // Function to set the checkbox as checked and enable the submit button on page load
                        function initializePage() {
                            var checkbox = document.getElementById("myCheckbox");
                            var submitButton = document.getElementById("submitButton");

                            checkbox.checked = true; // Set the checkbox to be checked
                            submitButton.disabled = false; // Enable the submit button

                            const reCAPTCHA = document.querySelector('#g-recaptcha-response');
                            if (recaptcha) {
                                recaptcha.setAttribute('required', 'required');
                            }
                        }

                        // Call the initializePage function when the page is loaded
                        window.addEventListener("load", initializePage);
                    </script>

                    <!--  ----------------------- Section A -------------------------  -->
                    <!--  NOTE: This are hidden/defaulted values that are required for -->
                    <!--  Integration to SFDC. Do not remove/amend                     -->
                    <!--  ------------------------------------------------------------ -->

                    <!-- Communication Opt In Hidden Field -->
                    <input id="00N5g00000au23D" hidden="true" name="00N5g00000au23D" type="checkbox" value="1"
                        checked />
                    <input id="00N5g00000au23E" hidden="true" name="00N5g00000au23E" type="checkbox" value="1"
                        checked />
                    <input id="00N5g00000au23F" hidden="true" name="00N5g00000au23F" type="checkbox" value="1"
                        checked />
                    <input id="00N5g00000dFizd" hidden="true" name="00N5g00000dFizd" type="checkbox" value="1"
                        checked />
                    <!-- ------------------------------------------------------------ -->

                    <input id="priority" title="priority" name="priority" type="hidden" value="Medium" />
                    <input id="00N5g00000SQvst" name="00N5g00000SQvst" title="Relationship Type" type="hidden"
                        value="B2C" />
                    <input id="00N5g00000SQw2e" name="00N5g00000SQw2e" title="Brand" type="hidden" value="INAX" />
                    <input id="00N5g00000atiMt" name="00N5g00000atiMt" title="Country" type="hidden"
                        value="Singapore" />
                    <input type=hidden name="orgid" value="00D5g000004hUsN">
                    <input type=hidden name="retURL" value="http://3.36.53.39/kr//support/get-in-touch/">
                    <input type="hidden" id="external" name="external" value="1" /><br>

                    <!--  ---------------------------------------------------------  -->
                    <!--                    END of Section A                         -->
                    <!--  ---------------------------------------------------------- -->

                    <label for="myCheckbox"><input id="myCheckbox" type="checkbox" />
                        I have read and agree to LIXIL’s <a href="https://www.lixil.com/en/terms_use/"
                            target="_blank">Terms of Use</a> and
                        <a href="https://www.inax.com/apac-privacy-policy/" target="_blank">Privacy Policy</a>.*
                    </label>
                    <br>
                    Please refer to our <a href="https://www.inax.com/apac-privacy-policy/" target="_blank">Privacy
                        Policy</a> for
                    information on how and where we use and disclose Personal Data and how you can access or correct
                    your
                    Personal Data or make a complaint.<br><br>
                    <div class="g-recaptcha" data-sitekey="6LeaC3EpAAAAAKa-Scp5z8GTqvNTjDgVxDjnH4Rm"></div><br>
                    <div class="text-left"><button id="submitButton" class="btn btn-primary text-uppercase"
                            disabled="disabled" type="submit">Submit</button></div>
                </div>
            </form>
    </div>
</div>