# Contact Us

<div class="alert alert-danger" role="alert">
  <b>Contact support form is currently unavailable. Please email <a href="mailto:support@chartboost.com">support@chartboost.com</a> for any inquiries. We apologize for this inconvenience.</b>
</div>

<script>
    // Check if the URL contains a success parameter and display the pop-up if true
    window.onload = function() {
    var urlParams = new URLSearchParams(window.location.search);

    if (urlParams.has('success') && urlParams.get('success') === 'true') {
      Toastify({
        text: "Thank you! Your message has been successfully received and will be processed shortly.",
        duration: 10000,
        position: "center",
        style: { background: "green" },
      }).showToast();
    } else if (urlParams.has('error') && urlParams.get('error') === 'true') {
      Toastify({
        text: "There was an error receiving your request. Please try again or contact support@chartboost.com",
        duration: 10000,
        position: "center",
        style: { background: "red" },
      }).showToast();
    } 
  };

  var captchaPassed = false;

  var verifyCaptcha = function(response) {
    if(response.length == 0) {
      captchaPassed = false;
    } else {
      captchaPassed = true;
      var _el=$('#form-submit');
        _el.removeAttr("disabled");
        _el.addClass('button-primary dark-blue-bg');
        _el.attr('aria-disabled', 'false');
        _el.attr('type', 'submit');
    }
  };

  function checkCaptchaAndSubmit(event) {

    var messageField = document.getElementById('Message');
    var wordCount = messageField.value.split(' ').length;
    var honeypotField = document.getElementById('honeypot').value;

    if (!captchaPassed || honeypotField) {
      event.preventDefault();
      // failed CAPTCHA or bot filled in honeypot
    } else if (wordCount < 3) {
      event.preventDefault();
      // did not pass the minimum word count
    }
    // any other filters we might want to add
  };

</script>

<form id="wf-form-Contact-Form" name="wf-form-Contact-Form" data-name="Contact Form" action="https://us-west1-support-bigquery-01.cloudfunctions.net/support-zendesk-relay/chartboostZendeskSupport" 
method="post" enctype="multipart/form-data" onsubmit="checkCaptchaAndSubmit(event)">
  <div class="form-group row" style="padding: 10px 0px;">
    <label for="Name" class="col-sm-2 col-form-label">First name <span><font color="#ff0000">*</font></span>
    </label>
    <div class="col-sm-10">
      <input type="text" class="form-control me-2 form-control-sm" maxlength="256" name="Name" data-name="Name" placeholder="What is your name? (required)" id="Name" required="">
    </div>
  </div>
  <div class="form-group row" style="padding: 10px 0px;">
    <label for="Email" class="col-sm-2 col-form-label">Email <span><font color="#ff0000">*</font></span>
    </label>
    <div class="col-sm-10">
      <input type="email" class="form-control me-2 form-control-sm" maxlength="256" name="Email" data-name="Email" placeholder="Please enter your email address. (required)" id="Email" required="">
    </div>
  </div>
  <div class="form-group row" style="padding: 10px 0px;">
    <label for="Emails-for-CC" class="col-sm-2 col-form-label">Emails to CC</label>
    <div class="col-sm-10">
      <input type="email" class="form-control me-2 form-control-sm" maxlength="256" name="Emails-for-CC" placeholder="Please enter email address you would like to CC" id="Emails-for-CC">
    </div>
  </div>
  <div class="form-group row" style="padding: 10px 0px;">
    <label for="Message" class="col-sm-2 col-form-label">Message <span><font color="#ff0000">*</font></span>
    </label>
    <div class="col-sm-10">
      <textarea id="Message" class="form-control me-2 form-control-sm" name="Message" maxlength="5000" data-name="Message" placeholder="How can we help you today? (required)" required="" class="form-control me-2 form-control-sm" rows="8" style="margin: 2px 2px 8px 2px"></textarea>
    </div>
  </div>
  <div class="form-group row" style="padding: 10px 0px;">
    <label for="Subject" class="col-sm-2 col-form-label">Subject</label>
    <div class="col-sm-10">
      <input type="text" class="form-control me-2 form-control-sm" maxlength="256" name="Subject" data-name="Subject" placeholder="Please add a subject for your request" id="Subject">
    </div>
  </div>
  <div class="form-group row" style="padding: 10px 0px;">
    <label for="Area" class="col-sm-2 col-form-label">Area</label>
    <div class="col-sm-10">
      <select id="Area" name="Area" class="dropdown form-control me-2 form-control-sm" data-name="Area" required="">
        <option value="americas_assign">Americas</option>
        <option value="europe_assign">Europe, India, Middle East and Africa</option>
        <option value="china_assign">China - 中国</option>
        <option value="japan_assign">Japan - 日本 </option>
        <option value="korea_assign">Korea - 한국</option>
        <option value="asia_assign">Asia (other)</option>
      </select>
    </div>
  </div>
  <!-- Add a hidden field -->
  <div style="display: none;">
    <input type="text" name="honeypot" id="honeypot" value="">
  </div>
  <!-- Upload Area -->
  <div id="uploadArea" class="form-group row" style="padding: 10px 0px;">
    <!-- Header -->
    <label class="col-sm-2 col-form-label">Upload your file</label>
    <div class="col-sm-10">
      <input type="file" name="fileInput" id="fileInput" class="drop-zoon__file-input" accept="image/*">
      <p class="upload-area__paragraph"> File should be under 2MB </p>
      <div class="h-captcha" data-sitekey="495192c5-044f-4b35-822a-c3190dc944dc" data-callback="verifyCaptcha"></div>
    </div>
  </div>
  <!-- End Upload Area -->
  <!-- Submit Button -->
  <!--
  <div class="form-group row" style="padding: 20px 0px;">
    <div class="col-sm-2">&nbsp;</div>
    <div class="col-sm-10">
      <button type="button" id="form-submit" class="btn btn-outline-success btn-sm col-sm-2" disabled="disabled" aria-disabled="true" >Submit</button>
    </div>
  </div>-->
</form>