<div><style>
.wrapper {
   width: 100%;
    padding:10px 30px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
 }
.content {
    width: 100%;
    height: 200px;
     padding:15px;
    outline: none;
}
.btn{
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    width: 100%;
    height: 39px;
    background: #323232;
    border-radius: 2.5px;
    font-size: 16px;
    font-family: Mukta-Medium,Mukta;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
   margin:30px 0 50px 0;
    margin-bottom: 90px;
}
.title{
margin:15px 0;
font-size: 22px;
font-family: Nexa-Bold, Nexa;
font-weight: bold;
color: #222222;
line-height: 34px;
}
</style><div class="wrapper"><h1 class="title">CONTACT US</h1><textarea id="content" class="content" placeholder="Please enter content"></textarea> <span id="submitbtn" class="btn">SUBMIT</span></div><script type="text/javascript">
    
var halaraObj = {}
var loading = false

  function submitForm(e) {
         if(loading)return
        var params =   halaraObj.getUrl(window.location.href)
        var encryption = params.key
        var content =  halaraObj.$('#content').val()
       sensors.track('click', {
             area_type_name:'userfeedbackSubmit',
             encryption:encryption||'',
             content:content||''
                    })

        if (!encryption) {
              halaraObj.Toast.error('invalid url')
          return 
        }
        if (!content) {
              halaraObj.Toast.error('Uh oh! The Content can not be empty')
         return
        }
        var postData = {
            encryption: params.key,
            content:   halaraObj.$('#content').val(),
        }
        loading=true
         halaraObj.$
            .ajax({
                type: 'post',//https://gateway-qa.doublefs.com/   https://api.thehalara.com
                url: 'https://api.thehalara.com/mall-rest/api/v1/dfsEmail/commitSms',
                data: JSON.stringify(postData),
                headers: {
                    'app-id': '10',
                    'system-source': 'H5',
                    'content-type': 'application/json',
                },
                xhrFields: {
                    withCredentials: true,
                },
            })
            .done(function (res) {
                loading=false
                if (res && res.code) {
                      halaraObj.Toast.error(res.msg)
                     sensors&& sensors.track('userfeedbackSubmit', {
                            type:'error',
                            msg:res.msg||'',
                    })

                } else {
                      halaraObj.Toast.error(res.msg)
                     halaraObj.$('#submitbtn').html('Submitted')
                     halaraObj.$("#submitbtn").off("click");
                     sensors&& sensors.track('userfeedbackSubmit', {
                            type:'success',
                            msg:res.msg||'',
                    })
                }
            })
            .fail(function (data) {
                 loading=false
                 halaraObj.Toast.error('Something error, please try again later')
               sensors&& sensors.track('userfeedbackSubmit', {
                            type:'error',
                            msg:data.message||'',
                    })
            })
    }
    Object.defineProperty(window, 'halara', {
        get: function () {
            return halaraObj
        },
        set: function (value) {
            halaraObj = value
            halaraObj.$('#submitbtn').on('click', submitForm)
        },
    })


</script></div>