var div = document.getElementById('AttApp');
    div.innerHTML += '<form id="attentive_form" action="https://api.attentivemobile.com/1/add-subscribers" method="POST"><div class="form__div"><div class="att__form--container"><label for="phone__input" data-item="hidden-text">Phone Number</label><input class="att__app" id="phone__input" type="phone" value=""  name="phone" placeholder="Insert Phone Here" required /> </div> <button type="submit" class="font--button prefix att__btn">Submit</button> </div> <div class="att__checkbox"> <label for="news__agree" aria-label="news__agree"></label> <input id="news__agree" type="checkbox" name="agree" value="true"> <p>By submitting this form, you agree to receive recurring automated promotional and personalized marketing text messages (e.g. cart reminders) from INH Hair at the cell number used when signing up. Consent is not a condition of any purchase. Reply HELP for help and STOP to cancel. Msg frequency varies. Msg & data rates may apply. <a href="http://attn.tv/inhhair/terms.html" style="text-decoration: underline;">View Terms </a> & <a href="https://attnl.tv/legal/p/tU1" style="text-decoration: underline;">Privacy.</a></p></div></form>';
    
    document.getElementById('attentive_form').addEventListener('submit', function(event){
        event.preventDefault();
        var phone = document.getElementById("phone__input").value;
          var attentiveVisitorId = document.cookie.replace(/(?:(?:^|.*;s*)__attentive_ids*=s*([^;]*).*$)|^.*$/, "$1");
          var headers = {
            'Authorization': 'Bearer JUZyivxoiKn82RMuAoxqJTCeUISydfzjRKLdIes_Sos',
            'Content-Type': 'application/json'
           };
          fetch('https://api.attentivemobile.com/1/add-subscribers', {
            method: 'POST', 
            headers: headers,
            body: JSON.stringify({"phone": phone , "visitorId": attentiveVisitorId }),
          })
          .then(response => response.json())
            .then(data => {
          console.log('Success:', data);
          document.getElementById('attentive_form').style.display = "none";
          var success = document.getElementById('SuccessMsg');
          success.innerHTML += '<p class="att__sucess">Thanks for Subscribing!</p>'
              })
          .catch((error) => {
        console.error('Error:', error); })
      });