<div class="row">
  <div class="col-lg-8">
    <p>Your comments and contributions are very important to us.
Please contact us at the information below.
We will respond to you as soon as possible. Thank you so much!
</p><br>
    <form class="form" data-parsley-validate data-showroom-form action="http://3.36.53.39/kr//wp-admin/admin-ajax.php" method="post">
      <div class="success text-center d-none">
        <p class="text-uppercase">Success!</p>
        <p><i class="fas fa-check"></i></p>
      </div>
      <div class="before">
<input type="hidden" value="getintouch" name="action">
        <div class="form-group">
          <label class="text-uppercase">full name*</label>
          <input class="form-control" type="text" placeholder="Full Name" required data-parsley-error-message="Please enter full name." name="fullName">
        </div>
        <div class="form-group">
          <label class="text-uppercase">email*</label>
          <input class="form-control" type="email" placeholder="Email Address" required data-parsley-error-message="Please enter correct email." name="email">
        </div>
        <div class="form-group">
          <label class="text-uppercase">phone number</label>
          <input class="form-control" type="text" placeholder="Phone Number" name="phoneNumber">
        </div>
        <div class="form-group">
          <label class="text-uppercase">Subject*</label>
          <div class="select-wrapper">
  <select class="form-control" required data-parsley-error-message="Please select subject" name="subject">
    <option disabled>Please select</option>
    <option value="Technical support">Technical support</option>
    <option value="Product support">Product support</option>
    <option value="Customer care">Customer care</option>
    <option value="Purchasing support">Purchasing support</option>
    <option value="Business Partnership">Business Partnership</option>
  </select>
</div>
        </div>
        <div class="form-group">
          <label class="text-uppercase">Message*</label>
          <textarea class="form-control" rows="3" placeholder="Your Message" required data-parsley-error-message="Please enter message." name="content"></textarea>
        </div>
        <script>
    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
    }

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

<label for="myCheckbox">
<input id="myCheckbox" type="checkbox"/>
I would like to receive news and information on LIXIL’s products and services<br>
<input id="myCheckbox" type="checkbox" onchange="checkCheckbox();"/>
I have read and agree to LIXIL’s <a href="https://www.lixil.com/en/terms_use/">Terms of Use</a> and <a href="https://www.inax.com/apac-privacy-policy/">Privacy Policy</a>.*
</label><br>

Please refer to our <a href="https://www.inax.com/apac-privacy-policy/">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="text-right">
    <button id="submitButton" class="btn btn-primary text-uppercase" type="submit" disabled>Submit</button>
</div>
