<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">IMPRESSUM</h1><textarea id="content" class="content" placeholder="Please enter content"></textarea> <span id="submitbtn" class="btn">EINREICHEN</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  
                url: ' https://api.thehalara.de/mall-rest/api/v1/dfsEmail/commitSms',
                data: JSON.stringify(postData),
                headers: {
                    'app-id': '16',
                    '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 {
                     sensors&& sensors.track('userfeedbackSubmit', {
                            type:'success',
                            msg:res.msg||'',
                    })
                     halaraObj.$('#submitbtn').html('Eingereicht')
                     halaraObj.$("#submitbtn").off("click");
                    halaraObj.Toast.error(res.msg)
                }
            })
            .fail(function (data) {
                  loading  =false
                 sensors&& sensors.track('userfeedbackSubmit', {
                            type:'error',
                            msg:data.message||'',
                    })
                halaraObj.Toast.error('Something error, please try again later')
            })
    }
     Object.defineProperty(window, 'halara', {
        get: function () {
            return halaraObj
        },
        set: function (value) {
            halaraObj = value
            halaraObj.$('#submitbtn').on('click', submitForm)
        },
    })

</script></div>